/*
Theme Name: Labin0km Child
Template: labin0km
Author: KGdesign
Author URI: http://www.kgd.hr/
*/


/* =Theme customization starts here
------------------------------------------------------- */
/* Box-sizing reset: //w3bits.com/?p=3225 */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Alegreya Sans', sans-serif;
	-webkit-font-feature-settings: "lnum" 1;
       -moz-font-feature-settings: "lnum" 1;
        -ms-font-feature-settings: "lnum" 1;
         -o-font-feature-settings: "lnum" 1;
            font-feature-settings: "lnum" 1;
	font-size: 17px;
	line-height: 25px;
	font-weight: 400;
	color: #404040;
	background-color: #fffbe8;
}

hr {
	background-color: #c8dc5c;
	height: 12px;
	border: none;
	margin: 80px 0;
}

h1 {
	font-size: 48px;
	line-height: 54px;
}

h2 {
	font-size: 36px;
	line-height: 38px;
	font-weight: 700;
	margin-bottom: 30px;
}

h3 {
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 30px;
	line-height: 36px;
	font-weight: 500;
	margin-bottom: 30px;
	text-transform: lowercase;
}

h4 {
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 24px;
	line-height: 25px;
	font-weight: 400;
	margin-bottom: 30px;
	text-transform: lowercase;
	padding-bottom: 10px;
	border-bottom: 2px solid #c9dc5d;
}

h5 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}

p {
	margin-bottom: 25px;
	letter-spacing: 0.025em;
	text-align: justify;
}

table {
	margin: 0;
}

ul, ol {
	margin: 0;
}

.lead {
	font-size: 20px;
	line-height: 27px;
	font-weight: 700;
}

.small {
	font-size: 12px;
	line-height: 18px;
}

.p18 {
	font-size: 18px;
	line-height: 24px;
}

.lh19 {
	line-height: 19px;
}

.alegreya-sc {
	font-family: 'Alegreya Sans SC', sans-serif;
}

.colored {
	color: #afbc2b;
}

.columns-text {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	text-align: justify;
}

.site-main {
	padding-bottom: 450px;
}

.gradient {
	background-image: linear-gradient(#fffbe8, #76ced9);
	height: 750px;
	position: relative;
	z-index: -1;
	margin-top: -750px;
}

.trava {
	background: url(../../uploads/2020/05/trava.png) bottom left repeat-x;
	background-size: 500px 188px;
	height: 450px;
	position: relative;
	z-index: 3;
	margin-top: -450px;
}

.maslacak {
	position: absolute;
	top: -410px;
	left: 60px;
	z-index: 2;
}

.page {
	margin: 0;
}

.container p:last-child {
	margin-bottom: 0;
}

.hero-image {
	display: block;
	margin: 0 0 80px;
}

.hero-image .image-box {
/* 	height: 700px; */
}

.hero-image .image-holder {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 700px;
}

.hero-image.hero-image-singular .image-box {
/* 	height: 600px; */
}

.hero-image.hero-image-singular .image-holder {
	min-height: 600px;
}

.hero-title {
	position: absolute;
	top: -400px;
}

.hero-title h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 84px;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.hero-title p {
	color: #fff;
	font-size: 24px;
	margin: 0px 0 0 5px;
	letter-spacing: 0.025em;
}

.hero-image.hero-image-singular .txt-box {
	background-color: #c8dc5c;
	padding: 50px;
	margin-top: 100px;
	margin-bottom: 4px;
}

.hero-image.hero-image-singular .txt-box h1 {
	text-transform: uppercase;
}

.hero-image.hero-image-singular .txt-box .lead {
	font-weight: 400;
}

.delivery-box {
	background-color: #f29f61;
	margin-bottom: 50px;
}

.delivery-box i {
	float: left;
	padding: 20px;
	color: #f29f61;
	background-color: #404040;
	font-size: 20px;
	line-height: 20px;
}

.delivery-box p {
	float: left;
	padding: 20px;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 0;
	font-weight: 500;
}

.delivery-box p span {
	text-transform: uppercase;
}


.footer-main {
	background-color: #5d251e;
	color: #af865a;
	padding-top: 37px;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.025em;
	padding-bottom: 35px;
}

.footer-main a {
	color: #af865a;
}

.footer-main hr {
	height: 1px;
	background-color: #c16238;
	margin: 20px 0;
}

.footer-main .copyright {
	font-size: 12px;
	line-height: 14px;
	text-align: left;
}

.footer-main ul.menu {
	margin: 118px 0 0;
	padding: 0;
	font-size: 21px;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: 500;
}

.footer-main ul.menu li {
	list-style: none;
	border-bottom: 1px solid #c16238;
	margin: 0;
	padding: 6.5px 0;
}

.footer-bottom {
	background-color: #fff;
	padding: 0 0 60px;
	color: #333333;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.40);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.40);
}

.footer-bottom .p18 {
	font-weight: 500;
}

.footer-bottom .small {
	text-transform: uppercase;
	line-height: 25px;
	margin-bottom: 0;
}

.holder-proizvodac {
	margin-top: 40px;
}

.holder-proizvodac .image-box {
	height: 230px;
}

.holder-proizvodac .image-holder {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 230px;
}

.holder-proizvodac .txt-holder {
	padding: 20px 20px 20px;
	background-color: #e7eeb9;
}

.holder-proizvodac h5 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}

