/*
Theme Name: QR Pricelist
Theme URI:  https://devadesign.biz/qr_pricelist
Author: DevaDesign
Author URI: https://devadesign.biz
Description: Custom tailor made WP theme
Version: 1.0
License: DevaDesign License v1
License URI: https://devadesign.biz/license
Tags: custom-menu, responsive
*/
	
/* base  */
	
	html{overflow-y:scroll;font-size:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	html, body{margin:0;padding:0;-webkit-text-size-adjust:none;}
	body{
		font-family: 'Josefin Sans', sans-serif;
		font-weight:300;
		line-height:1.5em;
		color:#333;
		background:#e5e5e5;
		text-align:center;		
		}
	h1, h2, h3, h4, h5, h6{
		font-family: 'Playfair Display', serif;
		font-weight:700;
		margin:0;
		line-height:1.2em;
		color:#000;
		}
	h1{font-size:2.25em;margin-bottom:.5em;}	
	h2{font-size:2em;margin-bottom:.5714em;padding-top:0.13em;padding-bottom:0.0414em;}	
	h3{font-size:1.75em;margin-bottom:.6666em;padding-top:.3em;padding-bottom:.1em;}
	h4{font-size:1.5em;margin-bottom:.6em;}
	h5{font-size:1.25em;margin-bottom:.5em;}
	h6{font-size:1em;margin-bottom:.5em;}
	
	p, blockquote, ul, ol, dl, form, table, pre{display:block;margin:0 0 1.5em 0;}
	article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	ul li{position:relative;margin:0 0 0 1em;counter-increment:li;display:list-item;list-style-position:outside;}
		
	blockquote{padding:0 0 0 1em;}
	pre, code, samp, kbd, var{font:.9em Monaco, "Courier New", monospace;}
	code{background:#f7f7f7;border:1px solid #ddd;padding:0 3px;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:.01em;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	img{border:none;}			
	figure{margin:0 0 .5em 0;display:table;}
	hr{display:block;clear:both;height:1px;border:0;border-bottom:1px solid #ddd;margin:0 0 1.5em 0;padding:1.5em 0 0 0;}
	table{width:100%;border-collapse:collapse;display:table;}
	th,caption{text-align:left;}	
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:700;}
	input, select{vertical-align:middle;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}
	::-moz-focus-inner{border:0;padding:0;}
	::-moz-selection{background:#555;color:#fff;}
	::selection{background:#555;color:#fff;}
	*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}	
	
	table, input, textarea, select, li, button, p{
		font-family:inherit;
		line-height:inherit;
		}		
	a, a:visited{
		text-decoration:none;
		color:#d9bc6a;
		outline:none;
		}
a:hover{text-decoration:underline;}
	
	.no_link{cursor:pointer;}
	.no_link>a{pointer-events:none;}
	
	code{color:#555;}
	pre{
		padding:1.5em 2em;
		border:1px solid #ddd;
		background:#f7f7f7;
		
		}
	blockquote{
		margin-left:2em;
		border-left:1px solid #ddd;
		font-style:italic;
		}	
	dt{font-weight:700;}	
	table{border:1px solid #ddd;}	
	th, td{padding:.5em 1em;line-height:1.5em;vertical-align:top;border-bottom:1px solid #ddd;}			
	tr:nth-child(odd) td{background:#f7f7f7;}	
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	figure.left, figure.right{display:table;width:1px;margin-bottom:.5em;}
	figcaption{font-style:italic;color:#777;margin:.25em 0;text-align:center;font-size:.9em;line-height:1.5em;}
	
	.table{display:table;width:100%;}
	.table_row{display:table-row;width:100%;}
	.table_cell{display:table-cell;}
	
	.flex{
		line-height:normal;
		display:-webkit-box;
		display:-moz-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		flex-wrap:wrap;
		align-items:center;/*vertical*/
		justify-content:center;/*horizontal*/
		}
	
	strong{font-weight:600;}
	
/* base */

/* WordPress Core */

	.alignnone,
	.aligncenter{
		display:block;
		width:100%;
		height:auto;
		margin-bottom:1.5em;
		}
	.alignright{
		float:right;
		width:47.5%;
		height:auto;
		margin-left:5%;
		margin-bottom:1.5em;
		}
	.alignleft{
		float:left;
		width:47.5%;
		height:auto;
		margin-right:5%;
		margin-bottom:1.5em;
		}
	
	.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 {
		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;
		height:1px;
		width:1px;
		overflow:hidden;
		}
	.screen-reader-text:focus{
		background-color:#f1f1f1;
		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. */
		}

/* // WordPress Core */

/* helpers */		
	
	.hidden, .print{display:none;}
	
	.clear{clear:both;}
	.block, ul.page-numbers{display:block;clear:both;}
	
	a, a img, a span, a:before, a:after, #s, .social li, .social li:before, button, input[type="submit"],
	#menu li.menu-item-has-children:before, #menu li.menu-item-has-children:after, #menu ul li ul, #menu ul li ul li,
	#menu_touch>span .menu_icon, #menu_touch>span:before, #menu_touch>span:after, #menu_touch ul,
	#slideshow .controls li.prev:before, #slideshow .controls li.next:before, #slideshow .controls li.prev:after, #slideshow .controls li.next:after{
		-webkit-transition:ease-in-out 0.3s;
		-o-transition:ease-in-out 0.3s;
		-moz-transition:ease-in-out 0.3s;
		-ms-transition:ease-in-out 0.3s;
		transition:ease-in-out 0.3s;
		}	

/* // helpers */

/* layout */

	.container{}

	.inner,
	.main_nav_list{	
		margin:0 auto;
		width:90%;
		max-width:1200px;
		text-align:center;
		position:relative;
		}

	.qrHolder{display:none;}
	.administrator .qrHolder{display:block;}
	
	/* fluid grid */
		
		.row{margin-bottom:1.5em;}
		.col, .col2, .col3, .col4, .col5{
			float:left;
			display:inline;	
			margin-left:5%;
			}	
		.row>.col:first-child{margin-left:0;}
		.col{width:47.5%;}
		.row3 .col{width:30%;}
		.row4 .col{width:21.25%;}
		.row5 .col{width:16%;}
		.row6 .col{width:12.5%;}
		
		/* double width columns */
		.row3 .col2{width:65%;} 
		.row4 .col2{width:47.5%;} 
		.row5 .col2{width:37%;} 
		.row6 .col2{width:30%;} 
		
		/* triple width columns */
		.row4 .col3{width:73.5%;} 
		.row5 .col3{width:58%;} 
		.row6 .col3{width:47.5%;} 
		
		/* quadruple width columns */
		.row5 .col4{width:79%;} 
		.row6 .col4{width:65%;} 
		
		/* quintuple width columns */
		.row6 .col5{width:82.5%;} 	
			
	/* // fluid grid */

/* // layout */

/* forms / messages */

form{
    max-width:540px;
    margin:0 auto;
}

.error,
.wpcf7-not-valid-tip,
.success,
.information,
.note{
    display:block;
    padding:5px 15px;
    font-size:.85em;
    border-top:none !important;
    }		
.error, .wpcf7-not-valid-tip{background-color:#ffe9e9;border:1px solid #fbc4c4;color:#ca3d3d;}
.success{background-color:#ebf6e0;border:1px solid #b3dc82;color:#5f9025;}
.information{background-color:#e9f7fe;border:1px solid #bae2f0;color:#0295cc;}
.note{background-color:#fbfadd;border:1px solid #ded58a;color:#8f872e;}

/* cf7 */
.wpcf7-response-output{width:100% !important;margin:1.5em auto 0 !important;font-size:.85em;}
.wpcf7-acceptance label{font-size:.85em;cursor:pointer;}
.wpcf7-acceptance input{cursor:pointer;width:18px;height:18px;}
.wpcf7-acceptance .wpcf7-list-item{margin-left:0;}

.notvalid{border:1px solid #fbc4c4 !important;}
.inactive{font-size:.85em !important;color:rgba(0,0,0,.36);} /* placeholder */

.contact form span.ajax-loader{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    }

fieldset{
    border:1px solid #ddd;
    padding:1em 2em;
    margin:0 0 1.5em 0;

    }
legend{padding:2px 5px;}	
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select{
    border:1px solid #ddd;
    padding:0 10px;
    height:50px;
    line-height:50px;
    background:#fff;
    width:100%;
    margin:0;
    vertical-align:middle;
    font-size:1em;
    }
textarea{
    overflow:auto;
    margin:0;
    padding:8px 10px;
    width:100%;
    height:180px;
    resize:vertical;
    background:#fff;
    border:1px solid #ddd;
    vertical-align:middle;
    font-size:1em;
    }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus, .focus{
    outline:none;	
    border:1px solid #999;
    }
.submit{}

a.button,
button,
input[type="submit"]{
    display:inline-block;
    border:none !important;
    background-color:#2d3033;		
    color:#d9bc6a;
    padding:0 27px;
    margin:0;
    height:44px;
    line-height:48px;
    cursor:pointer;
    vertical-align:middle;	
    font-size:.75em;
    font-weight:400;
    text-decoration:none !important;
    text-transform:uppercase;
    }
a.button:hover,
button:hover,
input[type="submit"]:hover{	
    background-color:#d9bc6a;
    color:#fff;
    }

.input_left, .input_right{float:left;width:47.5%;}
.input_left, .input_right, .textarea{margin-bottom:1.5em;}
.input_right{margin-left:5%;}
.textarea{clear:both;display:block;}

.dd_checkbox{
  display:block;
  position:relative;
  margin-top:10px;
  margin-bottom:1.5em;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  }

 .dd_checkbox_text{display:block;font-size:.75em;line-height:1.5em;}

/* Hide the browser's default checkbox */
.dd_checkbox input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  }

/* Create a custom checkbox */
.checkmark{
  position:absolute;
  top:0;
  left:0;
  height:25px;
  width:25px;
  background-color:#fff;
  border:1px solid #bbb;
  }

.dd_checkbox label{cursor:pointer;display:inline-block;padding-left:35px;}
/* On mouse-over, add a grey background color */
.dd_checkbox label:hover input ~ .checkmark{background-color:#fff;border:1px solid #999;}

/* When the checkbox is checked, add a blue background */
.dd_checkbox input:checked ~ .checkmark{background-color:#fff;border:1px solid #999;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after{
  content:"";
  position:absolute;
  display:none;
  }

/* Show the checkmark when checked */
.dd_checkbox input:checked ~ .checkmark:after{display:block;}

/* Style the checkmark/indicator */
.dd_checkbox .checkmark:after{
  left:8px;
  top:5px;
  width:7px;
  height:12px;
  border:solid #000;
  border-width:0 3px 3px 0;
  -webkit-transform:rotate(40deg);
  -ms-transform:rotate(40deg);
  transform:rotate(40deg);
  }

.field_url{display:none !important;}

/* // forms / messages */

/* navigation */
	
	nav#menu,
    nav#menu_touch{
        display:none !important;
    }

/* // navigation */

/* header */
		
	.header{}	
	.header .inner{height:90px;padding-top:18px;}
	
	.page-template-homepage .header{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		z-index:2;
		}
	.page-template-homepage .header .inner{
		height:90px;
		}

.page_title{
    color:#fff;
    margin-bottom:1.5em;
}
.page_title small{
    display:block;
    padding-top:1em;
    font-family: 'Josefin Sans', sans-serif;
    font-weight:300;
    font-size:.75em;
    font-style:normal;
    line-height:normal;
    color:#d9bc6a;
}
	
	.homeTitle{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		font-size:36px;
		z-index:3;
		}
	.homeTitle h1{color:#fff;}

/* // header */
	
/* content */

.home{}

.mainTitle{
    background:#2d3033 url("images/vina-belje-header.jpg") no-repeat center;
    background-size:cover;
}
.mainTitle .inner{
    padding:6em 0 3em;
}
.mainTitle a{
    display:inline-block;
    width:auto;
    height:auto;
    margin:0 auto;
}
.mainTitle a img{
    display:block;
    width:100%;
    height:auto;
    margin:0;
}

.content{
    overflow:hidden;
}

.content .inner{
    padding:4.5em 0;
}

.content .inner .boxes{
    clear:both;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    padding-top:1.5em;
    }
.content .inner .boxes .box{
    width:31.66666666666667%;
    height:auto;
    margin-left:2.5%;
    margin-bottom:3em;
    padding:3em 1.5em 1.5em;
    background:#fff;
    }
.content .inner .boxes .box:first-child{
    margin-left:0;
    }
.content .inner .boxes .box span{
    display:inline-block;
    width:70px;
    height:70px;
    margin-bottom:1em;
    border-radius:100%;
    background:#2d3033;
}
.content .inner .boxes .box span img{
    display:block;
    width:50%;
    height:auto;
    margin:25%;
}

.vinaBelje{
    background:#000002;
}
.vinaBelje .inner{
    max-width:900px;
    padding:4.5em 0;
}

.desktop{display:block;}
.mobile{display:none;}

.desktop,
.mobile{
}

.desktop img,
.mobile img{
    display:block;
    width:100%;
    height:auto;
}

.demo{}
.demo .inner{
    padding:4.5em 0 3em;
}
.demo .inner>p{
    max-width:900px;
    margin:0 auto 1.5em;
}

.demo .inner .primjeri{
    clear:both;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    padding-top:1.5em;
    }
.demo .inner .primjeri .box{
    width:18%;
    height:auto;
    margin-left:2.5%;
    margin-bottom:3em;
    padding:1.5em;
    background:#fff;
    }
.demo .inner .primjeri .box:first-child{
    margin-left:0;
    }
.demo .inner .primjeri .box h5{
    font-family: 'Josefin Sans', sans-serif;
    font-weight:300;
}
.demo .inner .primjeri .box a{
    display:block;
}
.demo .inner .primjeri .box a img{
    display:block;
    width:100%;
    height:auto;
    opacity:1;
}
.demo .inner .primjeri .box a:hover img{
    opacity:.54;
}

.forms{
    background:#fff;
}
.forms .inner{
    padding:4.5em 0;
}
.forms .inner>p{
    max-width:900px;
    margin:0 auto 1.5em;
}


.forms .button-container {
    display: block;
    text-align:center;
    font-size:0;
    margin-bottom:27px;
}
.forms .button-container button{
    display:inline-block;
    font-size:13.5px;
}
.forms .button-container button:first-child{
    margin-right:18px;
}

.forms .form-container-unique {
    display: block; /* ensure block display to allow transition */
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 0.5s ease, opacity 0.5s ease;
}

.forms .active-form-unique {
    height: auto; /* Start with auto but adjust with JS */
}

.forms .button-container button {
    cursor: pointer;
}

.forms .button-container button.active-btn-unique {
    text-decoration:underline !important;
}

.homeContact{
    padding:7.5em 0;
    background:url("images/vina-belje-footer.jpg") no-repeat center 36%;
    background-size:cover;
}
.homeContact .inner{
    max-width:630px;
    padding:3em 3em 1.5em;
    margin:0 auto;
    color:#fff;
    border:1px solid #d9bc6a;
}
.homeContact a{
    display:inline-block;
    width:auto;
    height:auto;
    margin:0 auto;
}
.homeContact a img{
    display:block;
    width:100%;
    height:auto;
    margin:0;
}

.homeContact strong{color:#d9bc6a;}
	
/* // content */

/* footer */
	
	.footer{padding:3em 0 1.5em;font-size:.85em;color:#fff;}
		
	.footer a{color:#fff;}
	.footer a:hover{color:#2980b9;}
	
/* // footer */

/* clearfix */

	.inner:before, .content_inner:before, .content:before, .row:before, .block:before, .wpcf7-form:before, form:before, hr:before, ul.page-numbers:before,
	.inner:after, .content_inner:after, .content:after, .row:after, .block:after, .wpcf7-form:after, form:after, hr:after, ul.page-numbers:after{
		content:"";
		display:table;
		}
	.inner:after, .content_inner:after, .content:after, .row:after, .block:after, .wpcf7-form:after, form:after, hr:after, ul.page-numbers:after{clear:both;}
	.inner, .content_inner, .content, .row, .block, .wpcf7-form, form, hr, ul.page-numbers{zoom:1;}
	
/* // clearfix */


/* media queries */

@media only screen and (max-width: 1366px) { /* Laptop */
}

@media only screen and (max-width: 1280px) { /* Medium Laptop */
}

@media only screen and (max-width: 1024px) { /* Small Laptop */
}

@media only screen and (max-width: 835px) { /* Medium Tablet*/
}

@media only screen and (max-width: 768px) { /* Small Tablet / Smartphone*/
	html{-webkit-text-size-adjust:none;}

    .desktop{display:none;}
    .mobile{display:block;}
    
.content .inner .boxes .box{
    width:100%;
    margin-left:0;
    }
    
.demo .inner .primjeri{
    justify-content:center;
    }
.demo .inner .primjeri .box{
    width:47.5%;
    margin-left:5%;
    }
.demo .inner .primjeri .box:first-child{
    margin-left:auto;
    }
.demo .inner .primjeri .box:nth-child(odd){
    margin-left:0;
    }
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 480px) {
	.row{margin-bottom:0;}	
	.col{float:none;display:block;margin:0 0 1.5em 0 !important;width:100% !important;}
	
	.gallery_item{width:100%;margin:0 0 1em 0;}
	.gallery_item:nth-child(odd), .gallery_item:nth-child(4n+1){clear:both;margin:0 0 1em 0;}
	.gallery_item:last-child{margin:0 0 0 0;}
}

@media only screen and (max-width: 428px) {
.demo .inner .primjeri .box{
    width:100%;
    margin-left:0;
    }
}

@media only screen and (max-width: 240px) {
}

@media print {
	*{text-shadow:none !important;box-shadow:none !important;}
	
	.print{display:block;}
	.hidden, .graphic{display:none;}
	#menu, nav, form{display:none;}

	.main, .secondary, .tertiary, .quaternary, .col{
		float:none;
		display:block;
		margin:0 0 1.5em 0 !important;
		width:100% !important;
		}		

	.container, .inner{background:#fff;color:#333;width:95%;}

	header[role="banner"]{
		margin-bottom:1em;
		border-bottom:1px solid #ccc;
		padding-bottom:1em;
		background:#fff;
		}	
	header[role="banner"] h1{
		line-height:3em;
		height:3em;
		margin:0;
		}
	header[role="banner"] h1 a{}		
	footer{
		margin-top:1em;
		border-top:1px solid #ccc;
		padding-top:1em;
		position:relative;
		clear:both;
		}
	
	.tabs{display:none !important;}	
	.tab{display:block !important;}	
	.slideshow ul>li{display:block !important;}
	.slideshow .controls{display:none !important;}
}