/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@font-face {
  font-family: futura;
  src: url(SegoeUILight.ttf);
}

@font-face {
  font-family: logo;
  src: url(segoeuillogo.ttf);
}


.wpml-ls-legacy-list-horizontal{
	display:none;
}

.logoheader{
	font-family:logo !important;
	width:50%;
	text-align:right;
	margin-bottom:30px;
	display:block;
	text-transform:uppercase;
    font-size: 31px;
    font-weight: 500;
}

.fixer{
    position: sticky;
    top: 0px;
    padding-top: 50px;
}

.header-mob{
	display:none;
}

.kreativni{text-align: center;
    width: auto;
    padding: 20px 0px;
    font-size: 10px;
    color: #000;
	opacity:0.3;
	text-decoration:none;
}

.swiper-container{
	overflow:hidden;
}

.kreativni a, .kreativni a strong{
	text-decoration: none;
    color: #000;
    font-size: 12px;
}

.single-post .side-content{
	
    padding-top: 50px;
}

.social-box i{
	font-size:26px;
	color: #797979;
}

*{
	margin:0px;
	padding:0px;
  font-family: futura;
	    line-height: 23px;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.social-box a img{
	    max-height: 23px;
    width: auto;
    padding-left: 10px;
}

    .swiper1 {
      width: 100%;
      height: 500px;
    }

    .swiper2 {
      width: 100%;
      height: auto;
    }

.sub-menu li.current-menu-item a{
	color:blue !important;
}

.side-content{
	width:450px;
    vertical-align: top;
	display:inline-block;
	position:relative;
}

.main-content{
	width:calc(100% - 455px);
	display:inline-block;
	padding-top:50px;
}

.desc-box{
	margin-top:30px;
}

.main{
	width:100%;
	display:flex;
}
.swiper1 .swiper-slide{
	width:auto !important;
}
.swiper1 .swiper-slide img{
	height:500px; width:auto;
}

.swiper2 .swiper-slide img{
	width:100%;
	height:auto;
}


.content-limiter{
	padding:30px;
	padding-left:0px;
	max-width:1000px;
	width:100%;
	box-sizing:border-box;
	
}


.slika{
	box-sizing:border-box;
	display:inline-block;
	margin-bottom:50px;
}

.slika img{
	max-width:100%;
	height:auto;
}

.slika:nth-child(odd){
}


.gallery{
    display: table;
	column-gap:40px;
	padding:50px;
	padding-top:0px;
	box-sizing:border-box;
}

.gallery .slika{
		width:48%;
}

header#header{
    width: 100%;
    box-sizing: border-box;
    /* width: calc(100% - 63px); */
    /* padding-left: 62px; */
    padding: 15px;
    font-size: 26px;
    margin-top: 65px;
	display:none;
}

body.category .blog-contents, .page-template-products_template .blog-contents, .gallery{
	margin-top: 50px;
}

.third-content{
	display:inline-block;
	width:33%;
    box-sizing: border-box;
    padding: 0px 20px;
	position:relative;
}

.sub-menu{
    width: 50%;
    position: absolute;
    right: 1px;
	text-align: left;
	display:none;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 12px auto;
}

.menu-item-has-children:hover .sub-menu{
	display:inline-block;
}

.sub-menu li{	
    padding-left: 30px;
}

.sub-menu{	
	color:blue;	
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 12px auto;
	background-image:url(https://www.luminis.hr//luminisnolamps/wp-content/uploads/2021/02/strelica.png);
}

.current-menu-item{
	color:blue;	
}

.subspace .sub-menu{
	display:inline-block !important;
}


nav#menu{
	    width: 50%;
    text-align: right;
    display: inline-block;
	line-height:30px;
}

.pagination-blog{
	margin-top:30px;
}

#menu ul li{
	padding-bottom:8px;
}

nav a{
	text-decoration:none;
	color:#000;
}

nav a:hover{
	color:blue;
}

#comments{
	display:none;
}

.halfbox:nth-child(odd){
	margin-right:40px;
}

.halfbox{
	position:relative;
	width:calc(50% - 25px);
	display:inline-block;
	vertical-align:top;
}
nav ul li{
	list-style:none;
}

.singleblock{
	width:40%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border:2px solid #cecece;
}

.nav-links a, .nav-links span {
    border: 1px solid #cecece;
    padding: 6px 15px;
    margin-top: 45px;
}

.wpml-ls-legacy-list-horizontal{
	padding:0px;
}

.wpml-ls-legacy-list-horizontal a{
	padding:0px;
}

.wpml-ls-legacy-list-horizontal ul li{
	padding-right:20px !important;
}

.wpml-ls-legacy-list-horizontal ul li:nth-last-child(1){
	padding-right:0px !important;
}

.mapa{
	width:100%;
	height:550px;
}
.mapa, .mapa *{
	filter: grayscale(1);
}

.singleproduct{
	width:calc(50% - 25px) !important;
	display:inline-block;
	margin-bottom:30px;
}

.blog-contents a:nth-child(odd) .singleproduct{
	margin-right:40px;
}

.blog-contents{
	padding:25px;
	box-sizing:border-box;
	padding-top:0px;
	display:inline-table
}

.blog-contents a{
	display:contains;
}

.screen-reader-text{
	display:none;
}

.halfbox h1{
	padding-bottom:25px;
}

.contactform{
	max-width:1000px;
	width:100%;
	padding-right:40px;
	box-sizing:border-box;
	margin-top:30px;
}

.contactform input, .contactform textarea{
	width:100%;
	padding:10px 15px;
	box-sizing:border-box;
	margin-bottom:30px;
}

input[type=submit]{
	position:relative;
	width:auto;
	display:inline-block;
	border:0px;
	color:#fff;
	background-color:#797979;
}


@media only screen and (max-width: 950px){.gallery .slika:nth-child(odd){
	margin-right:4%;
}
}

@media only screen and (min-width: 950px) {

	
.singleproduct{
	width:calc(33% - 20px) !important;
	display:inline-block;
	margin-bottom:30px;
	margin-right:0px !important;
}
	
	.gallery .slika{
		width:30%;
	}

		.gallery .slika:nth-child(3n+2){
			margin-left:4.5%;
			margin-right:4.5%;
	}
	
.gallery{
	column-gap:40px;
	padding:50px;
	padding-top:0px;
	box-sizing:border-box;
}

.blog-contents a:nth-child(3n + 2) .singleproduct{
	margin-right:24px !important;
	margin-left:24px !important;
}
	
}
@media only screen and (max-width: 905px) {
.side-content{
	display:none;
	}
	.main-content{
		width:100%;
    box-sizing: border-box;
		padding-left:15px;
		padding-right:15px;
		padding-top:10px
	}
	
	.sub-menu{
		width:100%;
	}
	
	.shiftnav:after{
		box-shadow: 0px 0px 0px rgb(0 0 0 / 0%) !important;
	}
	
	*:focus{
		outline:none;
	}
	.shiftnav-toggle-main{
	}
	
	header#header{
		display:block;
		margin-top:30px !important;
	}
	
	.logoheader{
		    font-family: logo !important;
    width:100%;
    text-align: center;
    margin-bottom: 0px;
    display: block;
    text-transform: uppercase;
    font-size: 31px;
    font-weight: 500;
    margin-top: 17px;
	} 
	
	body.category .blog-contents, .page-template-products_template .blog-contents, .gallery {
    margin-top: 10px;
}
}