.holder-proizvodac ul, ul.proizvodac-contacts, ul.tag-list {
	margin: 0;
	padding: 0;
}

.holder-proizvodac ul li, ul.proizvodac-contacts li {
	list-style: none;
	padding-top: 5px;
}

.holder-proizvodac a, ul.proizvodac-contacts li a, ul.tag-list li a {
	color: #404040;
}

.holder-proizvodac a:hover, , ul.proizvodac-contacts li a:hover, ul.tag-list li a:hover {
	color: #6f7a0b;
	text-decoration: none;
}

.holder-proizvodac i, ul.proizvodac-contacts li i {
	font-size: 12px;
	padding-right: 10px;
}

.site-header {
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 18px;
	line-height: 45px;
	letter-spacing: 0.075em;
}

.top-bar {
	height: 45px;
	background-color: #c8dc5c;
}

.top-bar a {
	color: #5e8258;
	line-height: 45px;
	padding: 13.5px 15px;
}

.top-bar a:hover {
	text-decoration: none;
	background-color: #e5ecb1;
}

.navbar {
	padding-right: 10px;
}

li.menu-item {
	padding: 43px 10px;
}

li.menu-item:last-child {
	padding-right: 0;
}

.nav-link, .nav-link:visited {
	color: #666666;
	padding: 0 5px !important;
	margin: 0;
	line-height: 22px;
}

.nav-link:hover, li.active .nav-link {
	color: #666666;
	border-bottom: 2px solid #c9dc5d;
}

.site-branding {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.40);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.40);
	height: 126px;
	position: relative;
	z-index: 1;
}

.site-branding img {
	height: 66px;
	width: 159px;
	margin-top: 30px;
}

.navbar-nav {
	padding: 0 !important;
	margin: 0 !important;
}

.navbar-collapse {
	flex-direction: row-reverse;
}

ul.tag-list li {
	list-style: none;
	padding: 20px;
	margin: 4px 0;
	background-color: #e7eeb9;
	border-left: 4px solid #6f7a0b;
	text-transform: uppercase;
	font-weight: 700;
}

ul.tag-list.tag-list-yellow li {
	background-color: #fae59d;
	border-left: 4px solid #b4921e;
}

/* Masonry grid */
.masonry {
	margin-top: 68px;
	transition: all .5s ease-in-out;
	column-gap: 4px;
	column-fill: initial;
}

/* Masonry item */
.masonry .brick {
	margin-bottom: 4px;
	display: inline-block; /* Fix the misalignment of items */
	vertical-align: top; /* Keep the item on the very top */
}

/* Masonry image effects */
.masonry .brick img {
	transition: all .5s ease-in-out;
	backface-visibility: hidden; /* Remove Image flickering on hover */
}

.masonry .brick:hover img {
	opacity: .75;
}

/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.masonry {
		column-count: 2;
	}
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
	.masonry {
		column-count: 3;
	}
}

.social-links {
	margin-top: 22px;
}

.social-links a{
    text-align: center;
	float: left;
	width: 46px;
	height: 46px;
	border: 2px solid #404040;
	border-radius: 100%;
	margin-right: 15px;

}
.social-links a i{
	font-size: 22px;
	line-height: 44px;
	color: #404040;
}

