/*

Theme Name: Bravarija Ivanić v1
Theme URI: https://drap.hr
Description: Bravarija Ivanić web site theme
Author: Drap d.o.o.
Author URI: https://www.drap.hr
Version: 1.0

*/

/*
body { overscroll-behavior: none; scrollbar-gutter: stable; }

section .cover-img { width: 100% !important; height: auto !important; object-fit: unset !important; position: relative !important; }

.style-text li { margin-left: 20px; paddin-left: 10px; }
.style-text ol ol { list-style-type: lower-alpha; }

.trans { transition: .3s all ease-in-out; transform: translateX(-30px); opacity: 0; }
.trans.inview { transform: translateX(0px); opacity: 1; }

.trans-delay-1 { transition-delay: .1s; }
.trans-delay-2 { transition-delay: .15s; }
.trans-delay-3 { transition-delay: .2s; }
.trans-delay-4 { transition-delay: .25s; }
.trans-delay-5 { transition-delay: .3s; }
.trans-delay-5 ~ .trans { transition-delay: .35s; }

.video-container,
.video { position: relative; padding-bottom: calc( 9 / 16 * 100%); }
.video-container iframe,
.video iframe,
.video video { width: 100%; height: 100%; position: absolute; }

.leaflet-pane  { z-index: 2 !important; }
.leaflet-bottom, .leaflet-top { z-index: 3 !important; }
.map-canvas { height: 100%; }

section.bg-blue .swiper-controls .swiper-button-next, section.bg-blue .swiper-controls .swiper-button-prev { background: transparent; }

.bg-blue .swiper-process .year { color: #fff !important; }
.swiper-process .swiper-slide { border: none !important; }
.swiper-process .swiper-slide svg { position: absolute; right: 0; top: 0; height: 100%; width: auto; }
.swiper-process .swiper-slide:last-child svg { display: none; }
.swiper-process .swiper-slide p strong { text-transform: uppercase; }

.s-proc p > strong:before { content: ''; width: 200px; height: 120px; margin-bottom: 20px; display: block; opacity: .5; }
.s-proc .swiper-slide:nth-child(1) p > strong:before { background: url('assets/images/process/1.svg'); }
.s-proc .swiper-slide:nth-child(2) p > strong:before { background: url('assets/images/process/2.svg'); }
.s-proc .swiper-slide:nth-child(3) p > strong:before { background: url('assets/images/process/3.svg'); }
.s-proc .swiper-slide:nth-child(4) p > strong:before { background: url('assets/images/process/4.svg'); }
.s-proc .swiper-slide:nth-child(5) p > strong:before { background: url('assets/images/process/5.svg'); }
.s-proc .swiper-slide:nth-child(6) p > strong:before { background: url('assets/images/process/6.svg'); }
.s-proc .swiper-slide:nth-child(7) p > strong:before { background: url('assets/images/process/7.svg'); }
.s-proc .swiper-slide:nth-child(8) p > strong:before { background: url('assets/images/process/8.svg'); }

.error-text, .error-text * { color: red !important; }
.bg-blue .error-text, .bg-blue .error-text * { color: #ff7657 !important; }
.hp { display: none; }

@media screen and (max-width: 991px){

	section .cover-img { margin-top: 30px; }
}

@media screen and (max-width: 767px){

	.map-canvas { height: auto; aspect-ratio: 1 / 1; margin-top: 40px; }
}








#cmplz-document { max-width: 100% !important; }
#cmplz-document,
#cmplz-document *,
#cmplz-manage-consent-container *,
#cmplz-cookies-overview * { font-size: unset !important; }
#cmplz-document h2 { font-size: clamp(30px,3vw,46px) !important; }
#cmplz-manage-consent-container * { background: none !important; }
#cmplz-cookies-overview .cmplz-service-header > div { grid-template-columns: auto auto auto auto 0 25px !important; }
#cmplz-manage-consent-container-nojavascript { display: block !important; }
#cmplz-manage-consent-container-nojavascript #cmplz-manage-consent-container-nojavascript { display: none !important; }
.cmplz-consent-checkbox { width: 50px; height: 20px; } 
.cmplz-category-title { font-weight: 700; }
.cmplz-category { margin: 20px 0; }

*/