@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//kamado.hr/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.5") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//kamado.hr/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//kamado.hr/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//kamado.hr/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//kamado.hr/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//kamado.hr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//kamado.hr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//kamado.hr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//kamado.hr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(168,11,20);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(168,11,20);
	--btn-accented-bgcolor-hover: rgb(168,11,20);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(32,32,32);
	background-image: none;
	background-position: center center;
}
.product-labels .product-label.onsale {
	background-color: rgb(168,11,20);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(168,11,20);
	color: rgb(255,255,255);
}
.product-labels .product-label.featured {
	background-color: rgb(168,11,20);
	color: rgb(255,255,255);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(168,11,20);
	color: rgb(255,255,255);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(168,11,20);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* kad user nije logiran, jedan meni u headeru ode u drugi red, sad kad sam s 1222px proširio na 1300px, sve izgleda OK */
.container {
	max-width: 1400px;
}

/*u blogu kad postoji youtube video, između nalsova i videa postoji razmak. Ovo miče taj razmak*/
.wp-block-embed__wrapper:before {
	display: block-axis !important;
}

/* strelice na dodatnim slikama na product page */
.single-product .woocommerce-product-gallery .slick-arrow {
    background-color: transparent !important;
	  color: #000000 !important;
}
/* end */

/* u opisima proizvoda  (kratki opis gore) linkove stavlja underline */
.woocommerce-product-details__short-description a {
  text-decoration: underline;
}
/* end */
/* u opisima proizvoda  (dugi opis dolje) linkove stavlja underline */
.woocommerce-tabs .wd-accordion-item a {
  text-decoration: underline;
	/* color: darkblue; */
}
/* end */
/* u postovima linkove stavlja underline */
.single-post .entry-content a {
  text-decoration: underline;
	/* color: darkblue; */
}
/* end */
/* ovo je za https://kamado.hr/kategorija-proizvoda/kamado/ Povratak na naslovnicu gore i dolje*/
.wd-term-desc a, .term-description a {
  text-decoration: underline;
}
/* end */

/* Ne prikazjue vodeću sliku u sigle post, ali prikazuje kad se gledaju svi postovi*/
.post-single-page.has-post-thumbnail .article-inner > .entry-header {
  display: none;
}
/* end */

.flickity-button {
  arrow-color: #000;
  arrow-color-hover: rgba(115, 115, 115, 0.8);
  arrow-bgcolor: #333;
}

/* Na checkout formi stavlja prvo slovo imena, prezimea i adrese, veliko*/
.woocommerce-checkout input[type=text] {
    text-transform: capitalize;
}
/* end */

/* sakriva ime autora blog postova*/
.wd-entry-meta .meta-author {
    display: none;
}

/* poravnava glavni menu i u razinu s logom*/
.wd-header-nav {
  flex: 1 1 auto;
  padding-top: 40px;
}

/*poravnava desni dio glavnog menu-a u razinu s logo-om*/
.whb-col-right {
	padding-top: 40px;
}

/* for cart page */
.cross-sells {
    margin-top: 25px ;
}

.slider-title {
    margin-bottom: 0px;
    padding-bottom: 10px;
}



/* u kontakt formi dodaje razmak između stupaca*/
.content-column.one_half{
	padding-right: 10px;
}
/* end */

/* Tabela specifikacije proizvoda - zebra stripe */
.shop_attributes {
  --wd-attr-v-gap: 0px;
}
.shop_attributes tr {
	justify-content: start;
	padding: 5px;
}
.shop_attributes th {
	width: 30%;
}
.shop_attributes tr:nth-child(odd) {
	background-color: #f2f2f2;
}
/* end Zebra stripe */

.footerLogo {
    width: 150px;
}


/* for footer widget */
.wd-widget {
    margin: 0;
    border: 0;
}


/* for product title site wide */
h3.wd-entities-title a font font {
    font-size: 16px;
}

/* s ovim na kategoriji blogova npr. vijesti, ograničavamo naslov samo na 2 reda */
.wd-entities-title {
  display: -webkit-box;
  color: var(--wd-entities-title-color);
  word-wrap: break-word;
  font-weight: var(--wd-entities-title-font-weight);
  font-style: var(--wd-entities-title-font-style);
  font-family: var(--wd-entities-title-font);
  text-transform: var(--wd-entities-title-transform);
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* end */

/* miče datume sa slika na člancima */
.blog-post-loop .wd-post-date,
.single-post .wd-post-date {
display: none;
}
/* end makni datum */

/* boja texta najnize cijene u proteklih 30 dana */
.pph-lowest-price { 
     color: rgb(125, 125, 125);
} 
/* boja cijene najnize cijene u proteklih 30 dana */
.pph-lowest-price .woocommerce-Price-amount {
    color: rgb(125, 125, 125);
}

/* na stranici košarice i plaćanja, za proizvod na popustu priazuje postotak popusta... ovo je za font popusta */
.ks-discount-amount {
	font-size: 16px;
  /*font-weight: bold;*/
}

.ks-sale-price {
	font-size: 16px;
	/*font-weight: bold;*/
}

.ks-sale-price-subtotal {
	font-size: 16px;
	color: rgb(172, 0, 22);
	font-weight: bold;
}

.ks-regular-price {
	font-size: 14px !important;;
	color: rgb(150, 150, 150);
	text-decoration: line-through;
}
/* END */

/* kad na proizvodu postoji Tag, ime taga piše početnim velikim slovom */
.tagged_as a {
  text-transform: capitalize;
}

/* na stranici proizvoda, u Povezani proizvodi, prikazivale su se 2 slike proizvoda jedna ispod druge
 * sad kad sam dodao ovaj css, forsiram da se prikaže samo jedna slika
 * */
body.single-product .wd-hover-icons .hover-img {
    display: none !important;
}




/* Force blog cards to behave as equal-height grid (even if masonry classes exist) */
.wd-blog-holder,
.wd-blog-holder .wd-post {
  height: 100%;
}

.wd-blog-holder .wd-post-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wd-blog-holder .wd-post-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.wd-blog-holder .wd-post-excerpt {
  flex: 1 1 auto;
}

/* Pin read-more to the bottom if present */
.wd-blog-holder .more-link,
.wd-blog-holder .wd-post-readmore,
.wd-blog-holder a.read-more {
  margin-top: auto;
}



/* Newsletter – MC4WP success message (clean, no icon) */
.mc4wp-response{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-top: 20px !important;
}

.mc4wp-response .mc4wp-alert.mc4wp-success{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
}

/* Tekst poruke – bez check znaka */
.mc4wp-response .mc4wp-alert.mc4wp-success p{
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 16px !important;   /* smanjen font */
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* Ukloni pseudo-element ako je ostao od ranije */
.mc4wp-response .mc4wp-alert.mc4wp-success p:before{
  content: none !important;
}



@media (min-width: 1025px) {
	/*u blogu kad postoji youtube video, između nalsova i videa postoji razmak. Ovo miče taj razmak*/
/*.wp-block-embed__wrapper:before {
	display: block !important;
}*/
}

@media (min-width: 577px) and (max-width: 767px) {
	div#media_image-2 {
    text-align: center;
}

.footerLogo{
	width: 100px;
	height: 84px;
}



}

@media (max-width: 576px) {
	/*u blogu kad postoji youtube video, između nalsova i videa postoji razmak. Ovo miče taj razmak*/
.wp-block-embed__wrapper:before {
	display: block-axis !important;
}

/* u mobilnom meniju prikazuje compare gumb "on hover" */
.product-grid-item .wd-buttons .product-compare-button {
display: block ;
}
/* kraj */

div#media_image-2 {
    text-align: center;
}

.footerLogo{
	width: 100px;
	height: 84px;
}

.single-product .related-products .slider-title {
    text-align: center;
}

.single-product .related-products .slider-title:before {
    left: 50%;
    transform: translate( -50%, -50%);
}

}