.acf-map {
	width: 100%;
	height: 600px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


.cat h3 {
	list-style: none;
	padding: 20px;
	margin: 80px 0 0;
	background-color: #e7eeb9;
	border-left: 4px solid #6f7a0b;
	text-transform: uppercase;
	font-weight: 700;
}

.cat .row:first-child h3 {
	margin-top: 0;
}

.cat .holder-proizvodac {
	margin-top: 30px;
}

.filter {
	padding-right: 30px;
}

.searchandfilter ul {
	padding-left: 0;
}

.search-filter-results {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.searchandfilter h4 {
	font-size: 24px;
	line-height: 25px;
	padding: 12px 0 10px;
	margin-bottom: 20px;
}

.searchandfilter .sf-field-search label {
	width: 100%;
}

.searchandfilter .sf-input-text {
	width: 100%;
	padding: 15px 15px;
	margin: 19px 0 40px;
}




/*
.mini-nav {
    position: relative;
    display:inline-block
}

.mini-nav .mini-sub-nav {
    position: absolute;
    visibility: hidden;
    z-index: 200;
    top: 100%;
    left: 0;
    width: 240px;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow:0 0 4px rgba(0, 0, 0, .2)
}

.mini-nav .mini-sub-nav > li {
    position: relative;
    display: block;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}

.mini-nav .customSelectInner, .mini-search .submit {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display:-ms-flex
}

.mini-nav .mini-sub-nav > li:first-child {
    padding-top:10px
}

.mini-nav .mini-sub-nav > li:last-child {
    padding-bottom:10px
}

.mini-nav .mini-sub-nav > li a {
    padding:5px
}

.mini-nav .mini-sub-nav > li a:hover {
    opacity:1
}

.mini-nav .mini-sub-nav .mini-sub-nav {
    top: 0;
    left:241px !important
}

.rtl .mini-nav .mini-sub-nav .mini-sub-nav {
    right: 241px;
    left:auto !important
}

.mini-nav .mini-sub-nav .mini-sub-nav.right-overflow {
    left:-241px !important
}

.rtl .mini-nav .mini-sub-nav .mini-sub-nav.right-overflow {
    right: -241px;
    left:auto !important
}

.mini-nav .mini-sub-nav li.has-children > a:after, .mini-nav .mini-sub-nav > li:not(.wpml-ls-item) > a .menu-text, .mini-nav .mini-sub-nav > li:not(.wpml-ls-item) > a .subtitle-text {
    color:#222
}

.menu-select select, .mini-nav .customSelect {
    border: none;
    padding: 0;
    margin-bottom:0
}

.mini-nav .customSelect {
    position: absolute;
    visibility: hidden;
    padding:0
}

.mini-nav .customSelect .customSelectInner {
    opacity:0
}

.menu-select select, .mini-nav .customSelect1 {
    position: relative;
    visibility: visible;
    opacity:1
}

.menu a:hover, .menu-select:hover {
    text-decoration:underline
}

.dt-mobile-header .menu a:hover, .dt-mobile-header .menu-select:hover, .masthead .menu a:hover, .masthead .menu-select:hover, .mini-nav .customSelectInner:hover {
    text-decoration:none
}

.mini-nav .customSelectInner {
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background:0 0
}

.menu-select select {
    z-index:9
}

.mini-nav li {
    position: relative;
    display:inline-block
}

.dt-mobile-header .mini-nav .sub-nav > li {
    display:block
}

#page .mini-nav .sub-nav li.has-children a:after {
    right:8px
}

.mini-nav li:last-child {
    margin-right:0
}

.microwidget-btn.btn-icon-align-left i, .mini-login i {
    margin-right:5px
}

#bottom-bar .mini-nav ul > li.act > a .menu-item-text, #bottom-bar .mini-nav > ul > li > a:hover .menu-item-text {
    text-decoration:underline
}

#bottom-bar .mini-nav ul .sub-nav > li.act > a .menu-item-text, #bottom-bar .mini-nav ul > li > a:hover, .mini-nav ul .sub-nav > li.act > a .menu-item-text, .mini-nav ul > li > a, .mini-nav > ul > li > a:hover {
    text-decoration:none
}

.mini-nav li:first-child:before {
    border-left:none
}

.mini-nav select {
    min-width: 100px;
    height: 0;
    opacity:0
}
*/

.mt60 {
	margin-top: 60px;
}

.mt100 {
	margin-top: 100px;
}

.mt150 {
	margin-top: 150px;
}

.mb0 {
	margin-bottom: 0;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb90 {
	margin-bottom: 90px;
}

.mb100 {
	margin-bottom: 100px;
}