/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

/* header */
@media(max-width:992px){
	.header-button {
		padding:a !important;
	}
	.header-button a{
		border-radius: 0 !important;
		width: 100% !important;
		text-align: center;
	}
	.no-border-mobile{
		border-bottom:none !important
	}
}


.repredaj-wrapper{
	min-height:75vh;	
}

/* Potpuno onemogući brojeve u breadcrumbu */
.breadcrumb {
  counter-reset: none !important;
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Ukloni numeraciju iz markera (moderni browseri) */
.breadcrumb li::marker {
  content: "" !important;
}

.breadcrumb-item{
	padding-left:0 !important;
}

/* Ukloni numeraciju iz pseudo-elementa koje tema možda koristi */
.breadcrumb li::before {
  counter-increment: none !important;
  content: "" !important;
}

/* Vrati Bootstrap separator "/" između stavki */
.breadcrumb-item + .breadcrumb-item::before {
  content: "/" !important;
  color: #6c757d;
  padding: 0 .5rem;
}


#wpforms-error-noscript{
	display:none;
}

.btn-link{
	text-decoration:none;
}

.btn-link:hover{
	color:var(--cd-primary-color) !important;
}

.site{
	min-height: 100vh;
	/*display: grid;
    grid-template-columns: 1fr;
	grid-template-rows: min-content;*/
}

.wrapper{
	padding-top: 40px;
	padding-bottom: 100px;
}

#wrapper-footer{
	align-self:flex-end;
}

/* ABOUT US */

/* 404 page */

.error404 .site{
	min-height: 100vh;
	display: grid;
    grid-template-columns: 1fr;
	grid-template-rows: min-content;
}

.product-image-slider-thumb > .row{
	row-gap:1.5rem;
}

#error-404-wrapper h1{
	font-size: 134px !important;
    line-height: 1.1em;
}

@media(min-width:992px){
	#error-404-wrapper h1{
		font-size: 240px !important;
	}
}

/* HOME */
.counter-number{
	font-weight:bold;
	font-size:2.5rem;
	line-height:1.2em;
}

.counter-desc{
	font-weight:bold;
	font-size:1.3rem;
}

/* SINGLE POST */

.thumb-nav{
	transition:0.3s all;
}

.thumb-nav:hover{
	opacity:1 !important;
	cursor:pointer;
}

.thumb-nav:not(.active){
	opacity:0.6;
}

.single-post.wrapper{
	padding-top: 20px;
}

.single-post .entry-footer .post-navigation{
	margin-top:30px;
}

.single-post .entry-footer .post-navigation a{
	font-weight:500;
}

.single-post .entry-footer .post-navigation i{
	font-size:14px;

}
/* archive */
.post-grid{
	display:grid;
	grid-template-columns:1fr;
	gap:15px;
}

.post-grid-img-wrapper{
	position:relative;
	padding-bottom:75%;
	border-radius:8px;
	overflow:hidden;
	margin-bottom:15px;
}

.post-grid-img-wrapper img{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	object-fit:cover;
	object-position:center;
}

@media(min-width:620px){
	.post-grid{
		grid-template-columns:repeat(2,1fr);
	}
}

@media(min-width:768px){
	.post-grid{
		grid-template-columns:repeat(3,1fr);
	}
}

.post-grid .post{
	border-radius:8px;
	padding:15px 15px 20px 15px;
	border:1px solid var(--bs-border-color);
}


.post-grid .entry-title{
	margin-bottom:15px;
}

.entry-content p{
	margin-bottom:15px;
}

.entry-content p:last-child{
	margin-bottom:0;
}

.understrap-read-more-link{
	font-weight:600;
	font-size:16px;
	border:none;
	padding:0;
}

.understrap-read-more-link:after{
	content:'\F138';
	display:inline-block;
	font-family:bootstrap-icons!important;
	margin-left:5px;
	font-size:12px;
}

/* FORM */
label{
	font-size:16px;
	color:var(--cd-primary-color);
	font-weight:bold;
	margin-bottom:5px;
	display:block;
}

input, select, textarea{
	border-radius: 20px !important;
	background-color:#F9F9FF !important;
	color:#222 !important;
	width:100%;
	border:none;
	box-shadow:none;
	font-size:16px;
	padding:15px 20px;
	opacity:1 !important;
	outline:0 !important;
	border:1px solid transparent;
}

textarea{
	min-height:10em !important;
}

input:focus, select:focus, textarea:focus{
	border:1px solid var(--cd-primary-color);
}

.wpforms-field{
	margin-bottom:20px;
}

.wpforms-submit{
	overflow:hidden;
	border:none !important;
	width: 100%;
	border-radius:30px;
	padding:15px;
}

/* contact page */

.socials{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	justify-content:center;
}

.socials i{
	display:flex;
	line-height:1em;
	justify-content:center;
	align-items:center;
}

/* map */

.imapsLabel-group{
	pointer-events:all !important;
}

/* product grid */

.product-grid .rounded{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-grid .rounded .text-center{
	flex: 1;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.product-item-img-wrap{
	position:relative;
	padding-bottom:100%;
}
.product-item-img-wrap img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}

/* single product */

.product-gallery-main-img-wrapp{
	position:relative;
	padding-bottom:100%;
	width:100%;
}

.product-gallery-main-img-wrapp img{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}

.product-gallery-thumb{
	display:flex;
	gap:10px;
	flex-wrap:nowrap;
	overflow-x:auto;
}

.product-gallery-thumb img{
	height:110px;
	width: 30%;
	min-height:80px;
	min-width: 30%;
	object-fit:contain;
	object-position:center;
	display:inline-block;
	cursor:pointer;
}

/* SLIDER */

.swiper-button{
	width:32px;
	height:32px;
	min-width:32px;
	min-height:32px;
	background-color:var(--cd-primary-color);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}

.swiper-button-disabled{
	opacity:0.2;
}


.product-image-slider .swiper-slide {
	position:relative;
	padding-bottom:85%;
}

.product-image-slider .swiper-slide img{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}

.thumb-wrap{
	position:relative;
	padding-bottom:100%;
}

.thumb-wrap img{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}

.product-image-slider-thumb .swiper-slide:not(.swiper-slide-thumb-active){
	opacity:0.7;
	cursor:pointer;
	transition: all 0.2s;
}

.product-image-slider-thumb .swiper-slide:not(.swiper-slide-thumb-active):hover{
	opacity:1 !important;
}

/* REVIEWS */
.review{
	border-radius:14px;
	display:grid;
	grid-template-columns:172px 1fr;
	align-items:stretch;
	height:100%;
}

.swiper-reviews .swiper-slide{
	height:auto;
}

.review-content h5{
	font-size:20px;
}

.review-content span{
	font-size:14px;
}

.review-image img{
	height:260px;
	object-position:center;
	object-fit:cover;
	width:100%;
}

.swiper-pagination-bullet{
	border-radius:50%;
	background-color:#D4D2E3;
	display:inline-block;
	width:10px;
	height:10px;
	min-width:10px;
	min-height:10px;
}

.swiper-pagination-bullet:not(:last-child){
	margin-right:10px;
}

.swiper-pagination-bullet-active{
	background-color:var(--cd-primary-color);
}

@media(min-width:992px){
	.review{
	border-radius:14px;
}

}

/* REQUEST QUOTE FORM */

.request-qoute form label{
	display:none;
}

.request-qoute .wpforms-submit{
	width:auto;
	padding-left:25px;
	padding-right:25px;
}