:root {
  --primary-color: #304806;
  --secondary-color: #1f470e;
  --bs-color: #71911b;
}

.winary-single .winary-content>div>.img{background-color: var(--bs-color) !important; }
#header .logo img{width: 80px; display: none !important;}

.scrolled #header .logo img{width: 60px; display: block !important;}
/*.fr #header-img .image{height: 640px; }*/
.fr #header-img .image{height: auto; aspect-ratio: 1024/536; }

.mpost-1745 #header-img .image img{display: none !important;}

/*body, html{font-family: 'Cormorant Garamond', serif; font-weight: 500;}*/

h1, h2{font-family: 'Montserrat', sans-serif;}

section.category article h2 a{white-space: break-spaces; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; font-size: 17px; line-height: 20px; height: 40px;}

#header-img img{display: none !important;}
#header-img .image > div{background: rgba(214,213,37,0) !important;}
#header nav ul{text-align: left; padding-left: 100px;}
#header nav li{margin: 0 14px;}
body:not(.scrolled):not(.mob-mnu-active) #header.st1 ul.menu>li>a{color: #003049; }

.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .nfo{width: auto !important; padding-right: 0 !important;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst{display: none !important;}


#header-img .image b{color: black; text-align: center; bottom: auto; font-family: 'Montserrat', sans-serif; font-size: 40px; width: auto; text-align: left; top: 185px;left: 350px;}
#header-img .image b>*{display :block;}
#header-img .image b span.a{padding-left: 30px; color: #718F1B; }
#header-img .image b span.g{color: white; }
#header-img .image b i{ font-style: italic;  font-weight: 600; display: block; font-family: CormorantGaramond; margin-bottom: 80px; }
#header-img .image b u{text-decoration: none;  font-weight: 600; display: block; font-size: 26px; }

#header-img .image p{font-size: 24px; color: #304806; right: 0px; width: auto; text-align: left; left: auto; right: 0; bottom: 0; margin-bottom: 0;  font-weight: 800; font-family: 'Montserrat', sans-serif; overflow: visible; }
#header-img .image span.tl{position: absolute;  top: 110px; left: 0px; width: 100px; font-size: 24px; color: #304806; font-weight: bold; }

.mpost-1745 #header-img .image b{color: white; font-size: 30px; font-weight: 600; top: 100px; left: 200px;}
.mpost-1745 #header-img .image span.tl{width: 150px; font-size: 24px; color: #304806; font-weight: 600; }
.mpost-1745 #header-img .image p{bottom: auto; top: 110px;font-weight: 600; margin-top: 0;}


#header-img .image img{position: absolute; width: 210px; height: auto; left: 115px; top: 100px;}

.contact-info-part .simple-tbl>.logo div{padding: 30px 10px;}


.scrolled #header .logo.l-right-sec img{width: 80px;}


.simple-articles-list article{position: relative; padding-bottom: 80px !important;}
.simple-articles-list .cijena{position: absolute; left: 30px; bottom: 30px;}
.simple-articles-list .prijava-lnk{background-color: white; display: block; position: absolute; bottom: 20px; right: 30px; color: var(--secondary-color); line-height: 50px; padding: 0 15px; font-size: 16px; font-weight: bold;}
.simple-articles-list .prijava-lnk i{font-size: 22px; vertical-align: text-bottom;}

.simple-p-cont .simple-tbl>div.cont h2{font-size: 36px; }
.simple-p-cont .simple-tbl>div.cont p,
.simple-p-cont .simple-tbl>div.cont ul li{font-size: 12pt;}

.svg-map path.active{fill: #71911b !important;}

.winaries-map-lft{width: 150px; position: absolute; left: 0; top: -40px;}
.vinogorja-mp.has-svg-map .data-display{padding-top: 120px;}

.master-of-wine{box-shadow: 1px 0px 17px 0px rgb(0 0 0 / 20%); padding: 0 20px;
	
}
.master-of-wine .left{width: 320px;padding-right: 80px;}
.master-of-wine .left img{width: 100%; height: auto;}


.popup-gallery{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.9); z-index: 999999; display: none; user-select: none;}
.popup-gallery article{display: none; position: absolute; background-color: white; width: 1000px; height: auto; max-height: 98%; transform: translate(-50%, -50%); top: 50%; left: 50%; }
.popup-gallery article>div.simple-tbl>.img{width: 30%; text-align: center; background-color: var(--primary-color); background-size: cover; background-position: center;}
.popup-gallery article>div.simple-tbl>.img img{height: 100%; max-height: 100%; max-width: 100%;}
.popup-gallery article>div.simple-tbl>.data{padding: 20px; vertical-align: top;}
.popup-gallery article>div.simple-tbl>.data > div{position: relative;}
.popup-gallery article>div.simple-tbl>.data > div > a{font-size: 16px; position: absolute; top: 10px; right: 10px;}
.popup-gallery article>div.simple-tbl>.data h3{margin: 0 0 30px 0; color: #71911b; font-size: 28px;}
.popup-gallery article>div.simple-tbl>.data ul{list-style: none; margin: 0 0 30px 0; padding: 0;}
.popup-gallery article>div.simple-tbl>.data ul li{display: inline-block; margin-right: 40px;}
.popup-gallery article>div.simple-tbl>.data ul li *{display: block;}
.popup-gallery article>div.simple-tbl>.data .dta>div{width: 50%; vertical-align: top;}
.popup-gallery i.nv{font-size: 36px; color: white; position: absolute; top: 50%; margin-top: -18px; cursor: pointer;}
.popup-gallery i.nv.l{left: -50px;}
.popup-gallery i.nv.r{right: -50px;}

.popup-gallery article>div.simple-tbl>.data .tbl-data h3{color: black; font-size: 18px; margin: 0;}
.popup-gallery article>div.simple-tbl>.data .tbl-data a{color: var(--primary-color); }

section.category article{}
section.category .more-articles.clr article{box-shadow: 1px 0px 17px 0px rgb(0 0 0 / 20%); background-color: white !important; color: var(--secondary-color) !important; border: none !important;}
section.category .more-articles.clr article:nth-child(even) a{color: var(--secondary-color) !important;}

.grasevina-products-list article span.godina{bottom: 30px;}
.grasevina-products-list article a.titl{bottom: 40px;}


@media  (min-width: 1800px) {
	.mpost-1745 #header-img .image b{top: 65px;}
	.mpost-1745 #header-img .image span.tl, .mpost-1745 #header-img .image p{top: 95px; font-size: 20px; line-height: 1.3;}
}

@media  (min-width: 1200px) and (max-width: 1800px){
	.mpost-1745 #header-img .image b{top: 85px;}
	
}


@media (min-width: 1200px){
	.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .nfo {
	    width: 70%;
	}
	
	
	
}

@media (max-width:1500px) {
	.mpost-1745 #header-img .image b{top: 100px;}
}

@media (max-width:1200px) {
	.mpost-1745 #header-img .image *{font-size: 20px !important; line-height: 1.3 !important;}
	#header nav li{margin: 0 5px;}
	.popup-gallery article{width: calc(100% - 100px);  }
	.popup-gallery i.nv.l{left: -35px;}
	.popup-gallery i.nv.r{right: -35px;}
}


@media (max-width:1025px) {
	
	/*.fr #header-img .image {height: 500px;}*/

	#header .logo img{height: 50px; width: auto;}
	#header .logo.l-right-sec{display: none;}
	
	#header-img .image img{width: 152px;left: 65px;top: 91px;}
	
	.gallery.fw > a{width: calc(33% - 20px); margin: 10px; display: inline-block;}
	
	body .vinogorja-mp #map{height: 350px !important;}
	
	#header-img .image b{max-height: 600px;font-size: 30px;line-height: 36px; left: 230px;}
	#header-img .image p{height: auto; left: auto; position: absolute; font-size: 20px; line-height: 26px;}
	#header-img .image span.tl{font-size: 20px; line-height: 26px; text-shadow: 0px 0px 1px #000000;} 
	
	.winaries-map-lft{display: none;}
	
	.mpost-1745 #header-img .image span.tl, .mpost-1745 #header-img .image p, .mpost-1745 #header-img .image b{top: 80px;}
	.mpost-1745 #header-img .image span.tl{background-color: rgba(255,255,255,0.8); width: auto; padding: 8px;}
	.mpost-1745 #header-img .image b{background-color: var(--secondary-color); width: 400px; padding: 8px; top: 170px;}
	.mpost-1745 #header-img .image p{top: auto; bottom: 0; background-color: rgba(255,255,255,0.8); padding: 8px; }
}

@media (min-width:800px) {
	body:not(.nhrd) .right-sticky-buttons{background-color: transparent; box-shadow: none;}
}

@media (min-width:800px) and (max-height: 800px){
	.popup-gallery article>div.simple-tbl>.data h3{margin: 0 0 20px 0;}
	.masterclass-wda p{margin: 0 0 3px 0;}
	.popup-gallery article>div.simple-tbl>.img img{max-height: calc(100vh - 200px);}
}

@media (max-width:800px) {
	
	/*.fr #header-img .image {height: 400px;}*/

	#header-img .image b{top: 125px; font-size: 26px; line-height: 30px;}
	#header-img .image img{width: 130px;left: 80px;top: 60px;}
	
	.simple-articles-list article{padding-bottom: 100px !important;}
	.simple-articles-list .cijena{left: 30px; bottom: 80px;}
	.simple-articles-list .prijava-lnk{bottom: 20px; left: 30px; right: 30px; text-align: center;}
	
	.simple-articles-list{grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));}
	
	.mpost-1745 #header-img .image b{ width: 400px; left: 100px; top: 170px; font-size: 18px !important;}
	
	.master-of-wine > .simple-tbl, .master-of-wine > .simple-tbl>div{display: block; width: auto; padding: 0;}
	.master-of-wine > .simple-tbl>div.left{text-align: center; }
	
	.mob-scroll{overflow-y: scroll;}
	.popup-gallery article.winary-single>div.simple-tbl>div.img{display: none !important;}
	.popup-gallery article.winary-single>div.simple-tbl>.data h3{padding-left: 0;}
	
	.master-of-wine{padding: 20px 20px 10px 20px;}
	
}



