/*
 Theme Name: Grim
 Author: INDUKTOR
 Version: 1.0
*/

/**
 * Table of Contents:
 *
 */

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic&subset=latin-ext,latin);

@font-face {
	font-family: 'grim';
	src:url('fonts/grim.eot?kml6kn');
	src:url('fonts/grim.eot?kml6kn#iefix') format('embedded-opentype'),
		url('fonts/grim.ttf?kml6kn') format('truetype'),
		url('fonts/grim.woff?kml6kn') format('woff'),
		url('fonts/grim.svg?kml6kn#grim') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Reset */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, nav, section, summary{display:block;}
audio, canvas, video{display:inline-block;}
audio:not([controls]) {display:none; height:0;}
[hidden] {display: none;}
html{font-size: 100%; overflow-y: scroll; height:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, button, input, select, textarea{font-family: 'Roboto', sans-serif;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}

body {background-color:#FFF; background-image: url(images/grim_pattern_background.png); line-height: 1.5; margin:0;}

a{color: #0000FF; text-decoration:underline;}
a:focus{outline:thin dotted;}

h1, h2, h3, h4, h5, h6{clear:both; font-family: 'Roboto', sans-serif; line-height:1.33; margin-bottom:10px;}
h1{font-size:22px; font-weight:bold; line-height:1.15;}
h2{font-size:24px; font-weight:bold; line-height:1.15;}
h3{font-size:17px; font-weight:normal;}
h4{font-size:15px; font-weight:normal;}
h5{font-size:13px; font-weight:normal;}
h6{font-size:11px; font-weight:normal;}

address{font-style: italic;	margin-bottom:10px;}

b, strong {font-weight: bold;}

p{font-family: 'Roboto', sans-serif; font-size:15px; line-height:1.5; margin-bottom:22px;}

ul, ol{font-family: 'Roboto', sans-serif; font-size:15px; line-height:1.5; list-style:none; list-style-position:inside; margin-bottom:10px;}

img{max-width:100%; height:auto !important; display:block;}

/*.block{width:100%; max-width:960px; margin:0 auto;}*/
.wrap{width:100%; max-width:960px; margin:0 auto;}
.container{width:100%; height:auto; padding:0px;}
.container:after{content:''; display:block; height:0; clear:both;}
.col-1 {width:100%;}
.col-12{width:50%;}
.col-13{width:33.333333333%;}
.col-23{width:66.666666666%;}
.col-14{width:25%;}
.col-34{width:75%;}
.col-15{width:20%;}
.col-25{width:40%;}
.col-35{width:60%;}
.col-45{width:80%;}
.col-16{width:16.666666666%;}
.col-56{width:83.333333333%;}
.col-1, .col-12, .col-13, .col-23, .col-14, .col-34, .col-15, .col-25, .col-35, .col-45, .col-16, .col-56{position:relative; float:left; min-height:1px;}


	@media (max-width:640px){
		.col-1, .col-12, .col-13, .col-23, .col-14, .col-34, .col-15, .col-25, .col-35, .col-45, .col-16, .col-56{width:100%;}
		}

/*
	colors

	#B20000 grim_red_11
	#D90000 grim_red_12
	#444444 grim_grey_11
	#888888 grim_grey_12
	#CCCCCC grim_grey_13
	
	#FF0000 grim_red_logo
	#666666 grim_grey_logo_1
	#CCCCCC grim_grey_logo_2
	
*/

.show{display:block !important;} /* za togglat menu*/

/* stuff */

.left, .alignleft{float:left;}
.right, .alignright{float:right;}
.center, .aligncenter{display: block; margin-left:auto; margin-right:auto;}

/* ikone */

[class^="icon-"], [class*=" icon-"] {
	font-family: 'grim';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-check:before{content: "\e900";}
.icon-envelope:before{content: "\e901";}
.icon-file:before{content: "\e902";}
.icon-location:before{content: "\e903";}
.icon-calendar:before{content: "\e904";}
.icon-mobile:before{content: "\e905";}
.icon-phone:before{content: "\e906";}

/* ikone usluga */
[class^="ikona-"]:before, [class*=" ikona-"]:before {
	content:'';
	width:48px; height:48px;
	background-repeat: no-repeat;
}
.ikona-energetsko_certificiranje:before{background-image:url(images/icon_energetsko_certificiranje.png);}
.ikona-etaziranje_objekata:before{background-image:url(images/icon_etaziranje_objekata.png);}
.ikona-izgradnja_objekata:before{background-image:url(images/icon_izgradnja_objekata.png);}
.ikona-legalizacija_objekata:before{background-image:url(images/icon_legalizacija_objekata.png);}
.ikona-projektiranje:before{background-image:url(images/icon_projektiranje.png);}
.ikona-strucni_nadzor:before{background-image:url(images/icon_strucni_nadzor.png);}
.ikona-tehnicka_podrska:before{background-image:url(images/icon_tehnicka_podrska.png);}
.ikona-vodenje_gradilista:before{background-image:url(images/icon_vodenje_gradilista.png);}

/* ".page" */
.layout{box-shadow: 0px 0px 10px #999; background:#FFF;}


/* header */
#main-header{overflow:hidden; min-height: 120px; background-color: #FFFFFF; background-image: url(images/grim_header_img.png);); background-position: bottom; background-repeat: repeat-x;}

	@media (max-width:640px){
		#main-header{background-image:none;}
	}


	/* logo, tagline */
	.logo-tag-block{}
	.site-logo{width:160px; position: relative; float:left;}
	a#logo{display: block; position: relative; float: left; height: 100px; width: 160px; background-image: url(images/grim_logo.png); text-indent:-99999em;}
	.site-tagline{position:absolute; bottom:10px; margin-left:170px;}
	
	/* Language navigation */
	.lang-nav{position:relative; float:right;}
	.lang-item{display: inline-block; margin-left:10px;}
	
		@media (max-width:640px){
			.logo-tag-block{margin-bottom:12px;}
		}

	/* header-contact-box */
	.header-contact-box{position:relative; float:left;}
	.header-contact-box p{display:inline-block; font-size:13px; font-weight:bold; padding:0 10px;}
	.header-contact-box p span{font-size:16px; margin-right:8px;}
	.header-contact-box a{color:#000; text-decoration:none;}
	.header-contact-box a:hover{text-decoration:underline;}

	/* menu button */
	#menu-button{display:none;}
	#menu-button{padding: 5px 10px; background-color:#FFFFFF; background-image: none; border: 2px solid #FF0000; border-radius: 3px; position:relative; float:left; margin-left:10px;}
	.button-line{display: block; width: 22px; height: 3px; margin:5px 0; -webkit-border-radius: 1px; border-radius: 1px; position: relative; background:#FF0000;}
		
	/* Menu */	#navigation{background-color:#B20000;}

	.menu-link-home{position:relative; float:left; background-color:#D90000; margin-top:8px; margin-bottom:4px; margin-left:4px; padding:5px; padding-top:6px; line-height:1; transition:background-color 0.5s ease, color 0.5s ease;}
	span.home_icon{display:inline-block;}
	.home_icon:before{content:""; background:url(images/grim_home_icon.png); width:24px; height:20px; display:inline-block;}
	.menu-link-home:hover{background-color:#FF0000;}
	ul.menu{display:block; list-style:none; position:relative; margin:0; width:100%;}
	ul.menu li{position:relative; float:left; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:16px; padding:8px 0px 4px 4px;}
	ul.menu li a{text-transform:uppercase; line-height:1; color:#FFF; display:inline-block; padding:12px 40px 5px 5px; text-decoration:none; background-color:#D90000; transition:background-color 0.5s ease, color 0.5s ease; }
	ul.menu li a:hover{background-color:#FF0000;}
	ul.menu li.current-menu-item a{color:#FFF; background-color:#FF0000;}
	

	@media (max-width:960px){
		}
				
	@media (max-width:640px){
		#menu-button{display:block; margin:5px; margin-right:0;}
		ul.menu{display:none;}
		ul.menu li, ul.menu li a{width:100%;}
		ul.menu li{font-size:20px; padding:4px;}
		ul.menu li a{padding:10px 20px;}
		.menu-link-home{margin:5px; padding:11px 10px 10px 10px;}
		}
	
/* specials */
.pantone{background:#B20000;}
.black-bg{background:#000;}
.white-bg{background:#FFF;}
.grey-bg{background:#888;}

.block-title{color:#FFF; padding:10px 10px 5px 10px; border-bottom:2px solid #B20000;}
.page-number{}
.block-title h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size:17px; line-height:1.2; margin:0; text-align:left; color:#B20000;}
.block-title a{color:#B20000; text-decoration:none;}

.page-number p{font-size:20px; display:inline-block; position:relative; margin:5px 0 0 10px;}
.page-number a{color:#FFF; text-decoration:none;}

.page-next{position:relative; float:right; width:40px; height:40px;}
.page-prev{position:relative; float:left; width:40px; height:40px;}
.page-next a, .page-prev a{display:block; text-indent:-99999px; width:100%; height:100%;}
.page-next a{background-image: url(images/grim_arrow_page_right.png);}
.page-next a:hover{background-image: url(images/grim_arrow_page_fill_right.png);}
.page-prev a{background-image: url(images/grim_arrow_page_left.png);}
.page-prev a:hover{background-image: url(images/grim_arrow_page_fill_left.png);}

.content{padding:10px;}


/* Front page hilights block */

.hilights-block{background-image:url(images/grim_pattern_content.png); padding:10px;}
.excerpt-front{padding:15px 15px; background:#FFF; border:none;}
.excerpt-front img{margin:0 auto;}
.excerpt-front:nth-of-type(4n){clear:right;}
.excerpt-front:nth-of-type(5n){clear:left;}

.excerpt-front .article-header{text-align:center; margin-top:10px;}
.excerpt-front .article-header a{color:#000; text-decoration:none;}
.excerpt-front .article-excerpt p{line-height:1.3;}

.article-excerpt{margin-bottom:30px;}

.excerpt-front .rm-button{
	display:inline-block; background:#B20000; color:#FFF; padding:6px 8px; text-decoration:none; font-size:13px;
	border-radius:3px; font-weight:bold; transition:background-color 0.5s ease, color 0.5s ease;
	}
.excerpt-front .rm-button:hover{background:#FF0000;}

	@media (max-width:960px){
		.excerpt-front{width:100%; border:none; border-bottom:1px solid #999; padding:15px; margin:0;}
		.excerpt-front img{position:absolute; top:0; left:0; margin:15px;}
		.excerpt-front .article-header{margin-top:0px;}
		.excerpt-front .article-header,	.excerpt-front .article-excerpt{margin-left:270px;}
		.excerpt-front .rm-button{width:auto; padding:8px 24px;}

		}

	@media (max-width:640px){
		.excerpt-front img{position:relative; margin:10px auto;}
		.excerpt-front .article-header,	.excerpt-front .article-excerpt{margin-left:0px;}
		}



/* category */
.category-content{padding-bottom:20px; border-bottom:1px solid #999;}

.category-img{padding-right:25px;}
.category-img img{display:block; max-width:100%; height:auto;}

.excerpt-txt .rm-button{display:inline-block; background:#B20000; color:#FFF; padding:8px 24px; text-align:center; text-decoration:none; font-size:15px; transition:background-color 0.5s ease, color 0.5s ease;}
.excerpt-txt .rm-button:hover{background:#FF0000;}

.category-excerpt .article-header a{color:#000; text-decoration:none;}


	@media (max-width:640px){
		.category-img{padding:0px;}

		}

/* usluge */
.serv-block{text-align:center;}
.serv-block a{color:#B20000; text-transform:uppercase; font-size:17px; text-decoration:none; display:block;}
.serv-box{overflow:hidden; padding:10px;}
.serv-box-in{background-image:url(images/grim_pattern_content.png); position:relative; overflow:hidden; border:2px solid #B20000; padding:10px; box-shadow: 0px 0px 5px #999; min-height:120px;}
.serv-box-in:hover{box-shadow:none; background-color:#CCC; transition:background-color 0.5s ease, color 0.5s ease;}
.serv-box span.icon-check{font-size:32px; color:#B20000; display:inline-block; margin-bottom:10px;}

	@media (max-width:960px){
		.serv-block .col-14{width:50%;}
		}

	@media (max-width:640px){
		.serv-block .col-14{width:100%;}
		}


/* article */
.article .article-header {margin-top:15px;}
.article {padding:10px;}
.article [class*= "align"] {margin-bottom:10px;}
.article .alignleft{margin-right:10px;}
.article .alignright{margin-left:10px;}

.article ol{list-style:decimal; list-style-position:outside; margin-left:2em;} /* margin-left:calc(2em + 10px); */
.article ul{list-style: disc; list-style-position:outside; margin-left:2em;} /* margin-left:calc(2em + 10px); */
.article table{border-collapse:collapse; border-spacing:0px; width:100%;}
.article table .article-content th, .article-content td{border: 1px solid;}
.article th, .article-content td{line-height:1; padding: 0.4em;}

.article blockquote{background:#FF9326; color:#FFF; padding:10px; margin:10px 0;}
.article blockquote * {margin:0px;}
	
/* sidebar */
#sidebar {margin:10px; padding:10px; border:2px solid #B20000; color:#B20000; background-image:url(images/grim_pattern_content.png); box-shadow: 0px 0px 5px #999;}
#sidebar p {margin-bottom:20px;}
#sidebar p.date{font-size:15px; margin-bottom:5px;}
#sidebar a {color:#B20000; text-decoration:none;}
#sidebar a:hover{text-decoration:underline;}

/* Footer */
#footer{padding:0px; color:#FFF; border-bottom:8px solid #444;}
#footer a{color:#FFF;}
#footer p{font-size:15px; margin:0;}
	/* contact form style */
	.form-control{background:#444 !important; color:#CCC !important;}
	
/* Home */
.bxslider{background:rgba(0, 0, 0, 0.5)}
.bxslider img{width:100%; height:auto;}
.bxslider .caption{position:absolute; bottom:0px; background:rgba(0, 0, 0, 0.5); color:#FFF;}
.caption {padding:0 10px;}
.caption a {color:#FFF; text-decoration:none;}
.caption h1, h2, h3, h4{font-size:21px; font-weight:bold;}
.caption p{font-size:15px; margin-bottom:10px;}

	@media (max-width:640px){
		.bxslider .caption{position:relative; float:left; background:none;}
		}

/* Gallery */	
.grim-gallery{position:relative; display:block; list-style:none; width:100%; overflow:hidden;}
.grim-gallery br{display:none;}
.grim-gallery li{position:relative; float:left; width:33.33%; height:auto; padding:10px;}

	@media (max-width:640px){
		.grim-gallery li{width:50%;}
		}

/* slider */
.bx-wrapper {position: relative; margin: 0 auto; padding: 0; *zoom: 1; border-bottom:4px solid #B20000;}
.bx-wrapper .bx-viewport {	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-prev {left: 0px; background-image: url(images/grim_arrow_slider_left.png);}
.bx-wrapper .bx-next {right: 0px; background-image: url(images/grim_arrow_slider_right.png);}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -24px;
	outline: 0;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	z-index: 9999;
}
	@media (max-width:640px){
		.bx-wrapper .bx-controls-direction a {top:25%;}
		}


/* Shortcodes specific */
.block{width: 100%; height:auto; margin-bottom:20px;}
.block:after{content:''; display:block; height:0; clear:both;}

.bling{transition:background-color 0.5s ease, color 0.5s ease;}
.bling:hover{background:#DDD;}

.absolute-txt{position:absolute; top:50%; left:50%; margin-right:-50%; transform:translate(-50%, -50%);}