@font-face {
font-family: "EncodeSans-Light";
src: url(//hurom.rs/wp-content/themes/hurom/fonts/EncodeSans-Light.ttf);
}
@font-face {
font-family: "EncodeSans-Regular";
src: url(//hurom.rs/wp-content/themes/hurom/fonts/EncodeSans-Regular.ttf);
}
@font-face {
font-family: "EncodeSans-Medium";
src: url(//hurom.rs/wp-content/themes/hurom/fonts/EncodeSans-Medium.ttf);
}
@font-face {
font-family: "EncodeSans-SemiBold";
src: url(//hurom.rs/wp-content/themes/hurom/fonts/EncodeSans-SemiBold.ttf);
}
@font-face {
font-family: "EncodeSans-Bold";
src: url(//hurom.rs/wp-content/themes/hurom/fonts/EncodeSans-Bold.ttf);
}
body {
margin: 0;
font-family: "EncodeSans-Regular";
overflow-x: hidden;
}
ul {
margin: 0;
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
ul,
ol {
list-style: none;
}
input {
outline: none;
}
img {
max-width: 100%;
vertical-align: middle;
}
p {
line-height: 1.7;
font-style: normal;
font-weight: 400;
font-family: "EncodeSans-Regular";
}
a {
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.container {
max-width: 1600px;
padding: 0 20px;
margin: 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
.header_main {
background:#fff;
margin-top:-20px;
position:relative;
}
.term-sokovnici .wvs-add-to-cart-button {
display:none;
} .intesa_data {
padding-top:50px !important;
padding-bottom:50px !important;
}
.intesa_data h4 {
margin 0 5px !important;
} .page-id-2064 .simplePages .heading {
display:none;
}
.page-id-2064 h2,
.page-id-2064 h2 strong{
font-family: Rubik !important;
}
.page-id-2064.page-template-default .simplePages strong {
font-family: Rubik
} .header-wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0;
}
.nav_search {
display: flex;
align-items: center;
}
.nav_search #menu-glavni-meni {
display: flex;
align-items: center;
}
.headerMessage {
text-align: center;
background: #84ba24;
color: #fff;
padding: 10px;
font-size: 12px;
letter-spacing: 0.5px;
}
.headerMessage a {
color: #fff;
text-decoration: underline;
} .miniCart {
position: relative;
margin-left: 20px;
}
.miniCart .cart_count {
position: absolute;
right: -12px;
top: -12px;
}
.miniCart .cart_count .woocommerce-Price-amount.amount {
display: none;
}
.miniCart .cart-customlocation {
width: 17px;
height: 17px;
background: #84ba24;
color: #fff;
font-size: 11px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
} .mob-button {
display: none;
}
.nav_search #menu-glavni-meni li {
margin-right: 40px;
}
.nav_search #menu-glavni-meni li a {
color: #000;
font-size: 16px;
}
.nav_search #menu-glavni-meni li.current-menu-item a {
color: #84ba24;
} .mobSearch {
display: none;
}
.search {
margin-right: 10px;
}
.search input {
font-size: 14px !important;
} .banerWrap {
position: relative;
}
.banerWrap .desk_img {
display: block;
width: 100%;
}
.banerWrap .mob_img {
display: none;
}
.banerWrap .banerDesc {
position: absolute;
z-index: 5;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.banerWrap .banerDescWrap {
width: 40%;
}
.banerWrap .banerDescWrap h1,
.banerWrap .banerDescWrap h2,
.banerWrap .banerDescWrap h3,
.banerWrap .banerDescWrap h4,
.banerWrap .banerDescWrap h5 {
font-size: 48px;
margin-bottom: 30px;
}
.banerWrap .banerDescWrap p {
font-size: 16px;
margin: 0;
width: 80%;
}
.banerWrap .banerDescWrap p strong {
font-family: "EncodeSans-SemiBold";
}
.banerWrap .banerDescWrap a {
background: #84ba24;
color: #fff;
padding: 10px 50px;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
border: 1px solid #84ba24;
margin-top: 50px;
letter-spacing: 1px;
}
.banerWrap .banerDescWrap a:hover {
background: transparent;
color: #84ba24;
} .underBaner {
padding: 100px 0;
}
.underBaner .heading {
text-align: center;
}
.heading h2 {
font-size: 32px;
font-family: "EncodeSans-Medium";
}
.underBaner ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 100px;
margin-top: 50px;
}
.underBaner ul li {
text-align: center;
}
.underBaner ul li img {
margin-top: 20px;
} .whyHurom {
text-align: center;
background: #f4f9f2;
padding: 100px 0;
}
.whyHurom .smallTitle {
color: #84ba24;
font-size: 14px;
letter-spacing: 0.2px;
margin-bottom: 20px;
display: inline-block;
}
.whyHurom p {
font-size: 18px;
color: #84ba24;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.whyHurom a {
background: #84ba24;
color: #fff;
padding: 10px 50px;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
border: 1px solid #84ba24;
margin-top: 20px;
letter-spacing: 1px;
}
.whyHurom a:hover {
background: transparent;
color: #84ba24;
} .homeProduct .onsale,
.related.products .onsale {
display:none !important;
}
.homeProduct .onsale.onsale_list,
.related.products .onsale.onsale_list {
display:flex !important;
position: static;
order: -1;
height: 20px;
font-size: 12px;
width: 45px;
margin: 0 auto 10px;
font-family: "EncodeSans-Regular";
transform:none;
}
.homeProduct .productBigText {
display: none;
}
.homeProduct {
padding: 100px 0 50px;
}
.homeProduct .heading {
text-align: center;
}
.homeProduct .woocommerce {
padding: 100px 0 0;
}
.products .product {
text-align: center;
}
.products .product .woocommerce-loop-product__title {
color: #000;
font-family: "EncodeSans-Medium";
font-size: 17px !important;
margin-bottom: 10px !important;
}
.homeProduct ul.products li.product {
padding-bottom: 85px;
}
.products .price,
ul.products li.product .price {
color: #84ba24 !important;
font-size: 20px !important;
font-family: "EncodeSans-SemiBold";
display: flex !important;
flex-direction: column;
}
.homeProduct ul.products li.product .price {
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-top: 50px;
}
.products .price del {
color: #000 !important;
opacity: 1 !important;
font-family: "EncodeSans-Regular";
font-size: 16px;
margin-bottom: 5px;
}
ul.products li.product .price ins,
ul.products .wc-block-grid__product .price ins,
.wc-block-grid__products li.product .price ins,
.wc-block-grid__products .wc-block-grid__product .price ins {
margin-left: 0 !important;
text-decoration: none;
}
.woocommerce ul.products li.product .button { }
.homeProduct .woocommerce ul.products li.product .button,
.related .woocommerce ul.products li.product .button {
display: none !important;
}
.woocommerce ul.products li.product .price ins {
margin: 0;
}
ul.products li.product .price ins {
color: #84ba24;
}
.woocommerce ul.products li {
position: relative;
justify-content: center !important;
}
.main_cat_list ul.products li {
justify-content: flex-start !important;
}
ul.products li .onsale {
position: absolute;
top: 0;
right: 50px;
background: #84ba24;
color: #fff;
border: none;
width: 50px;
height: 30px;
border-radius: 5px;
font-size: 14px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.wvs_archive_reset_variations_link {
border: 1px solid #84ba24;
padding: 10px;
margin-top: 15px;
text-transform: uppercase;
font-size: 13px;
max-width: 200px;
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
color: #84ba24;
letter-spacing: 0.5;
margin-top: 100px;
display: none !important;
}
.wvs_archive_reset_variations_link:hover {
background: #84ba24;
color: #fff;
}
.products .slick-track {
display: flex;
} ul.products li.product .star-rating {
margin: 0 auto 5px !important;
}
.star-rating {
overflow: visible;
}
.star-rating span:before,
.star-rating span:before {
color: #84ba24 !important;
}
ul.products li.product .star-rating {
font-size: 13px !important;
} .woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item):last-child {
margin-right: 0 !important;
}
.variable-item-span {
margin: 0 !important;
}
.main_cat_list .variable-item-span-color,
.homeProduct .variable-item-span-color,
.related .variable-item-span-color {
width: 20px !important;
height: 20px !important;
display: inline-block;
border: 1px solid #f1f1f1;
border-radius: 50%;
margin-top: 10px;
}
.main_cat_list .variable-item-contents,
.main_cat_list .variable-item,
.homeProduct .variable-item,
.related .variable-item {
width: 20px !important;
height: 20px !important;
}
.main_cat_list .product .variable-item-span-color,
.homeProduct .product .variable-item-span-color,
.related .product .variable-item-span-color {
width: 25px;
height: 25px;
border: 2px solid #fff;
}
.main_cat_list .product .variable-item.selected .variable-item-span-color {
border: 2px solid #999999;
}
.product .variable-item.selected .variable-item-span-color {
border: 1px solid #999999;
}
ul.archive-variable-items {
display: flex;
align-items: center;
justify-content: center;
}
ul.archive-variable-items li {
margin: 0 3px;
cursor: pointer;
}
.wvs_archive_reset_variations.hide {
opacity: 0;
}
.wvs_archive_reset_variations.show {
opacity: 1;
} .br_alabel > span {
margin: 0 !important;
margin-bottom: 10px !important;
}
.berocket_better_labels
.berocket_better_labels_position
.berocket_better_labels_inline {
flex-direction: column;
justify-content: flex-end;
}
.berocket_better_labels
.berocket_better_labels_position_left
.berocket_better_labels_line,
.berocket_better_labels .berocket_better_labels_line .br_alabel {
margin: auto !important;
}
.br_alabel.br_alabel_template_type_image > span {
background-size: contain !important;
} .home_review {
text-align: center;
background: #f4f9f2;
padding: 45px 0;
}
.starList {
display: flex;
align-items: center;
justify-content: center;
}
.home_review .slick-dots li button::before,
.blogPost .slick-dots li button::before,
.logosSlide .slick-dots li button::before {
display: none;
}
.starList img {
margin: 0 5px;
}
.home_review li .recenzije_slike img {
width: 80px;
height: 80px;
object-fit: contain;
margin: 0 auto 20px;
}
.home_review li span {
font-size: 14px;
margin-bottom: 25px;
display: inline-block;
letter-spacing: 0.2px;
}
.home_review .reviewDesc {
font-size: 17px;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.home_review .reviewName {
font-size: 20px;
margin-bottom: 0;
}
.home_review .slick-dots,
.blogPost .slick-dots,
.logosSlide .slick-dots {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.home_review .slick-dots li,
.blogPost .slick-dots li,
.logosSlide .slick-dots li {
width: 50px;
height: 3px;
background: #dedede;
margin: 0 5px;
cursor: pointer;
}
.home_review .slick-dots li.slick-active,
.blogPost .slick-dots li.slick-active,
.logosSlide .slick-dots li.slick-active {
background: #84ba24;
}
.home_review .slick-dots li button,
.blogPost .slick-dots li button,
.logosSlide .slick-dots li button {
font-size: 0;
padding: 0;
background: none;
border: none;
} .post-title {
max-width: 1080px;
margin: auto !important;
}
.blog_post {
padding: 100px 0;
text-align: center;
}
.blog_post .leadText {
width: 50%;
margin: auto;
}
.blogPost {
margin: 50px -25px 0;
}
.blogPost .product_wrap_img {
width: 100%;
overflow: hidden;
height: 250px;
}
.blogPost .product_wrap_img div {
height: 270px;
width: 100%;
overflow: hidden;
}
.blogPageList .blogPost > li:first-child .product_wrap_img div {
height: 100%;
}
.blogPost .product_wrap_img img {
width: 100%;
height: 100%;
object-fit: cover;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.blogPost li:hover .product_wrap_img img {
transform: scale(1.1);
}
.blogPost li {
padding-left: 25px;
padding-right: 25px;
text-align: left;
}
.blogPost li .postAuthor {
display: flex;
align-items: center;
margin-top: 10px;
}
.blogPost li .postAuthor p {
font-size: 14px;
}
.blogPost li .postAuthor li {
padding: 0;
display: flex;
align-items: center;
color: #000;
margin-right: 50px;
}
.blogPost li .postAuthor li img {
margin-right: 10px;
}
.postAuthor p::first-letter {
text-transform: uppercase;
}
.blogPost li h2 {
color: #000;
font-size: 24px;
width: 70%;
margin-top: 10px;
}
.related_posts {
padding-bottom: 50px;
}
.blogPost li p {
color: #727272;
}
.post_short_desc {
min-height: 40px !important;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2 !important;
}
.blogPost li span {
color: #000;
font-size: 15px;
text-decoration: underline;
letter-spacing: 0.2px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.blogPost li:hover span {
color: #84ba24;
}
.blogPost .slick-dots {
margin-top: 50px;
} .homeTextBanner {
margin: 0 0 100px;
position: relative;
}
.homeTextBanner .homeTextBannerDesc {
position: absolute;
z-index: 5;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.homeTextBanner .deskBaner {
display: block;
}
.homeTextBanner .mobBaner {
display: none;
}
.homeTextBanner p {
width: 40%;
}
.homeTextBannerDesc h1,
.homeTextBannerDesc h2,
.homeTextBannerDesc h3,
.homeTextBannerDesc h4,
.homeTextBannerDesc h5 {
font-size: 48px;
margin-bottom: 0;
}
.homeTextBannerDesc p {
font-size: 18px;
margin-top: 30px;
}
.homeTextBannerDesc a {
background: #84ba24;
color: #fff;
padding: 10px 50px;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
border: 1px solid #84ba24;
margin-top: 20px;
letter-spacing: 1px;
}
.homeTextBannerDesc a:hover {
background: transparent;
color: #84ba24;
} .homeLogos {
padding-bottom: 70px;
}
.logosSlide li {
text-align: center;
}
.logosSlide li img {
margin: auto;
} .main_cat_list #sidebar {
display: none;
}
.storefront-sorting {
display: none;
}
.storefront-breadcrumb {
margin-bottom: 0 !important;
}
.woocommerce-breadcrumb a {
text-decoration: none !important;
}
.woocommerce-breadcrumb a,
a.woocommerce-review-link,
.product_meta a,
.woocommerce-breadcrumb {
font-size: 12px !important;
display: flex;
align-items: center;
}
.woocommerce-breadcrumb a:first-of-type::before {
margin-right: 10px !important;
}
.woocommerce-breadcrumb .breadcrumb-separator {
padding: 0 10px !important;
}
.woocommerce-breadcrumb .breadcrumb-separator::after {
opacity: 1 !important;
top: 53% !important;
}
.woocommerce-breadcrumb a:first-of-type::before {
content: "" !important;
background: url(//hurom.rs/wp-content/themes/hurom/img/homeBreadcrump.svg);
background-size: contain;
width: 19px;
height: 19px;
}
.woocommerce-products-header {
text-align: center;
}
.woocommerce-products-header .page-description {
width: 50%;
margin: auto;
}
.main_cat_list .products {
display: flex;
flex-direction: column;
margin-top: 70px;
}
.main_cat_list .products li.product[data-percentage="jedan"]  {
order:1;
}
.main_cat_list .products li.product[data-percentage="dva"]  {
order:2;
}
.main_cat_list .products li.product[data-percentage="tri"]  {
order:3;
}
.main_cat_list .products li.product[data-percentage="cetiri"]  {
order:4;
}
.main_cat_list .products li.product[data-percentage="pet"]  {
order:5;
}
.main_cat_list .products li.product[data-percentage="sest"]  {
order:6;
}
.main_cat_list .products li.product[data-percentage="sedam"]  {
order:7;
}
.main_cat_list .products li.product[data-percentage="osam"]  {
order:8;
}
.main_cat_list .products li.product[data-percentage="devet"]  {
order:9;
}
.woocommerce-products-header .term-description {
width: 45%;
margin-left: auto;
margin-right: auto;
}
.main_cat_list .products .add_to_cart_button {
display: none;
}
.main_cat_list .site-main ul li.product {
display: none;
}
.main_cat_list .site-main ul li.product.has-default-attributes {
width: 100% !important;
margin-right: 0 !important;
display: flex;
align-items: center;
height: 500px;
margin: 0;
}
.main_cat_list .site-main ul li.product .woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
}
.main_cat_list ul.products li.product .star-rating {
order: -1;
}
.main_cat_list .products .product .woocommerce-loop-product__title {
font-size: 38px !important;
margin-top: 10px;
max-width: 300px;
}
.main_cat_list .productListContent {
width: 40%;
margin: 0 0 0 auto !important;
text-align: left;
}
.main_cat_list ul.products li.product .star-rating {
margin: 0 !important;
}
.main_cat_list .site-main ul.archive-variable-items {
justify-content: flex-start;
}
.main_cat_list .site-main ul.archive-variable-items li {
margin-left: 0 !important;
margin-right: 5px !important;
}
.main_cat_list .site-main ul li.product .attachment-woocommerce_thumbnail {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
mix-blend-mode: multiply; 
margin: 0;
height: 400px;
object-fit: contain;
z-index: 3;
}
.single-product div.product .woocommerce-product-gallery img {
mix-blend-mode: multiply; 
}
.storefront-full-width-content .woocommerce-products-header {
padding-bottom: 0 !important;
}
.main_cat_list .site-main ul li.product {
background: url(//hurom.rs/wp-content/themes/hurom/img/bgd-1.svg);
background-size: 100%;
}
.main_cat_list .site-main ul li.product:nth-child(2n) {
background: url(//hurom.rs/wp-content/themes/hurom/img/bgd-2.svg);
background-size: 100%;
}
.main_cat_list
.berocket_better_labels
.berocket_better_labels_position.berocket_better_labels_position_left {
margin-top: 40px;
margin-left: 40px;
}
.main_cat_list ul.products li .onsale {
display:none !important;
}
.main_cat_list ul.products li .onsale_list {
display:flex !important;
}
.main_cat_list ul.products li .onsale,
.main_cat_list ul.products li .onsale_list {
position: static;
width: 50px;
height: 27px;
margin-bottom: 10px;
font-size: 14px;
white-space: nowrap;
order:-1;
font-family: "EncodeSans-Regular";
}
.main_cat_list .site-main ul li.product:nth-child(2n) .productListContent {
margin: auto !important;
}
.main_cat_list
.site-main
ul
li.product:nth-child(2n)
.berocket_better_labels_position {
position: absolute;
right: 0;
margin-right: 40px;
}
.add_to_cart_button,
.product_type_variable,
.addtocartbutton {
background-color: #84ba24 !important;
border: 1px solid #84ba24;
text-transform: uppercase;
color: #fff !important;
padding: 10px 50px;
display: inline-block;
margin-top: 24px;
font-size: 12px;
letter-spacing: 0.5px;
}
.add_to_cart_button:hover,
.product_type_variable:hover,
.addtocartbutton:hover {
background-color: #fff !important;
color: #84ba24 !important;
}
.productBigText {
font-family: "EncodeSans-Medium";
font-size: 125px;
position: absolute;
line-height: 0.95;
left: 26%;
z-index: 1;
top: 50%;
transform: translateY(-50%);
background: linear-gradient(
to right,
#fff 20%,
#dbdbdb 40%,
#dbdbdb 60%,
#fff 80%
);
background-size: 200% auto;
color: #000;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: shine 3s linear infinite;
animation: shine 3s linear infinite;
}
.main_cat_list .site-main ul li.product:nth-child(2n) .productBigText {
left: auto;
right: 25%;
} @-webkit-keyframes shine {
to {
background-position: 200% center;
}
}
@keyframes shine {
to {
background-position: 200% center;
}
} .woo-variation-swatches .wvs-archive-variations-wrapper {
position: relative !important;
z-index: 5;
}
.single_container .woocommerce-tabs,
.compact_clean_feeding,
.designForYou ul,
.related.products {
max-width: 1600px;
padding: 0 20px;
margin: 0 auto;
}
.singleDescription { background: #efefef;
background-size: cover;
padding: 0 0 50px;
}
.singleDescription .flex-wrap {
display: flex;
flex-wrap: wrap;
}
.single_discount_sticker .onsale.onsale_list {
width: 50px;
height: 25px;
margin-bottom: 10px;
font-size: 14px;
white-space: nowrap;
background: #84ba24;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border: none;
}
.singleDescription .singleProductImg {
width: 60%;
text-align: center;
position: relative;
margin-top: 20px;
justify-content: center;
display: flex;
}
.singleProductImg .onsale {
width: 57px;
height: 30px;
margin-bottom: 10px;
font-size: 14px;
white-space: nowrap;
background: #84ba24;
color: #fff;
border: none;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
display:none;
}
.singleProductImg .woocommerce-product-gallery__wrapper img {
mix-blend-mode: multiply;
position: relative;
z-index: 3;
}
.singleDescription .summary {
width: 40% !important;
margin-top: 20px !important;
}
.singleDescription .summary .posted_in,
.singleDescription .summary .edit-link {
display: none !important;
}
.single-product div.product .woocommerce-product-gallery img {
object-fit: cover;
mix-blend-mode: multiply;
}
.singleLeadTitle {
position: absolute;
font-family: "EncodeSans-Medium";
font-size: 145px;
line-height: 0.95;
left: 50%;
z-index: 0;
width: 100%;
top: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(
to right,
#fff 20%,
#dbdbdb 40%,
#dbdbdb 60%,
#fff 80%
);
background-size: 200% auto;
color: #000;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: shine 3s linear infinite;
animation: shine 3s linear infinite;
} .wpgs-no-gallery-images .wpgs-image,
.woocommerce-product-gallery .slick-list,
.woocommerce-product-gallery .slick-track {
height: 535px !important;
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.single-product div.product .woocommerce-product-gallery img {
height: 100%;
} .berocket_better_labels .berocket_better_labels_position.berocket_better_labels_position_left {
height: calc(100% - 40px);
}
.berocket_better_labels .berocket_better_labels_position_left .berocket_better_labels_line {
height: 100%;
}
.berocket_better_labels .berocket_better_labels_position .berocket_better_labels_inline {
height: 100%;
padding-bottom: 25px;
}
.berocket_alabel_id_132 {
height: 100%;
margin-bottom: 100% !important;
}
.berocket_better_labels .berocket_better_labels_line .br_alabel {
margin: 0 !important;
}
.berocket_better_labels .berocket_better_labels_position .berocket_better_labels_inline {
align-items: flex-end !important;
} .singleDescription .summary {
display: flex;
flex-direction: column;
}
.woo-variation-gallery-thumbnail-position-bottom-bottom
.woo-variation-gallery-container
.woo-variation-gallery-thumbnail-slider:not(.slick-initialized) {
display: flex !important;
justify-content: center;
}
.singleDescription .summary .product_meta {
order: 1;
font-size: 14px !important;
color: #a0a0a0;
padding: 0 !important;
border-top: none !important;
}
.singleDescription .summary .product_title {
order: 2;
margin-top: 15px;
}
.singleDescription .summary .woocommerce-product-rating {
order: 3;
margin-top: 10px !important;
position: relative;
display: flex;
align-items: center;
margin-bottom: 0 !important;
}
.singleDescription .woocommerce-review-link {
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
}
.singleDescription .woocommerce-product-rating::before {
content: "Ocena:" !important;
margin-right: 10px;
font-size: 14px;
margin-bottom: 3px;
}
.singleDescription .summary .var_info_custom {
order: 4;
margin-top: 30px;
}
.singleDescription .summary form.cart {
order: 5;
}
.custom-stock-text {
margin-bottom: 15px;
}
.instock .singleDescription .custom-stock-text span::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/check_in.png);
background-size: contain;
width: 15px;
height: 15px;
display: inline-block;
position: relative;
top: 2px;
margin-right: 7px;
}
.instock .singleDescription .custom-stock-text span::after {
content: "Dostupno odmah";
color: #595959;
font-size: 14px;
}
.outofstock .singleDescription .custom-stock-text span::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/check_out.png);
background-size: contain;
width: 15px;
height: 15px;
display: inline-block;
position: relative;
top: 2px;
margin-right: 7px;
}
.outofstock .singleDescription .custom-stock-text span::after {
content: "Nema na stanju";
color: #595959;
font-family: "Inter-Light";
}
.singleDescription .summary .price,
.default-price,
.now .woocommerce-Price-amount {
color: #84ba24 !important;
font-size: 30px !important;
font-family: "EncodeSans-SemiBold";
display: flex !important;
flex-direction: column;
margin-top: 10px;
order: 1;
}
.cwginstock-subscribe-form .panel-primary>.panel-heading {
background: #84ba24 !important;
}
.cwgstock_name,
.cwgstock_email {
padding: 10px;
}
.cwgstock_button {
background: #84ba24 !important;
border: none !important;
padding: 10px 0 !important;
color: #fff !important;
}
.cwginstock-subscribe-form .panel-primary {
border-color: #ccc !important;
}
.cwginstock-panel-heading h4 {
font-size: 14px;
}
.was .woocommerce-Price-amount bdi {
color: #000 !important;
opacity: 1 !important;
font-family: "EncodeSans-Regular";
font-size: 16px;
text-decoration: line-through;
}
.summary.entry-summary .price {
display: none !important;
}
.vattext {
color: #6d6d6d;
font-family: "EncodeSans-Regular";
margin-top: 20px;
}
.aditional_desc {
order: 4;
margin-bottom: 0;
}
.singleDescription .summary .price del,
.default-price del {
color: #000 !important;
opacity: 1 !important;
font-family: "EncodeSans-Regular";
font-size: 16px;
margin-bottom: 5px;
}
.singleDescription .price ins,
.default-price ins {
text-decoration: none;
}
.singleDescription .variations th.label {
display: none;
}
.woocommerce-Price-currencySymbol {
margin-left: 5px;
}
.singleDescription table:not(.has-background) tbody td {
background-color: transparent !important;
display: flex;
align-items: center;
}
.singleDescription .single-product-variable-items {
display: flex;
}
.singleDescription .single-product-variable-items li {
margin-right: 5px;
cursor: pointer;
}
.singleDescription .variable-item-span-color {
width: 25px;
height: 25px;
border: 2px solid #fff;
margin-top: 0;
}
.singleDescription
.single-product-variable-items
li.selected
.variable-item-span-color {
border: 2px solid #999999;
}
form.variations_form > div {
display: flex;
flex-direction: column;
}
.singleDescription .single_variation_wrap {
display: flex;
flex-direction: column;
position: relative;
}
.singleDescription .single_variation {
order: 1; }
.singleDescription table.variations {
order: 2;
margin-top: 0px !important;
}
.singleDescription a.reset_variations::before,
.singleDescription .reset_variations {
font-size: 13px;
color: red;
display: none !important;
}
.singleDescription .woocommerce-variation-add-to-cart {
order: 3;
margin-top: 15px;
}
.woocommerce-variation-add-to-cart,
.singleDescription .summary form.cart {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.vattext {
font-size: 15px;
padding-bottom: 0 !important;
}
.intesa_data {
padding-top: 30px;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: #5a8118 !important;
padding: 0.5em 2em 0.4em 3.5em !important;
font-size: 14px !important;
font-family: "EncodeSans-Light" !important;
margin-bottom: 0 !important;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-noreviews::before,
p.no-comments::before {
top: 0.7em !important;
} .woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).color-variable-item.selected:not(
.no-stock
)
.variable-item-contents:before,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).image-variable-item.selected:not(
.no-stock
)
.variable-item-contents:before {
display: none !important;
}
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).selected:hover {
box-shadow: none !important;
}
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item) {
margin: 0 7px 0 0 !important;
padding: 0 !important;
}
.single-product div.product table.variations th.label {
display: none;
} .singleProductImg .wvg-thumbnail-prev-arrow,
.singleProductImg .wvg-thumbnail-next-arrow,
.singleProductImg .wvg-slider-prev-arrow,
.singleProductImg .wvg-slider-next-arrow,
.singleProductImg .woo-variation-gallery-trigger {
display: none !important;
}
.woo-variation-product-gallery {
margin: 0 !important;
}   .singleDescription .single_variation_wrap .default-price { }
.default-price ins {
line-height: 1;
}
.singleDescription .single_variation_wrap .default-price { }
.default-price ins {
line-height: 1;
} .quantity_btn {
display: none;
}
.woocommerce-variation-add-to-cart button,
.singleDescription .summary form.cart button {
padding: 0;
border: none;
background: transparent;
cursor: pointer;
}
.woocommerce-variation-add-to-cart .fa-minus:before,
.singleDescription .summary form.cart .fa-minus:before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/downArrow.svg);
width: 13px;
height: 8px;
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
}
.woocommerce-variation-add-to-cart .fa-plus:before,
.singleDescription .summary form.cart .fa-plus:before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/upArrow.svg);
width: 13px;
height: 8px;
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
}
.singleDescription .quantity {
background: #f7f7f7;
border: 1px solid #f7f7f7;
display: flex;
align-items: center;
padding: 0 10px;
margin: 0 !important;
padding-right: 0;
}
.singleDescription .quantity button {
display:none;
}
.singleDescription .quantity input {
background: #f7f7f7;
height: 40px;
border: none;
pointer-events: none;
padding-left: 10px;
}
.single_variation_wrap button.plus {
height: 42px;
background: #f7f7f7 !important;
border: 1px solid #f7f7f7 !important;
padding: 0 5px !important;
}
.single_variation_wrap button.minus {
height: 42px;
background: #f7f7f7 !important;
border: 1px solid #f7f7f7 !important;
padding: 0 5px !important;
}
.singleDescription .single_add_to_cart_button {
background: #84ba24 !important;
color: #fff !important;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
padding: 0 100px !important;
cursor: pointer;
font-size: 13px;
margin-left: 10px;
border: 1px solid #84ba24 !important;
}
.singleDescription .single_add_to_cart_button:hover {
background: #fff !important;
color: #84ba24 !important;
} .singleDelivery {
order: 6;
margin-top: 40px;
}
.singleDelivery li {
display: flex;
align-items: center;
}
.singleDelivery li:first-child {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
}
.singleDelivery li:nth-child(2) {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
}
.singleDelivery li img {
margin-right: 10px;
}
.singleDelivery li p {
margin: 0;
font-size: 15px;
line-height: 1.4;
width: 60%;
} .single_bottom {
margin-top: 80px;
}
.heading {
text-align: center;
font-size: 2em;
}
.woocommerce-tabs {
display: flex;
flex-wrap: wrap;
margin-top: 30px !important;
}
.woocommerce-tabs .woocommerce-Tabs-panel ul li {
margin-bottom: 15px;
color: #404040;
font-size: 15px;
line-height: 1.7;
}
.storefront-full-width-content .woocommerce-tabs .panel {
margin-bottom: 0 !important;
}
.woocommerce-tabs ul.tabs li {
margin-right: 90px !important;
border: none !important;
}
.woocommerce-tabs ul.tabs {
width: 100%;
}
.woocommerce-tabs ul.tabs {
float: none !important;
width: 100% !important;
margin-right: 0 !important;
display: flex;
border: none !important;
}
.woocommerce-tabs ul.tabs li.active::after {
display: none;
}
.woocommerce-tabs .panel {
width: 100% !important;
float: none !important;
background: #f9f9f9;
padding: 20px 50px;
overflow: hidden;
}
.woocommerce-tabs ul.tabs li a {
color: #404040 !important;
font-size: 15px;
margin-left: 10px;
letter-spacing: 0.5px;
font-weight: bold;
padding: 1em 0 1.5em;
}
.woocommerce-tabs ul.tabs li {
display: flex !important;
align-items: center;
}
.woocommerce-tabs ul.tabs li {
border-bottom: 2px solid #fff !important;
}
.woocommerce-tabs ul.tabs li.active {
border-bottom: 2px solid #84ba24 !important;
}
.woocommerce-tabs ul.tabs li.active:before {
filter: brightness(0) saturate(100%) invert(75%) sepia(36%) saturate(917%)
hue-rotate(33deg) brightness(86%) contrast(86%);
}
.woocommerce-tabs #tab-title-0_opis::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/overview.svg);
width: 24px;
height: 20px;
background-size: contain;
display: block;
background-repeat: no-repeat;
}
.woocommerce-tabs #tab-title-1_delovi-u-kutiji::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/insideBox.svg);
width: 20px;
height: 20px;
background-size: contain;
display: block;
background-repeat: no-repeat;
}
.woocommerce-tabs #tab-title-2_detaljnije-informacije::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/productDetails.svg);
width: 18px;
height: 20px;
background-size: contain;
display: block;
background-repeat: no-repeat;
}
.woocommerce-tabs ul.tabs li#tab-title-reviews::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/reviewicon.svg);
width: 18px;
height: 20px;
background-size: contain;
display: block;
background-repeat: no-repeat;
}
.woocommerce-Tabs-panel--description {
display: none !important;
}
.woocommerce-Tabs-panel--1_delovi-u-kutiji ul {
display: flex;
flex-wrap: wrap;
margin-bottom: -21px;
}
.woocommerce-Tabs-panel--1_delovi-u-kutiji ul li {
width: 20%;
text-align: center;
padding: 40px 0 40px;
border-bottom: 1px solid #dedede;
}
.woocommerce-Tabs-panel--1_delovi-u-kutiji ul li p {
margin-bottom: 0;
margin-top: 20px;
}
.woocommerce-Tabs-panel--1_delovi-u-kutiji ul li img {
mix-blend-mode: multiply;
display: block;
margin: auto;
width: 150px;
height: 150px;
object-fit: contain;
}
.woocommerce-Tabs-panel p {
color: #404040;
font-size: 15px;
}
.woocommerce-Tabs-panel strong {
font-family: "EncodeSans-Medium";
color: #000;
}
.woocommerce-Tabs-panel--2_detaljnije-informacije {
padding: 30px 0;
}
.woocommerce-Tabs-panel--2_detaljnije-informacije ul li {
display: flex;
align-items: center;
padding: 0 50px;
}
.woocommerce-Tabs-panel--2_detaljnije-informacije ul li p {
text-align: left;
width: 21%;
margin: 10px 0;
}
.woocommerce-Tabs-panel--2_detaljnije-informacije ul li:nth-child(odd) {
background: #fff;
} #reviews .comment-form-rating label {
font-family: "EncodeSans-Medium";
color: #404040;
}
#tab-reviews .woocommerce-Reviews-title {
display: none;
}
#reviews .commentlist li .comment_container {
display: flex;
flex-direction: column;
}
#reviews .commentlist li .comment_container .comment-text {
width: 100%;
float: none;
margin-right: 0;
}
#reviews .commentlist li .comment_container .comment-text .star-rating {
float: none;
font-size: 0.875em;
line-height: 1;
height: 1em;
}
#reviews .commentlist {
padding: 0;
}
#reviews .commentlist li .avatar {
display: none;
} .comment-form .comment-form-comment label {
display:block;
font-family: "EncodeSans-Medium";
color: #000;
}
.woocommerce-Reviews #comments .woocommerce-noreviews {
color: #fff;
margin-bottom: 20px !important;
}
.comment-form textarea {
padding:15px;
}
.woocommerce-noreviews::before {
display:none !important;
}
#reviews .commentlist li .comment_container .comment-text .star-rating {
float: none !important;
}
.comment-form-author label,
.comment-form-email label {
display: block;
margin-bottom: 10px;
}
.woocommerce-Tabs-panel p.form-submit .submit {
background: #84ba24 !important;
color: #fff !important;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
padding: 10px 50px !important;
cursor: pointer;
font-size: 13px;
border: 1px solid #84ba24 !important;
font-size: 13px;
letter-spacing: 0.5px;
}
.woocommerce-Tabs-panel p.form-submit .submit:hover {
color: #84ba24 !important;
background: #fff !important;
}
.woocommerce-Tabs-panel p.comment-form-author input,
.woocommerce-Tabs-panel p.comment-form-email input {
padding: 7px 10px;
}
p.stars:hover a:before {
color: #84ba24 !important;
}
#reviews .comment-form-rating label {
margin-bottom: 10px;
} .accordion-content {
display: none;
}
.content-entry.open .accordion-content {
display: block;
}
.accordion-container .content-entry:first-child .article-title {
margin-top: 0 !important;
}
.compact_clean_feeding .flex-wrap {
display: grid;
align-items: center;
grid-template-columns: repeat(2, 1fr);
grid-gap: 100px;
margin-top: 50px;
}
.compact_clean_feeding .left_compact_clean_feeding img {
width: 100%;
}
.compact_clean_feeding .right_compact_clean_feeding .article-title {
cursor: pointer;
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 40px;
color: #000;
display: block;
}
.compact_clean_feeding .right_compact_clean_feeding p {
margin-top: 0;
color: #404040;
}
.compact_clean_feeding .right_compact_clean_feeding p a {
color: #84ba24;
}
.compact_clean_feeding .right_compact_clean_feeding .content-entry {
position: relative;
}
.compact_clean_feeding
.right_compact_clean_feeding
.content-entry
.article-title::before {
content: "";
width: 4px;
height: 100%;
background: #f2f2f2;
display: block;
position: absolute;
left: -20px;
}
.compact_clean_feeding
.right_compact_clean_feeding
.content-entry.open
.article-title::before {
background: #84ba24;
}
.designForYou {
background: #f4f9f2;
text-align: center;
margin-top: 50px;
padding: 50px 0;
}
.designForYou ul {
display: flex;
flex-wrap: wrap;
}
.designForYou ul li {
width: 25%;
margin-top: 40px;
}
.designForYou ul li .designImg {
width: 120px;
height: 120px;
border-radius: 50%;
background: #fff;
border: 1px solid #84ba24;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
.designForYou ul li h3 {
color: #84ba24;
margin-top: 10px;
}
.designForYou ul li p {
color: #404040;
padding: 0 30px;
}
.designForYou ul li img {
mix-blend-mode: multiply;
}
.productVideo {
position: relative;
}
.productVideo .video_btn {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.productVideo .video_btn::after {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/play-button.svg);
background-size: cover;
width: 75px;
height: 75px;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .related {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.related .products li .productBigText,
.related .products li a.add_to_cart_button {
display: none;
}
ul.products::before,
ul.products::after {
display: none !important;
}
.related ul.products {
width: 100%;
margin-top: 70px;
}
.related.products .product {
margin: 0 !important;
} .contactInfo {
background: #f4f9f2;
} footer {
background: #eff3e8;
padding: 100px 0 70px;
}
footer .footer_wrap {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 0px;
}
.f_link {
color: #000;
}
footer .footer_wrap .footerBox span {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 250px;
padding: 10px 20px;
background: #fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
min-height: 45px;
}
footer .footer_wrap .footerBox span:hover {
background: #84ba24;
color: #fff;
}
footer .footer_wrap .footerBox span:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%)
hue-rotate(353deg) brightness(107%) contrast(101%);
}
footer .footer_wrap .footerBox ul,
footer .footer_wrap .footerBox p {
margin-top: 70px;
}
footer .footer_wrap .footerBox ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
} footer .footer_wrap .footerBox ul li {
margin: 0 15px;
}
footer .footer_wrap .footerBox ul li a {
color: #727272;
}
footer .readMore {
color: #84ba24;
font-size: 15px;
letter-spacing: 0.3px;
}
.f_cards {
display: flex;
align-items: center;
justify-content: center;
}
.f_cards img {
height: 25px;
object-fit: contain;
}
.f_cards li {
margin: 0 10px;
}
.underFooter .f_logo {
display: flex;
align-items: center;
}
.underFooter .f_logo img {
margin-right: 15px;
}
.footer_cards {
padding: 20px 0;
}
.copy {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.copy .f_Social {
display: flex;
margin-top: 20px;
}
.copy .f_Social li {
margin-left: 0;
white-space: nowrap;
margin: 0 10px;
width: 60px;
height: 60px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.copy .f_Social li img {
height: 25px;
width: 25px;
}
.footerFlex {
display: flex;
align-items: center;
justify-content: space-between;
}
.copy h3 {
text-transform: uppercase;
font-size: 13px;
font-family: "EncodeSans-SemiBold";
}
.footerFlex .copyRight p {
font-size: 14px;
}
.footerFlex .copyRight img {
width: 75px;
}
.underFooter {
padding: 10px 0;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .contactInfo {
padding: 50px 0;
text-align: center;
}
.contactInfo .contactHeading p {
color: #84ba24;
font-size: 18px;
letter-spacing: 0.2px;
margin-bottom: 20px;
display: inline-block;
margin-top: 5px;
}
.contactInfo ul {
display: flex;
justify-content: center;
margin-top: 25px;
}
.contactInfo ul li {
margin: 0 85px;
text-align: center;
}
.contactInfo ul li .contactInfoIcon {
width: 100px;
height: 100px;
margin: auto;
border: 1px solid #84ba24;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
margin-bottom: 15px;
}
.contactInfo ul li span {
color: #84ba24;
font-weight: bold;
}
.contactInfo ul li p,
.contactInfo ul li a {
color: #000;
font-size: 15px;
}
.contactForm {
background: #fff;
padding: 50px 0;
margin-top: 50px;
}
.contactForm .fluentform {
width: 70%;
margin: auto;
margin-top: 30px;
text-align: left;
}
.contactForm p {
color: #84ba24;
font-size: 18px;
letter-spacing: 0.2px;
margin-bottom: 20px;
display: inline-block;
margin-top: 5px;
}
.contactForm .fluentform {
font-family: "EncodeSans-Light";
}
.contactForm .fluentform label {
font-family: "EncodeSans-Light";
font-size: 14px;
}
.contactForm .fluentform .ff_submit_btn_wrapper {
text-align: center;
}
.contactForm .fluentform .ff_submit_btn_wrapper .ff-btn-submit {
background: #84ba24;
border: 1px solid #84ba24;
border-radius: 0;
opacity: 1 !important;
color: #fff;
width: 30%;
text-transform: uppercase;
font-family: "EncodeSans-Light";
font-size: 13px;
}
.contactForm .fluentform .ff_submit_btn_wrapper .ff-btn-submit:hover {
background: #fff;
color: #84ba24;
}
.contactForm .fluentform input {
border-radius: 0;
} .blogPage {
padding: 50px 0;
}
.blogPage .blogHeading {
text-align: center;
}
.blogPage .blogHeading p {
color: #000;
}
.blogPageList .blogPost {
display: flex;
flex-wrap: wrap;
margin-left: -30px;
margin-top: 0;
}
.blogPageList .blogPost > li {
width: 33.333%;
padding-left: 30px;
padding-bottom: 50px;
}
.blogPageList .blogPost > li:first-child {
width: 100%;
padding-bottom: 70px;
}
.blogPageList .blogPost > li:first-child .product_list_wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row-reverse;
margin-left: -50px;
}
.blogPageList .blogPost > li:first-child .product_list_wrap .product_wrap_img,
.blogPageList .blogPost > li:first-child .product_list_wrap .product_title {
width: 50%;
padding-left: 50px;
}
.blogPageList
.blogPost
> li:first-child
.product_list_wrap
.product_title
.post-trim-words {
display: none;
}
.blogPageList .blogPost > li:first-child .product_list_wrap .product_title h2 {
text-transform: uppercase;
margin-bottom: 20px;
}
.blogPageList
.blogPost
> li:first-child
.product_list_wrap
.product_wrap_img
div {
overflow: hidden;
}
.blogPageList .blogPost > li:first-child .product_list_wrap .product_wrap_img {
height: 400px;
padding-left: 0;
} .singleBlog {
padding: 50px 0 0;
width: 70%;
margin: auto;
}
.singleBlog .heading {
margin-bottom: 50px;
} .zastoHuromOpis p,
.sta_je_hladno_cedjenje p,
.first_text p,
.first_text.second_text p,
.kako_funkcionise p,
.sta_dobijate_sporim_cedjenjem p,
.huromPrioriteti p,
.twoProductBox p,
.greenSection p,
.gustiSok p,
.vrsteSita p,
.vrste_sita_opis p,
.stvrdloDesc p,
.vrsteStvrdla p,
.zavrsni_opis p {
text-align: left;
}
.zastoHuromOpis p,
.sta_je_hladno_cedjenje p,
.first_text p,
.sta_dobijate_sporim_cedjenjem_donji_opis p,
.huromPrioriteti p,
.twoProductBox p,
.greenSection p,
.gustiSok p,
.vrste_sita_opis p,
.vrsteSita p,
.stvrdloDesc p,
.vrsteStvrdla p,
.zavrsni_opis p {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.vrsteSita .vrsteSitaSlike2 p {
width:100%;
}
.huromPrioriteti p br,
.zastoHuromOpis p br {
display:none;
}
.sta_je_hledno_cenjenje_img li:first-child img {
width: 220px;
height: 220px;
}
.four_img_box_1 li:first-child img {
width: 200px;
height: 200px;
}
.four_img_box_1 li:last-child img {
width: 210px;
height: 210px;
}
.sta_je_hledno_cenjenje_img li:nth-child(3) img,
.sta_je_hledno_cenjenje_img li:last-child img {
width: 200px;
height: 200px;
}
.huromForYou .huromForYouWrap img {
width: 100%;
object-fit: cover;
}
.huromForYou .huromForYouWrap img.desk_baner {
display:block;
}
.huromForYou .huromForYouWrap img.mob_baner {
display:none;
}
.huromForYou {
position: relative;
}
.huromForYou .huromForbanerDesc {
position: absolute;
width: 100%;
top: 30%;
}
.sta_je_hladno_cedjenje_wrap p span {
color: #000000;
}
.huromForYou .huromForbanerDesc h3 {
color: #000;
}
.huromForYou .huromForbanerDesc h3 {
font-size: 40px;
}
.page-template-template-koji-je-hurom-za-tebe
.huromForYou
.huromForbanerDesc
h3
span {
color: #84ba24;
display: block !important;
}
.zastoHuromOpis,
.greenSection,
.zavrsni_opis,
.hurom_is_safe {
background: #f4f9f2;
text-align: center;
padding: 50px 0;
}
.zastoHuromOpis strong,
.huromPrioriteti strong,
.greenSection strong,
.twoImgDesc strong,
.vrsteStvrdla strong,
.zavrsni_opis strong,
.hurom_is_safe strong,
.vrsteSitaSlike2 strong {
color: #84ba24; font-size: 20px;
}
.zastoHuromOpis h2 {
font-size: 25px;
color: #333;
font-family: "EncodeSans-Regular" !important;
margin-bottom: 20px;
}
.huromPrioriteti strong,
.vrsteStvrdla strong,
.vrsteSitaSlike2 strong,
.zavrsni_opis strong,
.zastoHuromOpis strong {
color: #333333;
}
.zavrsni_opis h2 {
margin-bottom:20px;
}
.page-template-template-koji-je-hurom-za-tebe .zastoHuromOpis p strong {
font-size: 18px;
} 
.greenSection.greenSectionBanner img {
width: 100%;
margin: 20px auto;
}
.greenSection.greenSectionBanner p strong {
font-size: 18px;
}
.zastoHuromOpis p a {
color: #84ba24;
text-decoration: underline;
}
.huromPrioriteti b,
.twoImgDesc b,
.twoImgDesc b,
.greenSection b,
.vrsteSita b,
.stvrdloDesc b {
color: #000;
font-family: "EncodeSans-Medium";
}
.zastoHuromOpis div {
width: 100%;
margin: auto;
}
.huromPrioriteti {
padding: 50px 0 25px;
text-align: center;
}
.zastoHuromOpis h2,
.huromPrioriteti h2 {
font-family: "EncodeSans-Regular";
}
.huromProizvodiList ul {
display: flex;
justify-content: center;
align-items: flex-end;
padding: 0 8%;
}
.huromProizvodiList ul li .hurom_desk_pr {
display:block;
}
.huromProizvodiList ul li .hurom_mobile_pr {
display:none;
}
.hurom_product_list {
margin-bottom: 20px;
}
.productBottomDesc {
text-align: center;
}
.twoProductBox {
text-align: center;
}
.twoProductBox .twoImage {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 25px;
width: 80%;
margin: auto;
}
.twoImage.video_img {
padding-bottom:50px
}
.video_img video {
width: 100%;
}
.mejs-controls {
display: none !important;
}
.twoProductBox .twoImage img {
width: 100%;
}
.twoProductBox .twoImgDesc {
padding: 20px 0;
}
.gusti_sok_wrap {
display: flex;
flex-wrap: wrap;
width: 80%;
margin: auto;
}
.gusti_sok_wrap .twoImgDesc {
width: 50% !important;
padding-right: 30px;
}
.gusti_sok_wrap img {
margin-top: 0;
object-fit: cover;
width: 50% !important;
object-position: right;
}
.gusti_sok_wrap .twoImgDesc p {
width: 100% !important;
}
.gusti_sok_wrap .twoImgDesc h2 {
text-align:left;
width: 100%;
margin: auto;
}
.gustiSok {
text-align: center;
background: #f9f9f9;
padding: 50px 0;
}
.gustiSok img {
margin-top: 0;
object-fit: cover;
}
.vrsteSita {
padding: 50px 0;
text-align: center;
}
.gustiSok strong {
color: #333;
}
.vrsteSitaSlike1 .twoImage {
display: flex;
}
.vrsteSitaSlike1 .twoImage img {
display: block;
} .twoImage li {
width: 100%;
}
.vrsteSitaSlike1 .twoImage li img {
width: 100%;
object-fit: cover;
}
.vrsteSitaSlike1 {
width: 80%;
margin: 50px auto 0;
}
.vrste_sita_opis {
margin: 30px 0;
}
.vrste_sita_opis p {
margin-top: 0;
margin-bottom: 0;
}
.hurom_img_box {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.hurom_img_box li img {
width:100%;
height:355px;
display:block;
object-fit:cover;
}
.hurom_img_box li br {
display:none;
}
.hurom_img_box li span {
color:#84ba24;
font-family: "EncodeSans-medium";
font-size: 18px;
padding:10px 0;
display:inline-block;
}
.vrsteSitaSlike2 .twoImage {
display: flex;
}
.vrsteSitaSlike2 .twoImage li img {
width: 100%;
height: 100%;
object-fit: contain;
}
.vrsteSitaSlike2 {
width: 80%;
margin: auto;
}
.vrsteStvrdla {
background: #f9f9f9;
padding: 50px 0;
}
.vrsteStvrdla {
text-align: center;
}
.vrsteStvrdla ul {
display: flex;
justify-content: center;
width: 80%;
margin: 50px auto 0;
}
.vrsteStvrdla ul li {
width: 50%;
}
.vrsteStvrdla ul li img {
height: 300px;
object-fit: contain;
mix-blend-mode: multiply;
}
.vrsteStvrdla ul li p {
font-size: 16px;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-right:20px;
}
.vrsteStvrdla ul li strong {
color: #000;
font-size: 16px;
}
.priprema_namirnica .priprema_namirnica_wrap {
display: grid; grid-template-columns: 60% 40%;
grid-gap: 20px;
align-items: center;
width: 80%;
margin: auto;
}
.priprema_namirnica .priprema_namirnica_opis {
padding-right: 0;
}
.zavrsna_slika {
width: 65%;
margin-left: auto;
margin-right: auto;
padding:50px 0;
}
.zavrsni_opis a {
text-transform: uppercase;
background: #84ba24;
color: #fff;
padding: 10px 20px;
display: inline-block;
margin-top: 20px;
}
.priprema_namirnica_img img {
margin: auto;
width: 70%;
display: flex;
justify-content: center;
padding: 5% 0;
}
.page-template-template-koji-je-hurom-za-tebe .fluentform {
margin-top: 50px;
}
.zel_namirnice_slika {
background: #f4f9f2;
padding-bottom:50px;
}
.zel_namirnice_slika ul {
display:flex;
flex-wrap:wrap;
width: 80%;
margin: auto;
}
.zel_namirnice_slika ul li {
width:50%;
}
.zel_namirnice_slika ul li:first-child {
padding-right:20px;
}
.zel_namirnice_slika ul li:last-child {
padding-left:20px;
}
.zel_namirnice_slika ul li p {
margin-top: 0;
line-height: 1.5;
}
.vrste_sita_kolone {
display:flex;
flex-wrap:wrap;
width: 80%;
margin: auto;
margin-top:70px;
}
.vrste_sita_kolone .vrsteSitaSlike1 {
width:50%;
margin:0;
}
.vrste_sita_kolone .vrste_sita_opis {
width:50%;
margin:0;
}
.vrste_sita_kolone .vrste_sita_opis p strong {
color: #000;
font-family: "EncodeSans-Medium";
}
.hurom_anketa {
padding-top:50px;
}
.hurom_anketa h2 {
text-align:center;
} .huromForbanerDesc p {
width: 20%;
}
.huromForbanerDesc span {
display: inline !important;
color: #84ba24;
}
.huromForbanerDesc a {
background: #84ba24;
color: #fff;
padding: 10px 50px;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
border: 1px solid #84ba24;
margin-top: 20px;
letter-spacing: 1px;
}
.huromForbanerDesc a:hover {
background: #fff;
color: #84ba24;
}
.zastoHuromIkonice ul {
display: flex;
align-items: center;
justify-content: center;
}
.zastoHuromIkonice ul li {
text-align: center;
padding: 0 50px;
width: 33.333%;
}
.zastoHuromIkonice {
padding: 50px 0;
}
.zastoHuromIkonice ul li .zastoHuromSlika {
width: 120px;
height: 120px;
border-radius: 50%;
background: #fff;
border: 1px solid #84ba24;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
.zastoHuromIkonice ul li .zastoHuromSlika img {
border-radius: 10%;
}
.sta_je_hladno_cedjenje {
padding: 50px 0 20px;
text-align: center;
}
.zastoHuromDveKolone {
background: #f9f9f9;
padding: 50px 0;
}
.sta_je_hladno_cedjenje_wrap h2 strong {
color: #84ba24;
}
.sta_je_hladno_cedjenje_wrap strong {
font-family: "EncodeSans-Medium";
}
.sta_je_hledno_cenjenje_img {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.four_img_box_1 ul {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 78%;
margin-left: auto;
margin-right: auto;
}
.four_img_box_1 ul li {
width: 50%;
display: flex;
align-items: center;
}
.four_img_box_1 ul li .four_img_box_1,
.four_img_box_1 ul li .four_img_box_desc {
width: 50%;
}
.four_img_box_1 ul li .four_img_box_desc {
text-align: left;
margin-left: 0;
}
.four_img_box_1 ul li .four_img_box_desc p:first-child {
margin-bottom: 0;
}
.four_img_box_1 {
margin-top: 50px;
}
.four_img_box_1 strong {
color: #84ba24;
font-size: 30px;
}
.first_text {
text-align: center;
}
.first_text strong {
color: #84ba24;
font-size: 20px;
}
.second_text {
margin-top: 50px;
}
.first_text.second_text {
}
.four_img_box_1 {
text-align: center;
margin-bottom: 50px;
}
.kako_funkcionise {
background: #f2f2f2;
padding: 80px 0 80px; margin-bottom: 0;
}
.kako_funkcionise ul {
display: flex;
justify-content: center;
margin-top: 100px;
}
.kako_funkcionise ul li:first-child,
.kako_funkcionise ul li:last-child {
width: 30%;
}
.kako_funkcionise ul li:nth-child(2) {
width: 40%;
background: #f2f2f2;
}
.kako_funkcionise ul li:nth-child(2) {
width: 20%;
}
.kako_funkcionise ul li:nth-child(2) img {
width: 100%;
}
.kako_funkcionise ul li:first-child img,
.kako_funkcionise ul li:last-child img {
margin-top: -70px;
margin-bottom: 50px;
}
.kako_funkcionise ul li div {
padding: 30px 20px;
}
.kako_funkcionise ul li div h3 {
font-weight: bold;
font-size: 25px;
}
.kako_funkcionise ul li p {
color: #fff;
font-size: 15px;
}
.kako_funkcionise ul li {
text-align: center;
background: #77b010;
border-radius: 70px;
}
.kako_funkcionise h2 {
text-align: center;
font-family: "EncodeSans-Medium";
}
.sta_dobijate_sporim_cedjenjem {
padding-top: 80px;
text-align: center;
padding-bottom: 0;
background: #f4f9f2;
}
.sta_dobijate_sporim_cedjenjem ul li p:first-child {
margin-top: 0;
}
.sta_dobijate_sporim_cedjenjem_donji_opis {
background: #f4f9f2;
padding: 10px 0;
}
.sta_dobijate_sporim_cedjenjem ul {
display: flex;
flex-wrap: wrap;
margin-left: -30px;
}
.sta_dobijate_sporim_cedjenjem ul li {
width: 50%;
padding-left: 30px;
}
.sta_dobijate_sporim_cedjenjem h2 {
margin-bottom: 20px;
font-family: "EncodeSans-Medium";
text-align: center;
margin-bottom: 40px;
}
.wp-video {
width: 100% !important;
margin: auto;
}
.page-template-template-zasto-hurom video {
width: 100% !important;
display: flex !important;
justify-content: center;
margin: auto;
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
background: transparent !important;
}
.sta_dobijate_sporim_cedjenjem .container {
padding: 0 9%;
}
.sta_dobijate_sporim_cedjenjem p strong {
font-family: "EncodeSans-SemiBold";
}
.zasto_hurom {
margin-bottom: 100px;
}
.zasto_hurom h2 {
text-align: center;
color: #84ba24;
}
.zasto_hurom {
width: 67%;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}
.srecniKorisniciWrap h2,
.sta_kazu_drugi h2,
.zasto_hurom h2 {
font-family: "EncodeSans-Medium";
}
.zasto_hurom h2 {
margin-bottom: 30px;
}
.zasto_hurom strong {
color: #000;
font-family: "EncodeSans-Medium";
}
.sta_kazu_drugi {
background: #f4f9f2;
padding: 50px 0;
}
.sta_kazu_drugi h2 {
text-align: center;
margin-bottom: 20px;
}
.sta_kazu_drugi ul {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
padding: 0 10%;
}
.sta_kazu_drugi ul li {
padding-left: 15px;
padding-top: 15px;
width: 33.333%;
}
.sta_kazu_drugi ul li:first-child {
width: 100%;
}
.sta_kazu_drugi ul li .sta_kazu_drugi_box img {
height: 30px;
margin-bottom: 10px;
display: inline-block;
}
.sta_kazu_drugi ul li .sta_kazu_drugi_box p strong {
color: #000;
font-weight: bold;
}
.sta_kazu_drugi ul li .sta_kazu_drugi_box {
background: #eaf3e6;
padding: 15px 20px;
text-align: center;
height: 100%;
}
.sta_dobijate_sporim_cedjenjem img {
margin-bottom: 30px;
margin-top: 30px;
width: 95%;
}
.zastoHuromDveKolone ul li,
.TwoBox ul li {
display: flex;
align-items: center;
margin-bottom: 50px;
}
.zastoHuromDveKolone ul li .zastoHuromKoloneSlika,
.zastoHuromDveKolone ul li .zastoHuromKoloneOpis,
.TwoBox ul li .twoBox_img,
.TwoBox ul li .twoBox_desc {
width: 50%;
}
.zastoHuromDveKolone ul li .zastoHuromKoloneOpis,
.TwoBox ul li .twoBox_desc {
padding-left: 50px;
}
.zastoHuromDveKolone ul li .zastoHuromKoloneSlika img,
.TwoBox ul li .twoBox_img img {
width: 100%;
}
.zastoHuromDveKolone ul li:nth-child(2n),
.TwoBox ul li:nth-child(2n) {
flex-direction: row-reverse;
}
.zastoHuromDveKolone ul li:nth-child(2n) .zastoHuromKoloneOpis,
.TwoBox ul li:nth-child(2n) .twoBox_desc {
padding-left: 0;
}
.TwoBox ul li .twoBox_desc {
padding-right: 50px;
}
.srecniKorisnici {
position: relative;
}
.srecniKorisniciSlika {
width: 100%;
}
.srecniKorisnici .srecniKorisniciWrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
width: 50%;
}
.srecniKorisnici .srecniKorisniciWrap a {
color: #000;
font-weight: bold;
}
.srecniKorisnici .srecniKorisniciWrap .btn {
background: #84ba24;
color: #fff;
padding: 10px 90px;
display: inline-block;
width: 70%;
}
.srecniKorisnici .srecniKorisniciWrap {
text-align: center;
}
.srecniKorisnici .srecniKorisniciWrap img {
width: 60px;
margin: auto;
}
.srecniKorisnici .srecniKorisniciWrap strong {
font-family: "EncodeSans-SemiBold";
}
.srecniKorisnici .srecniKorisniciWrap p {
color: #000;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.pitanja_i_odgovori {
padding: 50px 0;
}
.pitanja_i_odgovori .accordion-container {
margin-top: 50px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.pitanja_i_odgovori .accordion-container .content-entry {
background: #f7f7f7;
padding: 15px 15px;
margin-bottom: 15px;
color: #000;
cursor: pointer;
border: 1px solid #f7f7f7;
}
..pitanja_i_odgovori .content-entry.open {
background: #fff !important;
border: 1px solid #84ba24 !important;
}
.pitanja_i_odgovori .accordion-content p {
margin-top: 25px;
font-size: 15px;
line-height: 1.7;
color: #757575;
}
.pitanja_i_odgovori .article-title {
position: relative;
}
.pitanja_i_odgovori .article-title::after {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/accordionArrowRight.svg);
position: absolute;
width: 15px;
height: 8px;
background-size: contain;
top: 7px;
right: 10px;
background-repeat: no-repeat;
}
.pitanja_i_odgovori .content-entry.open .article-title::after {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/accordionArrowBottom.svg);
position: absolute;
width: 11px;
height: 12px;
background-size: contain;
top: 7px;
right: 10px;
background-repeat: no-repeat;
}
.zasto_hurom_logos ul {
display: flex;
flex-wrap: wrap;
}
.zasto_hurom_logos li {
width: 25%;
}
.zasto_hurom_logos {
padding-bottom: 50px;
} .page-template-default .simplePages {
padding-top: 50px;
}
.page-template-default .simplePages .heading {
padding-bottom: 20px;
}
.page-template-default .simplePages a {
color: #84ba24;
}
.page-template-default .simplePages strong {
font-family: "EncodeSans-Medium";
}
.simplePages ul li {
line-height: 1.7;
margin-bottom: 10px;
list-style: inside;
}
.simplePages h1,
.simplePages h2,
.simplePages h3,
.simplePages h4,
.simplePages h5 {
margin-bottom: 10px;
width: 100%;
}
.simplePages ol {
padding: 0;
}
.simplePages ol li {
line-height: 1.5;
margin-bottom: 10px;
}
.woocommerce-form.woocommerce-form-login.login {
width: 50%;
}
.wc-block-components-button:not(.is-link) {
background-color: #84ba24 !important;
border: 1px solid #84ba24;
color: #fff !important;
}
.wc-block-components-button:not(.is-link):hover {
background-color: #fff !important;
color: #84ba24 !important;
} .woocommerce-checkout .wc-block-checkout__form input[type="text"],
.woocommerce-checkout .wc-block-checkout__form input[type="tel"] {
padding-top: 30px !important;
font-size: 13px;
}
.woocommerce-checkout .simplePages ul li {
list-style: none;
} .woocommerce-order-received ul.order_details li strong {
font-size: 14px;
}
.woocommerce-order-received .woocommerce-table {
width: 50%;
}
.woocommerce-order-received .simplePages ul li {
list-style: none;
}
.woocommerce-order-received table:not( .has-background ) th,
.woocommerce-order-received td {
font-size: 14px;
}
.woocommerce-order-received .woocommerce-table th,
.woocommerce-order-received .woocommerce-table td {
padding: 10px;
text-align: left;
}
.woocommerce-order-received .woocommerce-customer-details {
margin-top: 30px;
}
.woocommerce-order-received .woocommerce-customer-details address {
line-height: 1.5;
} .woocommerce-account .woocommerce {
padding: 50px 0;
}
.woocommerce-account .woocommerce {
display: flex;
flex-wrap: wrap;
}
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
padding-top: 50px;
float: none !important;
}
.woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-MyAccount-content {
width: 80%;
}
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--dashboard
a::before,
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--orders
a::before,
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--downloads
a::before,
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--edit-address
a::before,
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--edit-account
a::before,
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--customer-logout
a::before {
display: none;
}
.woocommerce-MyAccount-navigation ul li::marker {
color: #84ba24;
}
table.my_account_orders {
width: 100%;
}
.woocommerce-account input[type="text"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account select {
padding: 10px;
}
.woocommerce-account button {
background: #84ba24;
color: #fff;
padding: 7px 50px;
display: inline-block;
font-size: 11px;
text-transform: uppercase;
border: 1px solid #84ba24;
margin-top: 20px;
letter-spacing: 1px;
cursor: pointer;
}
.woocommerce-account button:hover {
background: #fff;
color: #84ba24;
} .colection {
padding: 70px 0;
}
.colection .colection_wrap {
width: 50%;
margin: auto;
text-align: center;
}
.colection_list ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 40px;
margin-top: 50px;
}
.colection_list ul img {
display: block;
margin: auto;
mix-blend-mode: multiply;
}
.colection_list ul li a {
display: block;
text-align: center;
}
.colection_list ul li div {
background: url(//hurom.rs/wp-content/themes/hurom/img/colectionBgd.svg);
background-size: cover;
height: 100%;
}
.colection_list ul li h3 {
text-align: center;
padding: 10px;
}
.colection_list ul li {
position: relative;
margin-bottom: 20px;
}
.colection_list ul li .colectionLinkBtn {
position: absolute;
background: #84ba24;
right: 0;
left: 0;
padding: 10px 10px;
color: #fff;
text-transform: uppercase;
font-size: 13px;
bottom: -35px;
opacity: 0;
}
.colection_list ul li:hover .colectionLinkBtn {
opacity: 1;
} .people_who_inspire {
padding: 70px 0;
}
.people_who_inspire ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 50px;
width: 80%;
margin: 50px auto 0;
}
.people_who_inspire ul li {
text-align: center;
position: relative;
}
.people_who_inspire ul li div {
position: absolute;
}
.people_who_inspire ul li img::after {
content: "";
background: red;
} .warranty {
position: relative;
padding: 50px 0;
background: linear-gradient(
90deg,
rgba(230, 230, 230, 1) 43%,
rgba(242, 242, 242, 1) 100%
);
}
.warrantyWrap {
text-align: center;
}
.warrantyMainTitle.productBigText {
position: static;
transform: none;
font-size: 55px;
margin-bottom: 10px;
}
.warrantyWrap h1 {
font-size: 32px;
font-family: "EncodeSans-Medium";
}
.warrantyWrap strong {
color: #84ba24;
}
.warrantyWrap .fluentform {
width: 30%;
margin: 30px auto 0;
position: relative;
z-index: 5;
}
.warrantyWrap .fluentform .ff-btn-submit {
background-color: #84ba24 !important;
border: 1px solid #84ba24;
opacity: 1 !important;
border-radius: 0;
font-size: 15px;
margin-top: 40px;
}
.warrantyWrap .ff-el-form-check-label {
text-align: left;
font-size: 15px;
}
.warrantyWrap .fluentform .ff-btn-submit:hover {
background-color: #fff !important;
color: #84ba24 !important;
}
.warrantyWrap .fluentform .ff-text-left {
text-align: center;
}
.warrantyWrap .fluentform input,
.warrantyWrap .fluentform select {
background: #f7f7f7;
border-radius: 0;
}
.fluentform .ff_upload_btn.ff-btn {
font-size: 14px;
}
.warrantyWrap .fluentform select {
color: #868e97;
}
.warrantyImage {
position: absolute;
bottom: 0;
left: 0;
width: 40%;
}
.warranty .warrantyLogo {
position: absolute;
}
.warranty p a {
color: #84ba24;
} .anketa h2 {
text-align: center;
margin-bottom: 30px;
}
.anketa {
text-align: center;
width: 30%;
margin: auto;
padding: 50px 0;
}
.anketa #fluentform_6 label {
color: #868e97;
line-height: 1.5;
font-family: "EncodeSans-Regular";
margin-bottom: 10px;
}
.anketa #fluentform_6 h2 {
font-size: 20px;
}
.anketa #fluentform_6 .ff_submit_btn_wrapper {
text-align: center;
}
.anketa #fluentform_6 .ff_submit_btn_wrapper button {
background: #84ba24;
border: 1px solid #84ba24;
border-radius: 0;
opacity: 1 !important;
color: #fff;
width: 30%;
font-size: 15px;
}
.anketa .fluentform .ff-el-group {
margin-bottom: 25px;
}
.anketa #fluentform_6 .ff_submit_btn_wrapper button:hover {
background-color: #fff !important;
color: #84ba24 !important;
} .huromForYou.huromForYouNew.nutVrednost .huromForbanerDesc {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.nutGroupBaner img {
width: 100%;
}
.nutGroupBaner {
padding: 50px 0;
}
.TwoBox ul li {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.TwoBox ul li .twoBox_img,
.TwoBox ul li .twoBox_desc {
width: 50%;
}
.TwoBox ul li .twoBox_img img {
width: 100%;
}
.nutGreenBox {
background: #f4f9f2;
text-align: center;
padding: 50px 0;
}
.nutGreenBox p {
color: #000;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.nutIcons {
padding: 50px 0;
}
.nutIcons ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 50px;
}
.nutIcons ul li {
text-align: center;
}
.nutIcons ul li h2 {
color: #84ba24;
font-size: 20px;
}
.freshStart p {
width: 50%;
margin-left: auto !important;
margin-right: auto !important;
color: #000;
font-size: 20px;
} .spare_parts_top {
background: url(//hurom.rs/wp-content/themes/hurom/img/spare_img.png);
background-size: cover;
margin-bottom: 50px;
}
.spare_parts_top .container {
position: relative;
}
.spare_parts_top .spare_stickers {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.spare_parts_top .spare_content {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 35%;
}
.spare_parts_top .spare_content .productBigText {
position: static;
transform: none;
font-size: 95px;
}
.spare_parts_top .spare_content p {
font-size: 40px;
color: #000;
margin-top: 0;
}
.spare_parts_wrap .product .addtocartbutton {
display: none;
}
.spare_parts_wrap {
background: #fff;
}
.spare_parts_wrap .products .product {
float: none;
background: #f9f9f9;
padding: 40px;
position: relative;
margin-bottom: 0;
border-bottom: 1px solid #dedede;
}
.spare_parts_wrap .products {
margin-bottom: 50px;
}
.spare_parts_wrap .products .product .productListContent {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.spare_parts_wrap .products .product img {
margin-bottom: 0;
margin-right: 30px;
}
.spare_parts_wrap .products .product .woocommerce-LoopProduct-link {
display: flex;
align-items: center;
}
.spare_parts_box {
width: 90%;
margin: auto;
}
.spare_parts_wrap .products .product .woocommerce-loop-product__title {
font-size: 25px !important;
white-space: nowrap;
}
.spare_parts_wrap .products .product .price {
position: absolute;
right: 40px;
}
.spare_parts_wrap .excerpt p {
text-align: left;
margin: 0;
font-size: 15px;
color: #000;
margin-top: 70px;
}
.spare_parts_wrap .excerpt {
position: absolute;
left: 310px;
}
.spare_parts_wrap .productListContent form {
display: flex;
align-items: center;
}
.spare_parts_wrap .productListContent form .button {
background-color: #84ba24 !important;
border: 1px solid #84ba24;
text-transform: uppercase;
color: #fff !important;
padding: 10px 50px;
display: inline-block;
margin-top: 24px;
font-size: 12px;
letter-spacing: 0.5px;
cursor: pointer;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
white-space: nowrap;
}
.spare_parts_wrap .productListContent form .button:hover {
background-color: #fff !important;
color: #84ba24 !important;
}
.spare_parts_wrap .productListContent form input {
background: #fff;
height: 40px;
border: none;
pointer-events: none;
padding-left: 10px;
}
.spare_parts_wrap .productListContent .quantity {
display: flex;
}
.spare_parts_wrap .productListContent .quantity button {
height: 40px;
padding: 0 10px;
border: none;
background: #fff;
cursor: pointer;
}
.spare_parts_wrap .productListContent .quantity button i {
display: none;
}
.spare_parts_wrap .productListContent .quantity button.plus::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/upArrow.svg);
width: 13px;
height: 8px;
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
}
.spare_parts_wrap .productListContent .quantity button.minus::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/downArrow.svg);
width: 13px;
height: 8px;
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
}
.spare_parts_wrap .productListContent .button {
margin: 0 !important;
} .fluentform_wrapper_5 {
width: 100%;
max-width: 80%;
margin: 0 auto;
}
.fluentform_wrapper_5 p {
margin-bottom: 15px;
font-family: "EncodeSans-Medium";
font-size: 16px;
color: #000000;
}
.fluentform_wrapper_5 .ff-column-container {
background-color: #f7f7f7;
border: 1px solid transparent;
padding: 20px;
margin-bottom: 20px;
position: relative;
}
.fluentform_wrapper_5 .ff-column-container.active {
border: 1px solid #84ba24;
background: #fff;
}
.fluentform_wrapper_5 .ff-el-group {
margin-bottom: 0px !important;
}
form.fluent_form_5 .ff-btn-submit:not(.ff_btn_no_style) {
background-color: #84ba24 !important;
color: #ffffff;
border-radius: 0 !important;
width: 30%;
}
.fluentform_wrapper_5 .ff_submit_btn_wrapper {
text-align: center !important;
margin: 100px 0 !important;
}
.fluentform_wrapper_5 .Input_class {
background-color: #f7f7f7;
border: 1px solid transparent;
padding: 20px;
margin-bottom: 20px !important;
position: relative;
}
.fluentform_wrapper_5 .Input_class label {
margin-bottom: 15px !important;
font-family: "EncodeSans-Medium";
font-size: 16px;
color: #000000;
}
#fluentform_5_success {
margin-bottom: 50px;
}
#fluentform_5_success a {
color:#84ba24;
}
.svg-icons {
position: absolute;
right: 20px;
}
.svg-icons p {
margin: 0;
}
.svg-icons a {
pointer-events: none;
}
.svg-icons img {
height: 110px;
width: 110px;
}
.page-id-1079 .heading {
margin-bottom: 50px;
}
.spare_parts_wrap .products .product .woocommerce-LoopProduct-link {
pointer-events: none;
}
.term-sokovnici li.post-1958 {
order: -1;
}
.term-sokovnici li.post-302 {
order: -1;
} @media only screen and (max-width: 1800px) {
.zasto_hurom {
width: 70%;
}
}
@media only screen and (max-width: 1600px) {
.homeProduct ul.products li.product .price {
margin-top: 35px;
} .main_cat_list ul.products li .onsale, .main_cat_list ul.products li .onsale_list {
height: 23px;
font-size: 12px;
}
.woocommerce-product-gallery {
width: 80% !important;
}
.single-product div.product .woocommerce-product-gallery img {
margin: 0 auto !important;
} .main_cat_list .site-main ul li.product .attachment-woocommerce_thumbnail {
top: 43%;
}
.nav_search #menu-glavni-meni li {
margin-right: 23px;
}
.productBigText {
top: 40%;
} .container {
padding: 0 10.5%;
}
.banerWrap .banerDescWrap {
width: 50%;
}
.whyHurom p {
width: 60%;
}
.home_review .reviewDesc {
width: 70%;
}
.blogPost li .postAuthor p {
margin: 0;
}
.blogPost li .postAuthor {
margin-top: 15px;
margin-bottom: 15px;
}
.woocommerce-products-header .term-description {
width: 50%;
}
.huromForYou .huromForbanerDesc {
top: 16%;
}
.page-template-template-koji-je-hurom-za-tebe .huromForYou .huromForbanerDesc {
top: 27%;
}
.huromForYou p, 
.zastoHuromOpis p, 
.huromPrioriteti p, 
.twoProductBox p, 
.greenSection p, 
.gustiSok p, 
.vrsteSita p, 
.vrsteStvrdla .stvrdloDesc p, 
.zavrsni_opis p {
width: 95%;
}
.zastoHuromOpis p, 
.sta_je_hladno_cedjenje p, 
.first_text p, 
.sta_dobijate_sporim_cedjenjem_donji_opis p {
width: 95%;
}
.gusti_sok_wrap {
width: 95%;
}
.zastoHuromOpis p br,
.first_text.second_text br {
display: none;
}
.sta_dobijate_sporim_cedjenjem .container {
padding: 0 12.5%;
}
.four_img_box_1 ul li .four_img_box_1, .four_img_box_1 ul li .four_img_box_desc {
width: 50%;
margin-right: 5%;
}
.four_img_box_1 ul li .four_img_box_desc {
margin-left: 0;
}
.four_img_box_1 {
margin-bottom: 0px;
margin-top: 35px;
}
.kako_funkcionise {
padding: 50px 0 50px;
margin-top: 50px;
}
.page-template-template-zasto-hurom video {
width: 100% !important;
}
.sta_dobijate_sporim_cedjenjem {
padding-top: 50px;
}
.sta_dobijate_sporim_cedjenjem p {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.sta_dobijate_sporim_cedjenjem img {
width: 92%;
margin-left: auto;
margin-right: auto;
}
.zasto_hurom {
margin-bottom: 50px;
width: 100%;
padding: 0 2.5%;
}
.sta_kazu_drugi ul {
padding: 0 2%;
}
.sta_kazu_drugi ul li .sta_kazu_drugi_box {
padding: 15px 30px;
}
.four_img_box_1 ul {
width: 100%;
}
.pitanja_i_odgovori .accordion-container {
width: 96%;
}
.twoProductBox {
padding-bottom: 20px;
}
.greenSection.greenSectionBanner img {
width: 100%;
}
.vrsteSitaSlike1.
.vrsteSitaSlike2 {
width: 82%;
}
.gustiSok img,
.vrsteSitaSlike1,
.vrsteSitaSlike2 {
width: 95%;
}
.vrsteStvrdla ul {
width: 100%;
}
.priprema_namirnica .priprema_namirnica_wrap {
width: 95%;
}
.priprema_namirnica .priprema_namirnica_wrap {
grid-template-columns: 59% 41%;
}
.kako_funkcionise ul li:first-child img, .kako_funkcionise ul li:last-child img {
margin-bottom: 25px;
}
.kako_funkcionise ul li div {
padding: 0 20px 30px;
}
.kako_funkcionise ul li:first-child, .kako_funkcionise ul li:last-child {
width: 35%;
}
.kako_funkcionise ul li:nth-child(2) {
width: 25%;
}
.page-template-template-koji-je-hurom-za-tebe .fluentform_wrapper_5 {
max-width: 75%;
}
.fluentform_wrapper_5 .ff_submit_btn_wrapper {
margin: 35px 0 50px !important;
} .woocommerce-Tabs-panel--2_detaljnije-informacije ul li {
padding: 0;
}
.productBigText {
left: 15%;
}
.main_cat_list .site-main ul li.product:nth-child(2n) .productBigText {
right: 20%;
}
.spare_parts_top .spare_content {
left: 40%;
}
.spare_parts_top .spare_content .productBigText {
font-size: 75px;
}
.spare_parts_top .spare_content p {
font-size: 30px;
}
.spare_parts_top .spare_stickers {
right: 20px;
} .twoProductBox .twoImage {
width: 95%;
}
.vrsteStvrdla ul li p {
font-size: 14px;
}
.vrsteStvrdla ul {
width: 95%;
} .anketa {
width: 50%;
}
.warrantyWrap .fluentform {
width: 35%;
}
}
@media only screen and (max-width: 1500px) { .container {
padding: 0 5% !important;
}
.zavrsna_slika {
width: 85%;	
}	
.zel_namirnice_slika ul,
.vrste_sita_kolone {
width: 95%;
}
.vrste_sita_kolone .vrsteSitaSlike1 {
padding-right:15px;	
}
.vrste_sita_kolone .vrste_sita_opis {
padding-left:15px;
}
.four_img_box_1 ul {
width: 90%;
}
.four_img_box_1 ul li h2 {
font-size: 22px;
}
.kako_funkcionise ul li:nth-child(2) {
width: 25%;
} 
.kako_funkcionise ul li p {
color: #fff;
font-size: 13px;
}
.kako_funkcionise ul li div {
padding: 0 20px 20px;
}
.kako_funkcionise ul li div h3 {
font-size: 22px;
}
.sta_dobijate_sporim_cedjenjem img {
width: 90%;
}
.zasto_hurom,
.sta_kazu_drugi ul {
padding: 0 3%;
}
.sta_dobijate_sporim_cedjenjem ul {
justify-content: center;
}
.sta_dobijate_sporim_cedjenjem ul li {
width: 47.5%;
}  .twoProductBox .twoImage {
width: 95%;
}
.greenSection.greenSectionBanner img,
.gustiSok img, .vrsteSitaSlike1, .vrsteSitaSlike2,
.priprema_namirnica .priprema_namirnica_wrap {
width: 95%;
}
.greenSection.greenSectionBanner img {
width:100%;
}
.vrsteStvrdla ul {
width: 95%;
margin: 30px auto 0;
}
.vrsteStvrdla ul li p {
padding-right: 30px;
}
.vrsteStvrdla ul li:last-child {
padding-right:0;
}
.zavrsni_opis p br {
display: none;
}
.zavrsni_opis p {
width: 95%;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 1450px) {
p {
font-size: 14px;
}
.nav_search #menu-glavni-meni li {
margin-right: 25px;
}
.nav_search #menu-glavni-meni li a {
font-size: 15px;
}
.woocommerce-Tabs-panel--2_detaljnije-informacije ul li {
padding: 0;
}
.heading h2 {
font-size: 30px;
}
.underBaner,
.whyHurom,
.homeProduct,
.home_review,
.blog_post {
padding: 50px 0;
}
.underBaner ul {
margin-top: 35px;
}
.blogPost li h2 {
font-size: 22px;
}
.whyHurom p {
font-size: 16px;
}
.homeProduct .products .woocommerce-LoopProduct-link img {
padding: 0 5%;
object-fit: contain;
}
.homeProduct .products li {
margin-bottom: 0 !important;
}
div.br_alabel.berocket_alabel_id_132 > span {
height: 81px !important;
width: 46px !important;
}
.blogPost li .postAuthor li img {
width: 15px;
}
.blogPost li .postAuthor p {
font-size: 13px;
}
.homeTextBannerDesc h1,
.homeTextBannerDesc h2,
.homeTextBannerDesc h3,
.homeTextBannerDesc h4,
.homeTextBannerDesc h5 {
font-size: 40px;
margin-bottom: 0;
}
.homeTextBannerDesc p {
font-size: 15px;
margin-top: 15px;
}
.logosSlide li img {
height: 65px;
}
.homeTextBanner {
margin: 0 0 50px;
}
.homeLogos {
padding-bottom: 50px;
}
.home_review .reviewDesc {
font-size: 15px;
}
.home_review .reviewName {
font-size: 18px;
}
footer {
background: #eff3e8;
padding: 60px 0 40px;
}
footer .footer_wrap .footerBox span {
font-size: 14px;
}
footer .footer_wrap .footerBox ul li a {
font-size: 14px;
}
footer .footer_wrap .footerBox ul,
footer .footer_wrap .footerBox p {
margin-top: 50px;
}
.footerFlex .copyRight p {
font-size: 12px;
} .main_cat_list .site-main ul li.product:nth-child(2n) .productListContent {
width: 50%;
}
.main_cat_list .productListContent {
width: 37%;
} .blogPageList .blogPost {
margin-left: -25px;
}
.blogPageList .blogPost > li {
padding-left: 25px;
padding-bottom: 25px;
} .singleBlog {
width: 100%;
} .zastoHuromOpis div {
width: 100%;
}
.priprema_namirnica .priprema_namirnica_opis {
padding-right: 0;
} .main_cat_list .site-main ul li.product.has-default-attributes {
height: 480px;
}
.singleDescription .singleProductImg {
width: 55%;
}
.singleDescription .summary {
width: 45%;
}
.singleDelivery li p {
font-size: 14px;
width: 75%;
}
.woo-variation-product-gallery {
min-width: 60% !important;
}
.singleLeadTitle {
top: 40%;
}
.single_bottom {
margin-top: 50px;
} .huromForYou.huromForYouNew p {
margin-left: 0;
}
.pitanja_i_odgovori .article-title {
font-size: 15px;
}
.pitanja_i_odgovori .accordion-content p {
margin-top: 15px;
font-size: 14px;
} .freshStart p {
font-size: 17px;
width: 50% !important;
} .four_img_box_1 ul {
width: 82%;
}
.kako_funkcionise ul li:nth-child(2) {
width: 22%;
}
.sta_dobijate_sporim_cedjenjem img {
width: 82%;
}
.zasto_hurom, .sta_kazu_drugi ul {
padding: 0 2.5%;
} }
@media only screen and (max-width: 1400px) {
.four_img_box_1 ul {
width: 87%;
}
.kako_funkcionise ul li:nth-child(2) {
width: 27%;
}
.sta_dobijate_sporim_cedjenjem .container {
padding: 0 7%;
}
.sta_dobijate_sporim_cedjenjem img {
width: 87%;
}
.zasto_hurom,
.sta_kazu_drugi ul {
padding: 0 7%;
}
.pitanja_i_odgovori .accordion-container {
width: 96%;
}
}
@media only screen and (max-width: 1300px) {
.nav_search #menu-glavni-meni li {
margin-right: 17px;
}
.nav_search #menu-glavni-meni li a {
font-size: 13px;
}
.search {
display: none;
position: absolute;
left: 0;
right: 0;
top: 76px;
width: 100%;
z-index: 6;
margin: 0;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
border-radius: 0 !important;
}
.banerWrap .banerDescWrap a {
margin-top: 0px;
}
.dgwt-wcas-search-form {
border-top: 1px solid #f2f2f2;
}
}
@media only screen and (max-width: 1200px) {
.banerWrap .banerDescWrap h1,
.banerWrap .banerDescWrap h2,
.banerWrap .banerDescWrap h3,
.banerWrap .banerDescWrap h4,
.banerWrap .banerDescWrap h5 {
font-size: 40px;
}
.banerWrap .banerDescWrap p {
font-size: 15px;
}
.banerWrap .banerDescWrap {
width: 50%;
}
.banerWrap .banerDescWrap a {
margin-top: 15px;
}
.nav_search #menu-glavni-meni li {
margin-right: 30px;
}
.nav_search #menu-glavni-meni li a {
font-size: 14px;
}
.productBigText {
font-size: 135px;
left: 5%;
}
.productBigText {
right: 13%;
} .main_cat_list .site-main ul li.product:nth-child(2n) .productListContent {
width: 80%;
}
.main_cat_list .productListContent {
width: 33%;
} .singleDelivery li p {
font-size: 14px;
} .huromForYou .huromForYouWrap img {
height: 400px;
} .spare_parts_top .spare_content {
left: 45%;
}
.spare_parts_box {
width: 100%;
} .page-template-template-zasto-hurom br {
display: none;
}
.page-template-template-zasto-hurom .huromForDescWrap br {
display: block;
}
.four_img_box_1 ul,
.sta_dobijate_sporim_cedjenjem img,
.pitanja_i_odgovori .accordion-container {
width: 100%;
}
.kako_funkcionise ul li:nth-child(2) {
width: 40%;
}
.zasto_hurom, .sta_kazu_drugi ul {
padding: 0;
} }
@media only screen and (max-width: 1100px) {
.nav_search #menu-glavni-meni li {
margin-right: 20px;
}
.nav_search #menu-glavni-meni li a {
font-size: 13px;
}
.banerWrap .banerDescWrap h1,
.banerWrap .banerDescWrap h2,
.banerWrap .banerDescWrap h3,
.banerWrap .banerDescWrap h4,
.banerWrap .banerDescWrap h5 {
font-size: 35px;
}
.banerWrap .banerDescWrap p {
font-size: 14px;
}
.banerWrap .banerDescWrap a {
font-size: 13px;
}
.underBaner,
.whyHurom,
.homeProduct,
.home_review,
.blog_post {
padding: 30px 0;
}
.blogPost {
margin: 50px -15px 0;
}
.blogPost li {
padding-left: 15px;
padding-right: 15px;
}
.homeTextBannerDesc h1,
.homeTextBannerDesc h2,
.homeTextBannerDesc h3,
.homeTextBannerDesc h4,
.homeTextBannerDesc h5 {
font-size: 30px;
margin-bottom: 0;
}
.homeTextBannerDesc p {
font-size: 14px;
margin-top: 15px;
}
.footerFlex {
flex-wrap: wrap;
}
.f_cards {
order: -1;
margin-bottom: 15px;
margin-top: 10px;
border-bottom: 1px solid #e6e6ec;
padding-bottom: 25px;
}
}
@media only screen and (max-width: 992px) {
.menu-header {
display: none;
position: absolute;
top: 71px;
background: #fff;
z-index: 10;
left: 0;
right: 0;
padding: 20px 0;
border-top: 1px solid #f2f2f2;
}
.header-wrap {
padding: 25px 0;
}
.mobSearch {
display: block;
margin-right: 20px;
}
.logo img {
width: 125px;
}
.nav_search #menu-glavni-meni {
flex-direction: column;
}
.nav_search #menu-glavni-meni li {
margin: 7px 0;
}
.nav_search #menu-glavni-meni li a {
display: block;
font-size: 15px;
}
.mob-button {
display: block;
margin-left: 20px;
}
.toggle-menu {
background-color: transparent;
border: none;
cursor: pointer;
display: inline-block;
outline: none;
padding: 0;
pointer-events: initial;
position: relative;
vertical-align: middle;
width: 30px;
height: 17px;
z-index: 10;
}
.toggle-menu span {
background-color: #000;
content: "";
display: block;
height: 2px;
left: calc(50% - 13px);
position: absolute;
top: calc(50% - 1px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
-webkit-transform 0.2s linear;
transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
transform 0.2s linear;
transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
transform 0.2s linear, -webkit-transform 0.2s linear;
width: 26px;
}
.toggle-menu span:before,
.toggle-menu span:after {
background-color: #000;
content: "";
display: block;
height: 2px;
position: absolute;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
-webkit-transform 0.2s linear;
transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
transform 0.2s linear;
transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
transform 0.2s linear, -webkit-transform 0.2s linear;
width: 26px;
}
.toggle-menu span:before {
top: 7px;
}
.toggle-menu span:after {
top: -7px;
}
.toggle-menu.active span {
background-color: transparent;
transition: background 0.2s ease-out;
}
.toggle-menu.active span:before,
.toggle-menu.active span:after {
transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out,
-webkit-transform 0.2s 0.2s ease-out;
background: #000;
}
.toggle-menu.active span:before {
top: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
.toggle-menu.active span:after {
top: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.banerWrap .desk_img {
display: block;
height: 315px;
object-fit: cover;
}
.banerWrap .banerDescWrap h1,
.banerWrap .banerDescWrap h2,
.banerWrap .banerDescWrap h3,
.banerWrap .banerDescWrap h4,
.banerWrap .banerDescWrap h5 {
font-size: 30px;
margin-bottom: 0;
}
.banerWrap .banerDescWrap a,
.whyHurom a,
.homeTextBannerDesc a {
font-size: 11px;
}
.heading h2,
.heading {
font-size: 25px;
}
.underBaner ul {
grid-gap: 50px;
}
.whyHurom p {
font-size: 15px;
width: 100%;
}
.whyHurom .smallTitle {
font-size: 12px;
}
.home_review .reviewDesc {
font-size: 14px;
width: 100%;
}
.blog_post .leadText {
width: 100%;
margin: auto;
}
.homeTextBanner img {
height: 290px;
object-fit: cover;
}
.homeTextBanner .deskBaner {
display: none;
}
.homeTextBanner img {
height: 600px;
}
.homeTextBanner .homeTextBannerDesc {
top: 25%;
}
.homeTextBanner .mobBaner {
display: block;
}
footer .footer_wrap {
grid-gap: 20px;
} .main_cat_list .site-main ul li.product:nth-child(2n) .productListContent {
width: 92%;
}
.singleDescription .singleProductImg,
.singleDescription .summary {
width: 100% !important;
margin-bottom: 0 !important;
text-align: center;
}
.singleDescription .single-product-variable-items {
justify-content: center !important;
}
.singleDescription .summary .woocommerce-product-rating {
justify-content: center;
}
.woocommerce-variation-add-to-cart,
.singleDescription .summary form.cart {
justify-content: center;
}
.singleDescription .single_variation_wrap .default-price { margin-bottom: 0 !important;
}
.singleDescription table.variations {
margin-top: 15px !important;
}
.singleDescription .woocommerce-variation-add-to-cart {
margin-top: 0;
}
.singleDescription table:not(.has-background) tbody td {
justify-content: center;
}
.singleDelivery li {
justify-content: center;
}
.singleDelivery li p {
width: auto;
}
.singleLeadTitle {
font-size: 120px;
}
.singleDescription .single_variation_wrap .price {
width: 100%;
} .blogPageList .blogPost {
margin-left: -15px;
}
.blogPageList .blogPost > li {
width: 50%;
padding-left: 15px;
padding-bottom: 15px;
} .contactInfo ul li {
margin: 0;
width: 33.333%;
}
.contactForm .fluentform {
width: 100%;
} .huromForYou .huromForbanerDesc h3 {
font-size: 30px;
}
.huromForYou h2,
.zastoHuromOpis h2,
.huromPrioriteti h2,
.twoProductBox h2,
.greenSection h2,
.gustiSok h2,
.vrsteSita h2,
.vrsteStvrdla .stvrdloDesc h2,
.zavrsni_opis h2 {
font-size: 22px;
}
.zastoHuromOpis strong,
.huromPrioriteti strong,
.greenSection strong,
.twoImgDesc strong,
.vrsteStvrdla strong,
.zavrsni_opis strong {
font-size: 16px;
}
.zastoHuromOpis h2 br {
display: none;
}
.page-template-template-koji-je-hurom-za-tebe .zastoHuromOpis p,
.page-template-template-koji-je-hurom-za-tebe .zastoHuromOpis p strong {
font-size: 14px;
} .banerWrap .banerDescWrap {
width: 70%;
}
.homeTextBanner img {
width: 100%;
}
.singleBlog {
padding-left: 20px;
padding-right: 20px;
} .huromForYou .huromForbanerDesc {
top: 15%;
}
.srecniKorisnici .srecniKorisniciSlika {
height: 300px;
object-fit: cover;
} .colection_list ul {
grid-template-columns: repeat(2, 1fr);
} .freshStart p {
width: 100% !important;
} .spare_parts_top .spare_img .spare_main_image {
height: 300px;
}
.spare_parts_top .spare_content {
left: 40%;
}
.spare_parts_top .spare_content {
font-size: 60px;
}
.spare_parts_top .spare_content p {
font-size: 25px;
}
.spare_parts_wrap .products .product .woocommerce-loop-product__title {
font-size: 22px !important;
}
.spare_parts_wrap .excerpt p {
font-size: 13px;
margin-top: 0;
}
.spare_parts_wrap .products .product .productListContent,
.spare_parts_wrap .products .product .woocommerce-LoopProduct-link {
flex-direction: column;
}
.spare_parts_wrap .excerpt,
.spare_parts_wrap .products .product .price {
position: static;
}
.spare_parts_wrap .products .product .woocommerce-LoopProduct-link {
width: 100%;
}
.spare_parts_wrap .products .product img {
margin: 0 auto 30px;
}
.spare_parts_wrap .productListContent form {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto 0;
} .four_img_box_1 .four_img_box_desc h2 {
font-size: 20px;
} .anketa {
width: 100%;
}
.anketa #fluentform_6 label {
font-size: 14px;
}
.anketa .fluentform .ff-el-group {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 768px) {
.svg-icons {
top: 40px;
}
.svg-icons img {
height: 80px;
width: 80px;
}
footer .footer_wrap {
grid-template-columns: repeat(1, 1fr);
}
footer .footer_wrap .footerBox ul li {
width: 100%;
}
footer .footer_wrap .footerBox span {
max-width: 100%;
}
footer .footer_wrap .footerBox ul,
footer .footer_wrap .footerBox p {
margin-top: 30px;
}
footer .footer_wrap .footerBox ul li {
margin: 10px 0;
} .woocommerce-products-header .page-description {
width: 95%;
}
.main_cat_list .productListContent {
width: 100%;
}
.main_cat_list .site-main ul li.product .attachment-woocommerce_thumbnail {
position: static;
transform: none;
}
.main_cat_list .site-main ul li.product {
height: auto;
}
.main_cat_list ul.products li.product .star-rating {
order: 1;
display: flex;
justify-content: center;
margin: auto !important;
}
.main_cat_list .products .product .woocommerce-loop-product__title {
order: 2;
width: 100%;
text-align: center;
max-width: 100%;
}
.products .price,
ul.products li.product .price {
order: 3;
text-align: center;
}
.main_cat_list .site-main ul li.product .attachment-woocommerce_thumbnail {
order: 4;
}
.main_cat_list .site-main ul li.product {
background: url(//hurom.rs/wp-content/themes/hurom/img/mobListImage.svg);
background-size: cover !important;
padding: 50px 0;
}
.main_cat_list ul.products li {
justify-content: center !important;
}
.main_cat_list .site-main ul.archive-variable-items {
justify-content: center;
}
.main_cat_list ul.products li .onsale {
position: absolute;
top: 20px;
left: 50%;
transform: translate(-50%);
}
.add_to_cart_button,
.product_type_variable,
.addtocartbutton {
display: flex;
justify-content: center;
max-width: 230px;
margin-left: auto;
margin-right: auto;
}
.productBigText {
right: auto !important;
left: 50% !important;
transform: translate(-50%);
top: 30%;
width: 100%;
text-align: center;
font-size: 160px;
}
.main_cat_list
.site-main
ul
li.product:nth-child(2n)
.berocket_better_labels_position,
.main_cat_list
.berocket_better_labels
.berocket_better_labels_position.berocket_better_labels_position_left {
right: auto;
left: 0;
margin-left: 20px;
margin-top: 25px;
} .singleLeadTitle {
font-size: 85px;
}
.singleDescription .single_add_to_cart_button {
padding: 0 50px !important;
font-size: 12px;
}
.singleProductImg .onsale {
position: absolute;
right: 0;
} .blogPage {
padding: 25px 0;
}
.blogPageList .blogPost > li {
width: 100%;
padding-bottom: 30px;
}
.blogPageList .blogPost > li:first-child .product_wrap_img {
display: none;
}
.blogPageList .blogPost > li:first-child .product_list_wrap .product_wrap_img,
.blogPageList .blogPost > li:first-child .product_list_wrap .product_title {
width: 100%;
}
.blogPageList .blogPost > li:first-child {
padding-bottom: 30px;
}
.blogPost li h2 {
width: 100%;
} .woocommerce-products-header .term-description {
width: 90%;
}
.main_cat_list .site-main ul li.product.has-default-attributes {
height: auto;
}
.single-product div.product .woocommerce-product-gallery {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.compact_clean_feeding .flex-wrap {
grid-gap: 10px;
}
.designForYou ul li {
width: 50%;
}
.summary.entry-summary {
margin-top: 0 !important;
}
.single-product div.product form.cart .quantity {
padding-left:0;
}
.wpgs-no-gallery-images .wpgs-image,
.woocommerce-product-gallery .slick-list,
.woocommerce-product-gallery .slick-track {
height: auto !important;
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.single_discount_sticker .onsale.onsale_list {
margin-left:auto;
margin-right:auto;
}
.single-product div.product .woocommerce-product-gallery img {
height: 100%;
} .woocommerce-tabs ul.tabs {
flex-direction: column;
}
.woocommerce-tabs .panel {
padding: 0;
}
.woocommerce-tabs ul.tabs li {
margin-right: 0 !important;
}
.woocommerce-tabs ul.tabs li a {
font-size: 14px;
}
.woocommerce-tabs .panel {
padding: 5px 0 20px;
}
.woocommerce-Tabs-panel--2_detaljnije-informacije {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#reviews .commentlist {
margin-bottom: 0;
}
#tab-title-0_opis .panel {
padding: 5px 20px 20px;
}
.woocommerce-Tabs-panel p {
font-size: 14px;
}
.woocommerce-tabs ul.tabs li {
flex-direction: column-reverse;
border-bottom: 1px solid #f2f2f2 !important;
}
.woocommerce-tabs ul.tabs li:first-child {
border-top: 1px solid #f2f2f2 !important;
}
.tabs.wc-tabs li::before {
display: none !important;
}
.woocommerce-tabs ul.tabs li a {
display: block;
width: 100%;
}
.woocommerce-tabs #tab-title-0_opis a::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/overview.svg);
width: 24px;
height: 20px;
background-size: contain;
display: block;
background-repeat: no-repeat;
margin-right: 15px;
}
.woocommerce-tabs ul.tabs li a {
display: flex !important;
align-items: center;
margin-left: 0;
font-size: 15px;
}
.woocommerce-tabs #tab-title-1_delovi-u-kutiji a::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/insideBox.svg);
width: 20px;
height: 20px;
background-size: contain;
display: block;
background-repeat: no-repeat;
margin-right: 15px;
}
.woocommerce-tabs #tab-title-2_detaljnije-informacije a::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/productDetails.svg);
width: 18px;
height: 20px;
background-size: contain;
display: block;
background-repeat: no-repeat;
margin-right: 15px;
}
.woocommerce-tabs ul.tabs li#tab-title-reviews a::before {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/reviewicon.svg);
width: 18px;
height: 20px;
background-size: contain;
display: block;
background-repeat: no-repeat;
margin-right: 15px;
}
.woocommerce-tabs ul.tabs li.active {
border-bottom: none !important;
}
.tabs.wc-tabs li a::after {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/accordionArrowRight.svg);
position: absolute;
width: 15px;
height: 8px;
background-size: contain;
top: 20px;
right: 10px;
background-repeat: no-repeat;
}
.tabs.wc-tabs li.active a::after {
content: "";
background: url(//hurom.rs/wp-content/themes/hurom/img/accordionArrowBottom.svg);
position: absolute;
width: 11px;
height: 12px;
background-size: contain;
top: 20px;
right: 10px;
background-repeat: no-repeat;
}
#tab-title-1_delovi-u-kutiji ul li {
flex-direction: column;
width: 50%;
}
#tab-title-1_delovi-u-kutiji ul li a::after,
#tab-title-1_delovi-u-kutiji ul li a::before {
display:none !important;
}
.woocommerce-Tabs-panel--1_delovi-u-kutiji ul li {
padding: 15px 0 15px;
}
.woocommerce-Tabs-panel--1_delovi-u-kutiji ul li img {
height: 65px;
}
.woocommerce-Tabs-panel--1_delovi-u-kutiji ul li p {
margin-top: 5px;
}
.woocommerce-Tabs-panel p {
font-size: 12px;
line-height: 1.7;
}
#tab-title-2_detaljnije-informacije ul li {
flex-direction: row;
justify-content: space-between;
padding-left: 10px;
}
.woocommerce-Tabs-panel--2_detaljnije-informacije ul li p {
width: 50%;
}
.compact_clean_feeding .flex-wrap {
grid-template-columns: repeat(1, 1fr);
margin-top: 35px;
}
.compact_clean_feeding .right_compact_clean_feeding {
margin-top: 15px;
}
#reviews .commentlist li .comment_container {
width: 100%;
padding: 10px;
}
#reviews .commentlist li {
margin-bottom: 0 !important;
}
#review_form_wrapper {
padding: 10px 10px 0;
}
#reviews .comment-form-rating label {
color: #404040;
font-size: 13px;
font-family: "EncodeSans-Regular";
}
.woocommerce-Tabs-panel p.form-submit .submit {
font-size: 11px;
}
.reviews_tab .panel {
padding-bottom: 0;
}
.compact_clean_feeding
.right_compact_clean_feeding
.content-entry
.article-title::before {
display: none;
}
.compact_clean_feeding .right_compact_clean_feeding .article-title {
margin-bottom: 15px;
margin-top: 20px;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 10px;
font-size: 17px;
}
.content-entry.open .article-title,
.woocommerce-tabs ul.tabs li.active a {
border-bottom: 1px solid #84ba24 !important;
}
.designForYou {
margin-top: 25px;
padding: 25px 0;
}
.single_bottom {
margin-top: 25px;
} .zastoHuromIkonice ul li {
padding: 0 10px;
}
.huromForYou.huromForYouNew .huromForYouWrap img {
height: 215px;
}
.huromForYou .huromForbanerDesc {
top: 15%;
}
.huromForYou.huromForYouNew .huromForbanerDesc {
top: 10%;
}
.zastoHuromDveKolone ul li {
flex-wrap: wrap;
}
.zastoHuromDveKolone ul li .zastoHuromKoloneSlika,
.zastoHuromDveKolone ul li .zastoHuromKoloneOpis {
width: 100%;
}
.zastoHuromDveKolone ul li .zastoHuromKoloneOpis {
padding-left: 0;
padding-top: 20px;
}
.huromForbanerDesc a {
font-size: 10px;
margin-top: 5px;
}
.zastoHuromDveKolone {
padding: 20px 0;
} .nutIcons ul {
grid-template-columns: repeat(2, 1fr);
}
.TwoBox ul li .twoBox_img,
.TwoBox ul li .twoBox_desc {
width: 100%;
}
.TwoBox ul li .twoBox_desc {
padding-right: 0;
padding-left: 0;
padding-top: 20px;
} .spare_parts_wrap .products .product {
padding: 15px;
}
.spare_parts_wrap .products .product img {
margin: 0 auto 30px;
width: 100%;
height: 100%;
}
.spare_parts_wrap .products .product .woocommerce-loop-product__title {
font-size: 18px !important;
white-space: inherit;
}
.spare_parts_wrap .products .product .price {
margin-top: 20px;
}
.spare_parts_wrap .productListContent .quantity {
width: 40%;
}
.spare_parts_wrap .productListContent form .button {
width: 60%;
}
.spare_parts_wrap .productListContent form {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.four_img_box_1 ul li,
.kako_funkcionise ul {
width: 100%;
flex-direction: column;
text-align: center;
}
.kako_funkcionise ul li,
.kako_funkcionise ul li:first-child,
.kako_funkcionise ul li:nth-child(2),
.kako_funkcionise ul li:last-child,
.sta_kazu_drugi ul li {
width: 100%;
}
.kako_funkcionise ul li:last-child {
margin-top: 100px;
}
.sta_je_hladno_cedjenje {
padding: 30px 0 15px;
}
.four_img_box_1 {
margin-top: 20px;
margin-bottom: 20px;
}
.four_img_box_1 ul li .four_img_box_1,
.four_img_box_1 ul li .four_img_box_desc {
width: 100%;
}
.four_img_box_1 .four_img_box_desc h2 {
font-size: 18px;
}
.kako_funkcionise {
margin-bottom: 0;
padding: 35px 0 50px;
}
.zasto_hurom {
margin-bottom: 45px;
}
.sta_kazu_drugi {
padding: 35px 0 50px;
}
.sta_kazu_drugi h2 {
font-size: 21px;
}
.sta_kazu_drugi ul li .sta_kazu_drugi_box {
padding: 15px 20px;
}
.sta_dobijate_sporim_cedjenjem {
padding-top: 40px;
}
.four_img_box_1 ul li .four_img_box_1, 
.four_img_box_1 ul li .four_img_box_desc {
margin-right: 0;
text-align: center;
}
.four_img_box_1 ul li .four_img_box_1 img {
width: 200px;
height: auto;
margin-bottom: 20px;
}
.second_text {
margin-top: 20px;
}
.sta_dobijate_sporim_cedjenjem ul li {
width: 100%;
}
.four_img_box_1 ul li:first-child {
margin-bottom: 25px;
}
.zasto_hurom {
margin-top: 30px;
}
.srecniKorisnici .srecniKorisniciWrap .btn {
padding: 10px 60px;
}
.hurom_img_box {
grid-template-columns: repeat(1, 1fr);
}
.hurom_img_box li img {
height: 300px;
}
.hurom_img_box li span {
color: #fff;
font-size: 16px;
padding: 10px 0;
width: 100%;
background: #84ba24;
}
.gusti_sok_wrap .twoImgDesc,
.gusti_sok_wrap img {
width:100% !important;
}
.gusti_sok_wrap .twoImgDesc {
padding-right: 0
}
.gusti_sok_wrap {
width: 95%;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 600px) {
.twoImage.video_img {
display:flex;
flex-wrap:wrap;
grid-gap: 3% !important;
}	
.twoImage.video_img li {
width: 48.5%;
margin-bottom:1%;
}
.twoImage.video_img li:last-child {
width:100%;
}
.homeProduct ul.products li.product .price del {
font-size:14px;
}
.homeProduct ul.products li.product .price {
margin-top:40px
}
.postid-808 .tcb-video-background-el,
.page-id-2064 .tcb-video-background-el {
transform: scale(1.9);
}
.postid-808 .thrv_wrapper.tcb-window-width,
.page-id-2064 .thrv_wrapper.tcb-window-width {
overflow:hidden;
}
.page-id-2064 .thrv_wrapper.thrv-page-section {
padding-left:20px;
padding-right:20px;
}
.main_cat_list .site-main ul li.product .attachment-woocommerce_thumbnail {
mix-blend-mode: normal;
}
.huromForYou .huromForYouWrap img.desk_baner {
display:none;
}
.huromForYou .huromForYouWrap img.mob_baner {
display:block;
}
.banerWrap .banerDescWrap p {
width: 100%;
}
.banerWrap .banerDescWrap h1 {
font-size: 29px;
margin-bottom: 10px;
}
.banerWrap .desk_img {
display: none;
}
.banerWrap .mob_img {
display: block;
width: 100%;
}
.banerWrap .banerDesc {
width: 100%;
top: 25px;
transform: none;
text-align: center;
}
.banerWrap .banerDescWrap {
width: 100%;
}
.underBaner ul {
display: inline-block;
grid-gap: 20px;
grid-template-columns: repeat(1, 1fr);
}
.underBaner ul li img {
margin-top: 0;
height: 55px;
}
.whyHurom .smallTitle {
margin-bottom: 7px;
}
.whyHurom .smallTitle {
margin-bottom: 7px;
}
.heading h2,
.blogPage .heading,
.heading,
.related > h2:first-child,
.warrantyWrap h1 {
font-size: 22px !important;
}
div.br_alabel.berocket_alabel_id_135 > span,
.berocket_better_labels .berocket_better_labels_line .br_alabel span {
height: 56px !important;
width: 32px !important;
}
.berocket_better_labels
.berocket_better_labels_position.berocket_better_labels_position_left {
margin-left: 1px;
}
.homeProduct .products .woocommerce-LoopProduct-link img {
padding: 0 0%;
height: 100%;
padding: 0 0%;
height: 100%;
margin: 25px auto 0;
}
ul.products li .onsale {
font-size: 11px;
left: 50%;
transform: translate(-50%);
width: 40px;
height: 23px;
}
.homeProduct .woocommerce {
padding: 50px 0 0;
}
.products .price,
ul.products li.product .price {
font-size: 17px !important;
}
.home_review li span {
font-size: 13px;
}
footer .footer_wrap .footerBox ul li {
width: 100%;
text-align: center;
}
footer .footer_wrap .footerBox ul,
footer .footer_wrap .footerBox p {
text-align: center;
}
footer .footer_wrap .footerBox .readMore {
display: flex;
justify-content: center;
}
footer .footer_wrap.f_Social {
display: flex;
justify-content: center;
margin: 35px auto 0;
}
footer {
padding: 40px 0 40px;
}
.f_cards {
width: 100%;
}
.f_cards li {
margin: 0 5px;
}
.f_cards img {
height: 12px;
}
.underFooter .f_logo {
width: 100%;
justify-content: center;
order: -1;
padding-top: 15px;
padding-bottom: 15px;
}
.copyRight {
width: 100%;
justify-content: center;
display: flex;
}
.homeTextBannerWrap {
text-align: center;
}
.homeTextBanner p {
width: 100%;
text-align: center;
}
.homeLogos {
padding-bottom: 35px;
}
.f_Social {
margin: 35px auto 0 !important;
} .productBigText {
top: 25%;
font-size: 100px;
}
.main_cat_list .products .product .woocommerce-loop-product__title {
font-size: 25px !important;
} .woocommerce-product-gallery {
width: 100%;
}
.woocommerce-product-gallery__lightbox {
right: 0 !important;
}
.woocommerce-Tabs-panel p a::before,
.woocommerce-Tabs-panel p a::after {
display: none !important;
}  
.woocommerce-tabs ul.tabs li .woocommerce-Tabs-panel--0_opis p a {
display: inherit !important;
padding: 0 !important;
width: auto !important;
}
.woocommerce-tabs ul.tabs li.active p a {
border: none !important;
font-size: 12px;
color: #84ba24 !important;
}
.woocommerce-tabs ul.tabs li .woocommerce-Tabs-panel--0_opis li {
font-size: 12px !important;
}
.woocommerce-tabs ul.tabs li ul li {
margin-bottom: 10px !important;
border: none !important;
}
.woocommerce-Tabs-panel ul li strong,
.woocommerce-tabs ul.tabs li .woocommerce-Tabs-panel--0_opis ul li {
display: inline-block !important;
}
.woocommerce-product-gallery {
width: 100% !important;
}
.singleLeadTitle {
font-size: 100px;
}
.designForYou ul li {
width: 100%;
}
.productVideo .video_btn::after {
width: 55px;
height: 55px;
}
.compact_clean_feeding .right_compact_clean_feeding p {
font-size: 12px;
}
.related {
padding-top: 30px !important;
padding-bottom: 20px !important;
}
.single_mob_elements {
display: flex;
flex-wrap: wrap;
text-align: center;
margin-top: 15px;
}
.single_mob_elements .product_meta {
order: 2;
font-size: 14px !important;
color: #a0a0a0;
border: none !important;
padding-top: 10px !important;
padding-bottom: 10px;
width: 100%;
}
.single_mob_elements .woocommerce-product-rating {
order: 3;
margin-top: 0px !important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0 !important;
}
.singleDescription .woocommerce-product-rating::before {
font-size: 12px;
color: #595959;
}
.single_mob_elements .product_title {
order: 1;
margin-top: 7px;
font-size: 25px;
width: 100%;
}
.single_mob_elements .posted_in {
display: none !important;
}
.instock .singleDescription .custom-stock-text span::after {
font-size: 12px;
}
.instock .singleDescription .custom-stock-text span::before {
width: 13px;
height: 13px;
}
.single_mob_elements .custom-stock-text {
margin-bottom: 0;
order: 3;
width: 50%;
}
.singleDelivery {
margin-top: 0;
}
.singleDelivery li p {
text-align: left;
}
.singleDelivery li p {
font-size: 13px;
}
.singleDescription {
padding: 0 0 15px;
}
.singleDelivery li {
justify-content: flex-start;
} .blogPageList .blogPost > li:first-child .product_list_wrap .product_title h2,
.blogPost li h2 {
font-size: 19px;
} .contaktBanner img {
height: 150px;
object-fit: cover;
}
.contactInfo ul {
flex-wrap: wrap;
}
.contactInfo ul li {
margin: 0 0 15px;
width: 100%;
}
.contactForm {
padding: 30px 0;
margin-top: 20px;
} .huromForYou .huromForYouWrap img {
width: 100%;
height: 450px;
object-fit: cover;
}
.page-template-template-koji-je-hurom-za-tebe .huromForYou .huromForbanerDesc {
top: 10%;
}
.page-template-template-zasto-hurom .huromForYou .huromForYouWrap img {
object-position: -245px 0;
}
.huromForYou .huromForbanerDesc {
top: 30%;
}
.huromForYou .huromForbanerDesc h3 {
font-size: 24px;
}
.huromForYou p,
.zastoHuromOpis p,
.huromPrioriteti p,
.twoProductBox p,
.greenSection p,
.gustiSok p,
.vrsteSita p,
.vrsteStvrdla .stvrdloDesc p,
.zavrsni_opis p {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.huromForYou h2,
.huromPrioriteti h2,
.twoProductBox h2,
.greenSection h2,
.gustiSok h2,
.vrsteSita h2,
.vrsteStvrdla .stvrdloDesc h2,
.zavrsni_opis h2,
.priprema_namirnica_opis h2,
.zastoHuromDveKolone h2,
.hurom_is_safe h2,
.hurom_is_safe h2,
.zastoHuromDveKolone h2,
.TwoBox ul li .twoBox_desc h2 {
font-size: 19px;
}
.zastoHuromOpis,
.greenSection,
.zavrsni_opis,
.huromPrioriteti,
.gustiSok,
.vrsteSita,
.vrsteStvrdla {
padding: 25px 0;
}
.huromProizvodiList ul li .hurom_desk_pr {
display:none;
}
.huromProizvodiList ul li .hurom_mobile_pr {
display:block;
}
.huromPrioriteti {
padding-bottom:0;
}
.twoProductBox .twoImgDesc {
padding:0;
}
.greenSection.greenSectionBanner img {
margin:0;
}
.gustiSok img {
margin-top: 10px;
margin-bottom: -25px;
}
.twoProductBox .twoImage {
grid-gap: 15px;
padding-bottom:0;
}
.zel_namirnice_slika ul li,
.vrste_sita_kolone .vrsteSitaSlike1,
.vrste_sita_kolone .vrste_sita_opis {
width: 100%;
}
.vrste_sita_kolone .vrsteSitaSlike1 {
padding-right:0;
}
.zel_namirnice_slika ul li:last-child,
.vrste_sita_kolone .vrste_sita_opis {
padding-left: 0;
padding-top: 20px;
}
.zel_namirnice_slika ul li:first-child {
padding-right: 0;
} 
.vrste_sita_kolone {
margin-top: 35px;
}
.zavrsna_slika {
width: 100%;
padding: 0 0;
}
.zel_namirnice_slika ul, .vrste_sita_kolone {
width: 100%;
}
.zel_namirnice_slika {
padding-bottom: 25px;
}
.zel_namirnice_slika ul li p {
line-height: 1.7;
}
.zastoHuromDveKolone ul li,
.TwoBox ul li {
margin-bottom: 20px;
}
.nutGreenBox p {
width: 100%;
}
.vrsteSitaSlike1 .twoImage li img {
height: auto;
}
.vrsteSitaSlike1 {
width: 100%;
margin: 30px auto 0;
}
.vrsteSitaSlike2 {
width: 100%;
}
.vrsteSitaSlike2 .twoImage {
margin-top: 10px;
}
.vrsteStvrdla ul {
width: 100%;
margin: 0;
flex-wrap: wrap;
}
.vrsteStvrdla ul li {
width: 100%;
margin-bottom: 20px;
margin-top: 0;
}
.priprema_namirnica .priprema_namirnica_wrap {
grid-template-columns: repeat(1, 1fr);
}
.priprema_namirnica .priprema_namirnica_opis {
padding-right: 0;
padding-left: 0;
padding-top: 20px;
} .zastoHuromIkonice {
padding: 20px 0 0;
}
.zastoHuromIkonice ul {
flex-wrap: wrap;
}
.zastoHuromIkonice ul li {
width: 100%;
margin-bottom: 20px;
}
.zastoHuromDveKolone ul li {
margin-bottom: 20px;
}
.zastoHuromOpis,
.greenSection,
.zavrsni_opis,
.hurom_is_safe {
padding: 20px 0;
}
.srecniKorisnici .srecniKorisniciSlika {
height: 320px;
object-fit: cover;
}
.srecniKorisnici .srecniKorisniciWrap h2 {
font-size: 22px;
padding: 0 20px;
}
.four_img_box_1 strong {
font-size: 25px;
}
.first_text strong {
font-size: 19px;
}
.four_img_box_1 ul li .four_img_box_desc strong {
font-size: 20px;
}
.kako_funkcionise h2 {
font-size: 20px;
}
.srecniKorisnici .srecniKorisniciWrap p {
width: 100%;
padding: 0 15px;
}
.srecniKorisnici .srecniKorisniciWrap {
width: 100%;
}
.srecniKorisnici .srecniKorisniciWrap img {
width: 45px;
}
.pitanja_i_odgovori .article-title {
font-size: 14px;
padding-right: 40px;
line-height: 1.3;
}
.pitanja_i_odgovori .accordion-container .content-entry {
padding: 10px 10px;
}
.pitanja_i_odgovori .accordion-content p {
font-size: 12px;
}
.pitanja_i_odgovori .content-entry.open .article-title,
.pitanja_i_odgovori .woocommerce-tabs ul.tabs li.active a {
border-bottom: none !important;
} .colection_list ul {
grid-template-columns: repeat(1, 1fr);
margin-top: 25px;
}
.colection .colection_wrap {
width: 100%;
padding: 0 10px;
}
.colection {
padding: 20px 0;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
font-size: 12px !important;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-noreviews::before,
p.no-comments::before {
display: none !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
padding: 5px 10px !important;
} .warrantyMainTitle.productBigText {
font-size: 30px !important;
}
.warranty .warrantyLogo {
width: 50px;
top: 15px;
left: 15px;
}
.warrantyWrap .fluentform {
width: 100%;
}
.warrantyImage {
width: 80%;
}
.warranty {
padding: 50px 0 200px;
}
.warrantyWrap .fluentform .ff-btn-submit {
margin-top: 10px;
}
.nutIcons ul {
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
.freshStart p {
width: 100% !important;
font-size: 15px;
} .page-template-default .simplePages {
padding-top: 30px;
}
.simplePages h1,
.simplePages h2,
.simplePages h3,
.simplePages h4,
.simplePages h5 {
font-size: 18px;
} .woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
width: 100%;
padding-top: 0;
}
.woocommerce-account .woocommerce h2 {
font-size: 20px;
}
.woocommerce-form.woocommerce-form-login.login {
width: 100%;
}
.woocommerce-account .woocommerce {
padding: 0 0 20px;
}
.woocommerce-MyAccount-content table {
width: 100%;
}
.woocommerce-MyAccount-content table td,
.woocommerce-MyAccount-content table th {
font-size: 14px;
}
.woocommerce-MyAccount-content address {
font-size: 14px;
line-height: 1.5;
} .sta_je_hledno_cenjenje_img li img {
width: auto !important;
height: auto !important;
}
.four_img_box_1 {
margin-top: 0;
margin-bottom: 0;
}
.page-template-template-koji-je-hurom-za-tebe br {
display: none;
}
.zastoHuromOpis strong, .huromPrioriteti strong, .greenSection strong, .twoImgDesc strong, .vrsteStvrdla strong, .zavrsni_opis strong {
font-size: 14px;
}
.twoProductBox {
padding-bottom: 0;
}
.greenSection.greenSectionBanner p strong {
font-size: 14px;
}
.zastoHuromOpis strong, 
.greenSection strong, 
.twoImgDesc strong, 
.vrsteStvrdla strong, 
.zavrsni_opis strong, 
.hurom_is_safe strong, 
.vrsteSitaSlike2 strong,
.huromForYou h2, 
.zastoHuromOpis h2, 
.huromPrioriteti h2, 
.twoProductBox h2, 
.greenSection h2, 
.gustiSok h2, 
.vrsteSita h2, 
.vrsteStvrdla .stvrdloDesc h2, 
.zavrsni_opis h2,
.sta_je_hladno_cedjenje h2,
.sta_dobijate_sporim_cedjenjem h2,
.zasto_hurom h2,
.hurom_anketa h2,
.productBottomDesc p strong {
font-size: 20px;
}
.productBottomDesc p strong {
text-align: center;
width: 100%;
display: block;	
}
.sta_dobijate_sporim_cedjenjem {
margin-bottom: 30px;
}
.gustiSok .twoImgDesc strong {
display:block;
font-size:14px;
color: #000;
font-family: "EncodeSans-Medium";
}
.hurom_anketa {
padding-top: 25px;
}
.zasto_hurom h2 {
margin-bottom: 20px;
}
.sta_kazu_drugi h2,
.zasto_hurom h2,
.srecniKorisnici .srecniKorisniciWrap h2 {
font-size: 18px;
}
.pitanja_i_odgovori {
padding: 25px 0;
}
.pitanja_i_odgovori .accordion-container {
margin-top: 30px;
}
.twoProductBox .twoImage {
width: 100%;
}
.greenSection.greenSectionBanner img, 
.gustiSok img, 
.vrsteSitaSlike1, 
.vrsteSitaSlike2, 
.priprema_namirnica .priprema_namirnica_wrap {
width: 100%;
}
.gustiSok {
padding-bottom: 15px;
}
.vrsteSitaSlike1 {
margin: 30px auto 0;
}
.vrste_sita_opis strong {
display: block;
}
.vrsteSitaSlike2 p strong {
margin-top: 30px;
}
.vrsteStvrdla ul li img {
height: auto;
}
.vrsteStvrdla ul li p {
width: 100%;
}
.vrsteStvrdla ul li:last-child img {
margin: -40px 0;
}
.priprema_namirnica .priprema_namirnica_wrap {
grid-gap: 0px;
}
.vrsteStvrdla {
padding-bottom: 0 !important;
}
.zavrsni_opis p,
.zavrsni_opis strong {
font-size: 14px;
}
.huromProizvodiList ul {
padding: 0 0;
align-items: flex-end;
}
.svg-icons img {
height: 60px;
width: 60px;
min-width: 60px;
}
.fluentform_wrapper_5 .ff-column-container {
padding: 11px;
margin-bottom: 10px;
}
.page-template-template-koji-je-hurom-za-tebe .fluentform_wrapper_5 {
max-width: 100%;
}
.page-template-template-koji-je-hurom-za-tebe .fluentform_wrapper_5 span {
font-size: 13px;
}
.page-template-template-koji-je-hurom-za-tebe .fluentform {
margin-top: 20px;
}
.zavrsni_opis a {
font-size: 12px;
}
#mlb2-8371517.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-8371517.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
font-size: 24px !important;
}
form.fluent_form_5 .ff-btn-submit:not(.ff_btn_no_style) {
width: 100%;
font-size: 14px;
}
.fluentform_wrapper_5 p {
width: 73%;
}
.page-template-template-zasto-hurom video {
width: 100% !important;
} .spare_parts_top .spare_img .spare_main_image {
height: 175px;
object-fit: cover;
object-position: -33px 100%;
}
.spare_parts_top .spare_stickers img {
width: 35px;
}
.spare_parts_top .spare_stickers {
right: 10px;
bottom: -20px;
top: auto;
}
.spare_parts_top .spare_content p {
font-size: 18px;
margin-left: 35px;
}
.spare_parts_top {
overflow: hidden;
}
.spare_parts_top .spare_content .productBigText {
text-align: left;
margin-left: 35px;
font-size: 40px;
} .woocommerce-order-received .woocommerce-table {
width: 100%;
}
}