/* Gallery */

.gallery{ margin: 30px 0px 40px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
.gallery img{ width:100%; }

/* Popup picture */

.popup-container{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-color:rgba(0,0,0,0.7);
}

.popup-container.show{ display:table; }

.popup-container-box{
	display:table-cell;
	vertical-align:middle;
	cursor:zoom-out;
}

.popup-container-box > div{
	width: 70vw;
	min-width: 300px;
	height: 60vh;
	min-height: 257px;
	margin: 0px auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	cursor:auto;
}

/* Content area */

.text-area > div{
	padding: 50px 0px 30px;
	border-top: 3px solid rgb(251, 193, 0);
}

.text-area > div:last-of-type{ border-bottom:3px solid rgb(251, 193, 0); }

.text-area > div p{ 
	font-size: 12px;
	line-height: 130%;
	margin-bottom:10px;
}

.text-area > div p:last-of-type{ margin-bottom:0px; }

.text-area > div h3 {
	font-size: 26px;
	line-height: 120%;
	margin-bottom: 20px;
}

.text-area > div > div{
	height:220px;
	margin-top:30px;
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
}

@media(max-width:768px){
.mob-gal-alu {
	height:380px !important;
	margin-top:30px;
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
}
}
.text-area > div a { 
	display:inline-block;
	color:#9DA3AA;
}

.page-id-12 .text-area > div a{
	display: inline-block;
	width: auto; 
	margin: 50px auto 0px 0px;
}

.text-area > div > a{
	display: block;
	width: 60px;
	margin: 50px 0px 0px auto;
}

.text-area > div a:hover{ color:#414A54; }

.text-area > div div{ cursor:zoom-in; }

/* Left area */

.side-area p{
	display:inline-block;
	margin-bottom:20px;
}

.side-area a,
.side-area h2{ 
	margin-bottom:20px; 
}

.side-area h2 a{
	display:inline-block;
	font-family:Signika;
	font-size:inherit;
	line-height:inherit;
	border-bottom: 3px solid rgb(251, 193, 0);
}

.side-area > a {
	width: calc((100% / 12) * 4 - 15px);
	max-width: 300px;
	position: absolute;
	bottom: 0px;
}

@media(max-width:767px){
	.side-area{ text-align:center; }
	.side-area > a{ position:static; width:auto; margin: 0px auto 20px;}
}


/* Kontakt */

.side-map-area p{ font-size:12px; }
.side-map-area a{ display:inline-block; font-size:inherit; }

.side-map-area strong{
	font-family: Tahoma, sans-sarif;
	font-size: 12px;
	color: #414A54;
}

.side-map-area p, .side-map-area strong{ line-height: 130%; }

.side-map-area h3{
	margin-bottom:20px;
	font-family: Tahoma,sans-sarif;
	color:rgba(251,193,0,1);
	text-transform:uppercase;
}

@media(max-width:991px){
	.osoblje:not( :first-of-type ){ margin-top:30px; }
}

@media(max-width:767px){
	.osoblje{ text-align:center; }
}

.side-map-area form{ margin-top:50px; }

.side-map-area input,
.side-map-area textarea{
	width: 100%;
	margin-bottom: 5px;
	padding: 5px;
	border:0px; 
	font-family: Tahoma;
	font-size: 12px;
	line-height:120%;
	color: #414A54;
	background-color: rgba(157, 163, 170, 0.2);
}

.side-map-area input[type="submit"]{
	display:table;
	width:auto;
	margin:0px 0px 0px auto;
	background-color:rgba(250, 192, 0, 1)
}

.side-map-area .info-telefon h2:first-child{ color:rgba(251,193,0,1); }

@media(max-width:767px){
	.info-telefon{ 
		margin-bottom:30px;
		text-align:center;
	}
}

.map-area{
	padding-top: 50px;
	border-top: 3px solid rgba(251, 193, 0, 1);
}

.map-area iframe{
	width:100%;
	height:60%;
}

.map-area div{ margin-top:35px; }

.map-area svg{
	display:inline-block;
	width:40px;
	height:40px;
	fill: #FBC100;
	vertical-align:top;
}

.gotovinski-popusti{ margin:0px; }

.gotovinski-popusti div{ 
	display:inline-block;
	margin:0px 0px 0px 15px; 
}

.gotovinski-popusti p{ display:table; margin-left:10px; }

.kartice { text-align:right; }
.kartice img{ max-width:260px; }

@media(max-width:767px){
	.kartice,
	.gotovinski-popusti{ 
		text-align:center; 
	}
}






/* Wordpress CSS */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

img.alignnone,
img.alignleft,
img.aligncenter,
img.alignright{
	width:auto;
}

@media (max-width:1024px) {
	body > main > section.pb-xs-12.pb-xs-pad.pb-sm-npad.content > div.pb-xs-12.pb-sm-4-rmar.side-area > p:nth-child(6) > a > img {
		width: 100%;
	}
	
	body > main > section.pb-xs-12.pb-xs-pad.pb-sm-npad.content > div.pb-xs-12.pb-sm-4-rmar.side-area > p:nth-child(7) > a > img {
		width: 100%;
	}
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

h2.nasl-razmak {
	margin-bottom: 2%;
}

hr {
	margin-top: 5%;
	margin-bottom: 5%;
}

/* CTA */

.cta {
	display: inline-block; 
	padding: 12px 24px; 
	border: 0; 
	border-radius: 6px; 
	font-weight: bold; 
	letter-spacing: 0.0625em; 
	background: green;
	color: #fff !important; 
	text-decoration: none;
}