/*
Theme Name: labzab
Theme URI: https://underscores.me/
Author: Underscores.me
Author URI: https://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: labzab
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

labzab is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #414042;
	font-family: 'Latina-Regular', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

/* Webfont: AdornCondensedSans */@font-face {
    font-family: 'AdornCondensedSans';
    src: url('fonts/AdornCondensedSans.eot'); /* IE9 Compat Modes */
    src: url('fonts/AdornCondensedSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/AdornCondensedSans.svg') format('svg'), /* Modern Browsers */
         url('fonts/AdornCondensedSans.woff') format('woff'), /* Modern Browsers */
         url('fonts/AdornCondensedSans.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Latina Thin */@font-face {
    font-family: 'Latina-Thin';
    src: url('fonts/Latina-Thin.eot'); /* IE9 Compat Modes */
    src: url('fonts/Latina-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Latina-Thin.svg') format('svg'), /* Modern Browsers */
         url('fonts/Latina-Thin.woff') format('woff'), /* Modern Browsers */
         url('fonts/Latina-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Latina Light */@font-face {
    font-family: 'Latina-Light';
    src: url('fonts/Latina-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/Latina-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Latina-Light.svg') format('svg'), /* Modern Browsers */
         url('fonts/Latina-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/Latina-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Latina Regular */@font-face {
    font-family: 'Latina-Regular';
    src: url('fonts/Latina-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Latina-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Latina-Regular.svg') format('svg'), /* Modern Browsers */
         url('fonts/Latina-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Latina-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Latina Medium */@font-face {
    font-family: 'Latina-Medium';
    src: url('fonts/Latina-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/Latina-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Latina-Medium.svg') format('svg'), /* Modern Browsers */
         url('fonts/Latina-Medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/Latina-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Latina Bold */@font-face {
    font-family: 'Latina-Bold';
    src: url('fonts/Latina-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Latina-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Latina-Bold.svg') format('svg'), /* Modern Browsers */
         url('fonts/Latina-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Latina-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 2px solid;
	border-color: #f9cc3b;
	border-radius: none;
	background: #fff;
	color: #414042;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1;
	padding: 13px 19px;
    text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #f9cc3b;
    background-color: #f9cc3b;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #f9cc3b;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #414042;
	border: 1px solid #ccc;
	border-radius: none;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

#top-head { max-width:1200px; margin:0 auto; text-align:center; padding: 20px 0;}
#top-newsletter { float:left; width:260px; height:57px; background:url(../labzab/images/header_newsletter.png) no-repeat center center; }
#top-webshop { margin-left:20px; float:left; width:260px; height:57px; background:url(https://www.laboratorijzabave.hr/wp-content/uploads/2022/05/header_webshop.png) no-repeat center center; }
#top-search { float:right; width:260px; height:57px; background:url(../labzab/images/header_search.png) no-repeat center center; }

#top-newsletter a,
#top-webshop a,
#top-search a { width:100%; height:100%; display:block; }

@media only screen and (max-width : 767px) { 
  #top-newsletter { float:left; width:60px; height:60px; background:url(../labzab/images/header_newsletter_mini.png) no-repeat center center; background-size:contain; }
  #top-webshop { float:left; width:60px; height:60px; background:url(https://www.laboratorijzabave.hr/wp-content/uploads/2022/05/header_webshop_mini.png) no-repeat center center; background-size:contain; }
  #top-search { float:right; width:60px; height:60px; background:url(../labzab/images/header_search_mini.png) no-repeat center center; background-size:contain; }
}



.site-branding { margin:0 auto; text-align:center; padding-bottom:2em; }

#menu-container { max-width: 1200px;margin: 0 auto; }

nav#site-navigation { background-color: #e6e6e6; }

nav#site-navigation.hidden { display:none; }

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #f9cc3b;
    text-decoration:none;
}

a:visited {
	color: #f9cc3b;
}

a:hover,
a:focus,
a:active {
	color: #414042;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	border-bottom: 2px solid #f9cc3b;
    border-left: 2px solid #f9cc3b;
    border-right: 2px solid #f9cc3b;
	float: left;
	position: absolute;
	top: 3em;
	left: 50%;
	margin-left:-125px;
	visibility:hidden;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 100%;
}

.main-navigation ul ul li {
	background:#e6e6e6;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	top: 3.5em;	
	left: 50%;
	margin-left:-125px;
	visibility:visible;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

ul#primary-menu.menu {list-style-type: none;margin:0;padding:0; font-family: 'Latina-Medium';}
ul#primary-menu.menu li {display: inline; padding: 1em; width:170px;}
ul#primary-menu.menu ul.sub-menu li { width:50%;}
/*ul#primary-menu.menu ul.sub-menu:before{
    content: '';
    display: block;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}*/
ul#primary-menu.menu ul.sub-menu {-webkit-transition: all .1s .1s; -moz-transition: all .1s .1s; -o-transition: all .1s .1s;transition: all .1s .1s;width: 500px;background-color: #e6e6e6;}

ul#primary-menu.menu ul.sub-menu li:hover { background: #f9cc3b; }
ul#primary-menu.menu li a:hover { color:#414042;text-decoration:none; }

ul#primary-menu.menu li a, 
ul#primary-menu.menu li a:visited {color:#414042;text-decoration:none; text-transform: uppercase;}
/*ul#primary-menu.menu li a:hover {text-decoration:underline;color:#f9cc3b;}*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: none;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

img.sidenewsletter {max-width:360px;}

section.widget_categories, section.widget_recent_entries {border: 2px solid #f9cc3b;}

h2.widget-title {padding-left:1em;}
section.widget_categories ul {list-style-type: none;margin:0;padding:0 2em;}
section.widget_categories ul li {padding:1em 0; border-bottom:2px solid #e6e6e6;}
section.widget_categories ul li:last-child { border-bottom: none; }
section.widget_categories ul li a {color:#666; text-decoration: none;}
section.widget_categories ul li a:hover {color:#f9cc3b;}

#side-share {text-align:center; margin:0 auto;}
#side-share ul {list-style-type: none;margin:0;background:url(../labzab/images/sharebg.png) no-repeat center center;padding: 6px 0 5px 0;}
#side-share ul li {display:inline;}
#side-share h3 {font-family: 'AdornCondensedSans', sans-serif;color:#f9cc3b;font-size:30px; font-weight:300; margin-bottom: 0.4em;}
#side-share ul li img {margin:0.5em;}
#side-share h3 img {vertical-align:middle;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

#frontprimary h3 {margin:0;}

.vc_gitem-post-data h2 {font-family: Latina-Thin;text-transform: uppercase;text-align: center;padding-top:10px;}
#frontprimary .vc_grid.vc_row .vc_grid-item .wpb_content_element {margin-bottom:0;}
#frontprimary .vc_custom_heading p {margin-top:0;padding: 2em;font-family: Latina-Light, sans-serif;}

h2.vc_custom_heading a {text-transform:uppercase;font-family: Latina-Thin, sans-serif;}
a.vc_btn3.vc_btn3-color-orange.vc_btn3-style-outline {color:#414042; border-color:#f9cc3b;text-transform:uppercase;}
a:hover.vc_btn3.vc_btn3-color-orange.vc_btn3-style-outline {color:#fff; border-color:#f9cc3b; background-color:#f9cc3b;}

.entry-content h2.simple {margin:0; padding:0;}

#frontpage-content/*, .single #content*/ {max-width:1200px;margin:0 auto;}

div.soliloquy-container div.soliloquy-caption {top:10%;left:50%;width:35%;background:none;margin-top:5em;}
div.soliloquy-container div.soliloquy-caption div.soliloquy-caption-inside {background:none;}
div.soliloquy-container div.soliloquy-caption h3 {font-family:Latina-Thin; text-align:left;font-size:1.5vw;line-height:1.6em;color:#333;}
#frontprimary div.soliloquy-container div.soliloquy-caption h3{margin-bottom:2em;}
div.soliloquy-container div.soliloquy-caption a.slider-button {border:2px solid #f9cc3b; padding: 1em; color:#333;text-transform:uppercase;background-color:transparent;text-align:left;font-size: 1.4vw;}
div.soliloquy-container div.soliloquy-caption a.slider-button:hover {background-color:#f9cc3b;}
div.soliloquy-container a.soliloquy-prev {background: transparent url(../labzab/images/left.png) no-repeat scroll 50% 50%;width:48px;height:48px;}
div.soliloquy-container a.soliloquy-next {background: transparent url(../labzab/images/right.png) no-repeat scroll 50% 50%;width:48px;height:48px;}


#primary main {float:left;width:70%;}
#primary #fun-sidebar {float:right;text-align:left;margin-top:2em;max-width:30%;}
.page-template-page_fullwidth #primary main, .page-id-94 #primary main, .parent-pageid-94 #primary main, #primary main.frontblog {float:left;width:100%;}


#fun-sidebar form#searchform {background: transparent url(../labzab/images/sidebar-search.png) no-repeat; height:45px; }
#fun-sidebar form#searchform input[type="text"] {border:none;background-color:transparent; margin-left: 68px; text-transform: uppercase;font-family:'AdornCondensedSans', sans-serif; font-size: 24px;line-height:1.8em;}
#fun-sidebar form#searchform input[type="submit"] {border:none;background-color:transparent; margin-left: 10px; background:url(../labzab/images/search_mini.png) no-repeat center center;}

.bigfront {max-width:800px;margin: 0 auto;}
.bigfront .wpb_wrapper {border: 2px solid #f9cc3b;}
.bigfront h3 {font-family:'AdornCondensedSans', sans-serif;font-size: 3em;font-weight: 300;}

main article {text-align: left;margin-top:2em;}
#primary main#main.fullwidth, #primary main#main.fullwidth article {max-width:1200px;float:none;}

#primary main.frontblog {max-width:1200px;margin:0 auto;float:none;margin-top:2em;}

#primary.content-area #main.frontblog {}
#primary.content-area #main.frontblog .frontpageposts {margin:0 auto;}
#primary.content-area #main.frontblog article {float:left; width:80%;margin-left:3em;}

.CTA-naslovna h2 {margin: 20px 30px;}
.CTA-naslovna h2 a {font-family: 'AdornCondensedSans', sans-serif;font-size:30px;line-height:1.1;font-weight: 400;text-transform:none;}
.CTA-naslovna .vc_column-inner .wpb_wrapper {border: 2px solid #f9cc3b;}
.CTA-naslovna .vc_column-inner .wpb_wrapper figure {border: none;margin: 15px 0 0 0;}

div.vc_btn3-container.featured-button a.vc_btn3.vc_btn3-size-lg {text-transform: uppercase; font-size: 1.6em; font-family: Latina-Light; border: 2px solid #f9cc3b;}

div.entry-content div.front-persone h2.vc_custom_heading a {font-family: 'AdornCondensedSans',sans-serif;font-size:30px;line-height:1.1;font-weight: 400;text-transform:none; margin-top:0;}
div.entry-content div.front-persone h2.vc_custom_heading {margin-top:0;}
.front-persone .wpb_content_element {margin-bottom:15px;}

.blog_post {float:left;padding:0 1em 3em 1em;}
.blog_thumbnail {max-width:100%;}
.blog_date {font-size:12px; color:#b3b3b3; line-height:1.6;margin-bottom:1em;}
p.frontblogtext {font-size:17px; line-height:1.4; color:rgba(0, 0, 0, .6);}
div.blog_title h2 {font-family: 'AdornCondensedSans', sans-serif;font-size:30px;line-height:1.1;font-weight: 400;margin-bottom:0;}
div.blog_title h2 a {color: #414042;}
div.blog_title h2 a:hover {color:#f9cc3b;}
.blog_readmore a {color: #414042;border: 2px solid #f9cc3b;text-transform: uppercase;background-color: transparent;padding: 13px 19px;line-height:1em;height:auto;margin-top:10px;}
.blog_readmore a:hover {background-color: #f9cc3b;color:#fff;}

.error-404 section#search-form {margin: 1em 0 2em 0;}

div#mc_embed_signup{clear:left;max-width:400px;margin-top:60px;}
div#mc_embed_signup h2 {font-family: 'AdornCondensedSans', sans-serif;font-size:2em;line-height:1.1;font-weight: 400;margin-bottom:0;}
div#mc_embed_signup input {border-radius: 0;}
div#mc_embed_signup .button {color: #414042;border: 2px solid #f9cc3b;text-transform: uppercase;background-color: transparent;border-radius: 0;padding: 13px 19px;line-height:1em;height:auto;margin-top:10px;}
div#mc_embed_signup .button:hover {background-color: #f9cc3b;color:#fff;}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

h1.entry-title, h2.entry-title {font-family: 'AdornCondensedSans', sans-serif;font-weight:300; margin-bottom: 0; font-size: 3em;padding:0 10px;}
.entry-meta p {padding:0;margin:0;font-size:0.8em;}
.entry-meta p span {color:#b3b3b3;}
.entry-meta p span a {color:#b3b3b3; text-decoration:none;}
.entry-content {border-top:2px solid #e6e6e6;padding:0 10px;}

blockquote {border: 2px solid #f9cc3b;margin:0;background: url(../labzab/images/quote.jpg) no-repeat center left 2em;font-family: 'AdornCondensedSans', sans-serif; font-size:1.5em;}
blockquote p {margin: 1.5em 1.5em 1.5em 8em;}

.entry-content h2, .entry-content h3 {font-family: 'AdornCondensedSans', sans-serif;margin-top:2em;text-transform:none;font-weight: normal;}
.entry-content h2 {font-size:2em;}
.entry-content h3 {font-size:1.6em;}

#funtags, #funshare {border: 2px solid #f9cc3b;margin-top:1em;height:auto;}
#funtags a {color:#b3b3b3;text-transform:uppercase;}
#funtags a:hover {text-decoration:underline;}
#funshare img { height:30px; }
#funshare {padding: 5px 0 5px 0; }
#funshare img, 
#funtags img { vertical-align:middle; }
#funshare a { margin: 0.5em; }

#funrelated {margin-top:3em;}
h3.related_post_title {font-family: 'AdornCondensedSans', sans-serif;font-size:2em;border-bottom:2px solid #e6e6e6;}
ul.related_post {padding:0; margin:0; list-style-type: none;}
ul.related_post li {display: block;width: 220px;float: left;margin:0 1em;padding-bottom: 2em;}
ul.related_post li a.wp_rp_title {display: block;}
ul.related_post li img {width: 220px;}
a.wp_rp_title {font-family: Latina-Medium;font-size:20px;}

.presslinks ul {margin:0;}
.presslinks li {margin:0;padding:0 0 5px 0;}
.presslinks li a {color:#414042;}
.presslinks li a:hover {text-decoration: underline;}

.sticky {
	display: block;
}

.hentry {
	/*margin: 0 0 1.5em;*/
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

table.cjenik th {border-bottom: 2px solid #f9cc3b;}
table.cjenik {margin-top:2em;}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.gallery-item .gallery-icon {margin: 0 4px;}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer-menu {background-color:#f9cc3b;padding:1em;}
.middle-container {max-width:1200px;margin:0 auto;text-align:center;}
.menu-footer-izbornik-container {margin-top:0.5em;}

ul#footer-menu.menu, #share-menu ul {list-style-type: none;margin:0;padding:0; font-family: 'Latina-Medium';}
ul#footer-menu.menu li {display: inline; padding: 1em;}
ul#footer-menu.menu li a, ul#footer-menu.menu li a:visited {color:#414042;text-decoration:none; text-transform: uppercase;}
ul#footer-menu.menu li a:hover {text-decoration:underline;}

#share-menu ul {border:2px solid #f9cc3b;}
#share-menu ul li {display:inline-block;}
#share-menu ul li:hover {background-color: #f9cc3b;}
#share-menu h4 {font-family: 'AdornCondensedSans', sans-serif;color:#f9cc3b;font-size:30px; font-weight:300; margin-bottom: 0.4em;}
#share-menu ul li img {margin:0.5em;}

.site-info {margin: 40px auto 15px auto;font-size:11px;}

/*--------------------------------------------------------------
# Responsive grid ( https://www.responsivegridsystem.com/ )
--------------------------------------------------------------*/

/* SECTIONS */
.section { clear : both;  padding : 0px;  margin : 0px; }

/* COLUMN SETUP */
.col { display : block;  float : left;  margin : 1% 0 1% 1.6%; }
.col:first-child { margin-left : 0; }

/* GROUPING */
.group:before,.group:after { content : "";  display : table; }
.group:after { clear : both; }
.group { zoom : 1;  /* For IE 6/7 */
}

/* GRID OF FOUR */
.span_4_of_4 { width : 100%; }
.span_3_of_4 { width : 74.6%; }
.span_2_of_4 { width : 49.2%; }
.span_1_of_4 { width : 23.8%; }

/* GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width : 767px) { .col { margin : 1% 0 1% 0%; }
 .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width : 100%; }
}

/* GRID OF THREE */
.span_3_of_3 { width : 100%; }
.span_2_of_3 { width : 66.13%; }
.span_1_of_3 { width : 32.26%; }

/* GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width : 767px) { .col { margin : 1% 0 1% 0%; }
 .span_3_of_3, .span_2_of_3, .span_1_of_3 { width : 100%; }
}

/* GRID OF TWO */
.span_2_of_2 { width : 100%; }
.span_1_of_2 { width : 49.2%; }

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width : 480px) { .col { margin : 1% 0 1% 0%; }
}
@media only screen and (max-width : 480px) { .span_2_of_2, .span_1_of_2 { width : 100%; }
}


/*--------------------------------------------------------------
# MISC
--------------------------------------------------------------*/


/* BREADCRUMBS */
p#breadcrumbs { margin: 1.2em 0; }
#funcrumbline { max-width:100%; background-color: #fafafa; margin-top:10px;}
#funcrumbline h2 { font-family: Latina-Thin, sans-serif; clear:none; float:left; }
.crumb-container { max-width:1200px;margin:0 auto; }

/* CLEAR FIX */
.clearfix { overflow: hidden; }

/* HEADER - SEARCH & NEWSLETTER*/
#fullscreennl,
#fullscreensearch { position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: #fff;  -webkit-transition: all .5s ease-in-out;  -moz-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out;  transition: all .5s ease-in-out;  -webkit-transform: translate(0px,-100%) scale(0,0);  -moz-transform: translate(0px,-100%) scale(0,0);  -o-transform: translate(0px,-100%) scale(0,0);  -ms-transform: translate(0px,-100%) scale(0,0);  transform: translate(0px,-100%) scale(0,0);  opacity: 0; }
#fullscreennl.open,
#fullscreensearch.open { -webkit-transform: translate(0px,0px) scale(1,1);  -moz-transform: translate(0px,0px) scale(1,1);  -o-transform: translate(0px,0px) scale(1,1);  -ms-transform: translate(0px,0px) scale(1,1);  transform: translate(0px,0px) scale(1,1);  opacity: 1;  z-index: 100!important; }
#fullscreennl .closenl a,
#fullscreensearch .closesearch a { position: fixed;  top: 15px;  right: 15px;  color: #999!important;  opacity: 1;  padding: 1em;  font-size: 1em; }
#fullscreensearch .search-input { border: none;  background: transparent;  cursor: pointer;  color: #999;  height: 80px;  font-size: 60px;  position: absolute;  top: 100px;  left: 0;  text-align: center;  width: 90%;  margin: 0 5%;  outline: none; }
.searchsubmit { display: none; }

/* Responsive Mobile Menu */

#menutoggle, #mobile-menu-container {display:none;}

#menutoggle { display: none; float: right;margin: 0.4em 1em; color: #000; text-decoration: none;font-size: 24px; top: 30px; }

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

    /* All the Menu and Search Stuff */
    #menu-container{ display: none; }

    #menutoggle, 
    #mobile-menu-container { display: block; }
    .site-header .widget-area { width: 80px; margin: 32px 15px 0 15px; }
    .site-header .searchicon { display: inline-block; margin: 0px 15px 0; right: 45px; }

    #menu-container.open { position: absolute; top: 80px; left: 0px; width: 100% !important; display: block; text-align: left; background: #fff; padding: 0 0 20px; height: auto; z-index: 1 !important; }

    #menu-container.open li a { width: 100%; display: inline-block !important; margin: 0px !important; padding: 10px 0px 10px 1em !important; border-bottom: 1px solid #392f28; color:#000; }

    #menu-container.open li{ width: 100%; display: inline-block !important; margin: 0px !important; padding: 0px !important; } 

    #menu-container.open ul.menu li ul { width: 100%; display: inline-block !important; margin: 0px !important; padding: 0px !important; left: 0px !important; position: relative !important; background: transparent !important; }

    #menu-container.open ul.menu li li { width: 100%; display: inline-block !important; margin: 0px !important; padding: 10px 0px 10px 2em !important; border-bottom: 1px solid #392f28; background: transparent !important; font-size: 14px }

    #menu-container.open ul.menu li li a { margin: 0px !important; padding: 0px 0px 0 0px !important; background: transparent !important; font-size: 15px; border: 0px; }
    
    #site-navigation { display:none; }
  
    ul#primary-menu.menu ul.sub-menu:before { border:none; }
    ul#primary-menu.menu li { width:100%; padding-left: 1em; }
}

/* IMAGE LIGHTBOX */
#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

/* SHARE */
#email-container {
  border:1px solid red;
}


/* GALERIJA */
.gal-thumb {  float:left; padding:1em; }
.gal-thumb a { display:block; margin:0 auto; 
    cursor: pointer;
    position: relative;
    display: block;
    padding: 74.9666666% 0 0 0;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: 0% 50% !important;
}

.album-image { float:left; padding:1em; width:200px; }
.album-image a { display:block; margin:0 auto; 
    cursor: pointer;
    position: relative;
    padding: 95% 0 0 0;
    display: block;
    background-size: cover !important;
    background-position: 0% 50% !important;
    background-repeat: no-repeat;
}
.gal-thumb-title { height: 3em; }

.album-image.span_1_of_4 {width:150px;}

/* LOAD MORE */
#load-more,
#no-more {
    clear:both;
    color: #414042;
    text-transform: uppercase;
    background-color: #e6e6e6;
    border-radius: 0;
    padding: 13px 19px;
    line-height: 1em;
    height: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align:center;
}
#load-more { cursor:pointer; }
#load-more:hover {background-color: #f9cc3b;}


/* RESPONSIVE */

@media only screen and (max-width : 1024px) { 
div.soliloquy-container div.soliloquy-caption {margin-top:3em;}
div.soliloquy-container div.soliloquy-caption h3 {font-size:1.7vw;}
.CTA-naslovna h2 a {font-size:24px;}
#primary main {float:left;width:60%;}
#primary #fun-sidebar {float:right;text-align:left;margin-top:2em;max-width:40%;padding:0 15px;}  

  
}

@media only screen and (max-width : 767px) { 
div.soliloquy-container div.soliloquy-caption {top:10%;left:45%;background:none;margin-top:2em;}
div.soliloquy-container div.soliloquy-caption.soliloquy-caption-right {width:45%;}
div.soliloquy-container div.soliloquy-caption h3 {font-size:2vw;}
div.CTA-naslovna div.vc_column_container {margin: 1em; width:auto;}
.bigfront .wpb_wrapper {margin: 0 1em;}
.front-maps .wpb_wrapper {margin: 0 1em;}
#share-menu ul {margin: 0 1em;}
#frontpage div.vc_basic_grid div.vc_grid.vc_row div.vc_grid-item.vc_visible-item {display: inline-block;width: 50%;}
.front-ponuda .wpb_wrapper .ponuda-col {display: inline-block;width: 50%;}
#primary main {float:left;width:100%;}
#primary #fun-sidebar {float:left;text-align:left;margin-top:2em;max-width:100%;}
}


@media only screen and (max-width : 480px) { 
#frontpage div.vc_basic_grid div.vc_grid.vc_row div.vc_grid-item.vc_visible-item {display: block;width: 100%;}

}
