/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*************** HOME BANNER ***************/
#image_1559440909 .img-inner {
    aspect-ratio: 2 / 1; /* prilagodi stvarnom omjeru tvoje hero slike */
    width: 100%;
}

.suza-home-hero,
.suza-home-hero * {
  animation-delay: 0s !important;
  transition-delay: 0s !important;
}

.suza-home-hero .bg,
.suza-home-hero img.bg {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}


/*************** TYPOGRAPHY   ***************/

h1, h2, h3, h4, h5, h6 {
	font-family: "alverata", serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
}

body, body p{
	font-family: "classico-urw", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	font-size: 18px;
	letter-spacing: 0.4px;
}

h1 {
  font-size: clamp(2.5rem, 1.8rem + 2vw, 4rem); /* ~40–64px */
}

h2 {
  font-size: clamp(2rem, 1.5rem + 1.5vw, 3rem); /* ~32–48px */
}

h3 {
  font-size: clamp(1.75rem, 1.3rem + 1vw, 2.5rem); /* ~28–40px */
}

h4 {
  font-size: clamp(1.5rem, 1.2rem + 0.8vw, 2rem); /* ~24–32px */
}

h5 {
  font-size: clamp(1.25rem, 1rem + 0.5vw, 1.75rem); /* ~20–28px */
}

h6 {
  font-size: clamp(1.125rem, 0.95rem + 0.4vw, 1.5rem); /* ~18–24px */
}
.overline p{
	font-size: clamp(0.75rem, 0.7rem + 0.2vw, 0.875rem); /* ~12–14px */
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: var(--color-accent, #ba6934);
	font-weight: 700;
}

h1.product-title.product_title.entry-title {
    font-size: clamp(2.5rem, 5vw, 3rem);
}

.footer-text p{
	font-size: 0.875rem;
}

.col.opis-tekst.small-12.large-12 h2{
	font-size: 1.6rem!important;
}

/*************** CF7 Styling ***************/

[type=checkbox] {
	margin-bottom: 0px;
}

.wpcf7-list-item-label {
	font-size: 0.8em;
	line-height:1.2em;
	font-weight: 400;
}

.wpcf7 span.wpcf7-list-item {
	line-height: 1.2;
}

.wpcf7 input,
.wpcf7 textarea {
    box-shadow: none !important;
    border-radius: 4px !important;
}

/*************** Woocommerce styling ***************/

.quantity+.button {
	margin-top: 0!important;
}

.single-product-napomene p, .single-product-napomene ul, .product-tabs, td.woocommerce-product-attributes-item__value p, .woocommerce-product-attributes-item__value {
	font-size: 1rem!important;
	color: #231F20;
}

.box-image {
	background: linear-gradient(to top, #F2E2CD, #fff); 
}

.single-product .woocommerce-Price-amount small {font-size:1rem;}

.rate_archive_page {
	display: none!important;
}

.header-full-width .container {
    max-width: 90% !important;
}

.woocommerce-terms-and-conditions-wrapper .form-row .validate-required {
	text-indent: -30px; 
	padding-left: 34px
}

#tab-title-additional_information {display: none;}
.quantity+.button {margin-top: 1em;}

.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a {display: none;}

#wrapper #main, .page-title {background-color: #F8F8F8;}

.product-section {border: none;}

.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button  {background-color: rgb(242, 242, 242);}

.nav.nav-small>li>a {font-weight: bold;}

/***** Category title+no of products ***/
.box-text p {
	text-transform: none!important;
}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.nav-vertical li li.menu-item-has-children>a {display: none;}

.nav-vertical li li.menu-item-has-children {margin-bottom: 0;}
	
}