@media (max-width:750px) {
	#header-img .image p{font-size: 20px;}
	.simple-articles-list{grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
	
	.popup-gallery article>div.simple-tbl>.img img{height: auto; max-height: initial;width: 100%;}
	.popup-gallery article>div.simple-tbl>.data h3, .popup-gallery article>div.simple-tbl>.data ul{padding-left: 130px;}
	.popup-gallery article>div.simple-tbl>.data ul{margin-bottom: 80px;}

	#header-img {height: auto !important;}
}


@media (max-width:650px) {

	.simple-p-cont .simple-tbl>div.cont h2{font-size: 24px; }
	
	.popup-gallery article>div.simple-tbl, .popup-gallery article>div.simple-tbl>div{display: block; width: auto; }
	.popup-gallery article>div.simple-tbl>div.img{position: absolute; width: 100px; height: 200px;}
	.popup-gallery article>div.simple-tbl>div.img img{width: auto; height: 200px;}
	.popup-gallery article>div.simple-tbl>.data h3, .popup-gallery article>div.simple-tbl>.data ul{padding-left: 100px;}
	.popup-gallery article>div.simple-tbl>.data ul li{margin-right: 20px; margin-bottom: 20px;}
	
	
	section.category article h2 a{white-space: break-spaces; -webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden; font-size: 17px; line-height: 20px; height: auto;}

	
	
}

@media (max-width:570px) {
	/*.fr #header-img .image{background-position: -30px 0;}*/
	
	#header-img .image b{top: 100px; font-size: 20px; line-height: 24px; left: 200px;}
	#header-img .image span.tl, #header-img .image p{font-size: 16px; line-height: 20px;}
	
	#header-img .image img{width: 120px;left: 70px;}
	.simple-articles-list{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
	
	
	.mpost-1745 #header-img .image b{width: auto; left: 0px; top: 170px; right: 20px;}
	
	
	.popup-gallery article>div.simple-tbl>div.img{margin-left: -55px; background: transparent;}
	.popup-gallery article>div.simple-tbl>.data h3, .popup-gallery article>div.simple-tbl>.data ul{padding-left: 20px;}
	.popup-gallery article>div.simple-tbl>.data .dta>div{width: auto;}
	.popup-gallery article>div.simple-tbl>.data .left{padding-left: 20px; width: auto;}
	
	.popup-gallery article>div.simple-tbl>.data ul{margin-bottom: 0;}
	
	.masterclass-wda p{margin: 0 0 3px 0;}
	.popup-gallery .mdesc{padding: 0 20px;}
	
	.popup-gallery article>div.simple-tbl>.data h3.pp-title{font-size: 20px; padding-right: 30px;}
	.popup-gallery article>div.simple-tbl>.data > div > a {top: 4px;}
}


@media (max-width:430px) {
	/*.fr #header-img .image{background-position: -50px 0;}*/
	#header-img .image b{left: 160px;}
	#header-img .image span.tl, #header-img .image p{font-size: 14px; line-height: 18px;}
	
	.mpost-1745 #header-img .image b{top: 160px;}
	
	#header-img .image img{width: 100px;left: 50px; top: 115px;}
	
	.simple-tbl.dta.masterclass-wda, .simple-tbl.dta.masterclass-wda>div{}
	
}

@media (max-width:390px) {
	#header-img .image img{width: 90px;left: 45px; }
}
.otgs-development-site-front-end{display: none !important;}