/*
Theme Name: Ekspedicija Novi sajt
Author: Fullo team
Version: 1.0
Text Domain: ekspedicija.rs
*/


@font-face {
	font-family: 'Rubik-Light';
	src: url("./fonts/Rubik-Light.ttf");
	font-display: swap;
	font-style: normal;
	font-weight: normal;
}


@font-face {
	font-family: 'Rubik-Regular';
	src: url("./fonts/Rubik-Regular.ttf");
	font-display: swap;
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'Rubik-Medium';
	src: url("./fonts/Rubik-Medium.ttf");
	font-display: swap;
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'Rubik-SemiBold';
	src: url("./fonts/Rubik-SemiBold.ttf");
	font-display: swap;
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'Rubik-Bold';
	src: url("./fonts/Rubik-Bold.ttf");
	font-display: swap;
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'Rubik-Black';
	src: url("./fonts/Rubik-Black.ttf");
	font-display: swap;
	font-style: normal;
	font-weight: normal;
}





body {
  margin: 0;
  font-family: 'Rubik-Regular';
}

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;
}


a {
  text-decoration: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}


h1,h2,h3,h4,h5,h6 {
  margin: 0;
}

p {
	
}


.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 15px;
}

main {
	background: #f4f5f8;
}


/* *************************
        B R E A D C R U M B S
   ************************* */


.container[aria-label="breadcrumbs"] {
    padding: 25px 0;
}


.container[aria-label="breadcrumbs"] {
	color: #3C3C3C;
}

.container[aria-label="breadcrumbs"] a,
.container[aria-label="breadcrumbs"] .separator {
	font-family: 'Rubik-Light';
	color: #3C3C3C80;

}



/* Kartica proizvoda  */
.product-thumbnail-flip{
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
}
.woocommerce ul.products li.product a img,
.attachment-woocommerce_thumbnail,
.flip-thumbnail,
.woocommerce-placeholder{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	object-fit: cover;
}
.flip-thumbnail{
	position: absolute;
	top: 0;
	left:0;
	z-index: -1;
	opacity: 0;
	transition: all 0.5s ease;
}
ul .product:hover .flip-thumbnail{
	transform: scale(1.05);
	z-index: 5;
	opacity: 1;
}