/*
Theme Name: Homovolans.hr
Description: HTML5 Custom tema za homovolans web
Version: 2.0
Author: Maja & Luka

License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/

@import url(http://fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);

/* html5doctor.com Reset Stylesheet v1.6.1 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

/*  SECTIONS  */
.section {clear: both;padding: 0;margin: 0 auto; max-width: 940px}

/*  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 THREE  */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.1%;}
.span_1_of_3 {width: 33.3%;}

body {font-family: 'Open Sans', sans-serif;}
body.page, body.single {background:url(img/bg_page.jpg) no-repeat center 200px}
body.home {background:url(img/bg_home.jpg) no-repeat center 480px}
a {text-decoration:none;}
h3 {margin:1em 0}
h4 {margin:1em 0;font-family: 'Dosis', sans-serif; color:#000}
p iframe {width:100% !important; height:300px !important}

header {border-top:1em #34a6c6 solid; padding: 0.5em 0;position:relative;z-index:99; height:6em}
header .head_wrap {max-width:940px; margin:0 auto; position:relative}
.head_wrap .logo {float:left;}
.sub-menu {display:none}
nav.menu a {font: 700 1.2em "Dosis"; text-transform:uppercase; color:#666;padding:4px;margin:0 5px;display:inline-block;}
nav.menu {position:absolute; top:3em; right:0}
nav.menu li {display:inline-block;}
nav.menu li a:hover { border-bottom:3px #34a6c6 solid}
.menu-item-has-children:hover a {border-bottom:0px !important}
nav.menu li:hover .sub-menu {display:block;}
li.current-menu-item a, li.current-page-parent a {border-bottom:3px #34a6c6 solid;}
.desni-meni li.current_page_item a {color:#34a6c6}
.sub-menu li.current_page_item a {color:#333}

.sub-menu:before {content:"";z-index:-1; background:#34a6c6; display:block; height:10px; width:10px; position:absolute; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);left:20px;top:-5px}
.sub-menu {position: absolute; background:#34a6c6;padding:0 !important}
.sub-menu li {display:block !important;}
.sub-menu li a {display:block; color:#fff; border:0 !important ; padding:10px 15px; font-size:1em;margin:0 !important;z-index:2}
.sub-menu li a:hover {background: rgba(255,255,255,0.2)}

.novosti {background:rgba(255,255,255,0.6)}
.novosti article {position:relative; min-height:22em; display:block;}
.novosti article h1 { padding:0 0.8em;font:1.4em "Dosis", sans-serif;color:#000}
.novosti .slikica {height:160px; background-size:cover !important; background-position:center !important; margin:1em;border:5px #ddd solid; border-radius:6px}
.novosti .mtekst {padding:0 1.8em;font-size:0.8em; line-height:1.5em; color:#666}
.novosti .citaj {background:rgba(52,166,198,1);border-radius:6px; padding:0.8em; margin:1em 0; color:#fff;display:inline-block; float:right}
/*.novosti .citaj {font-size:1em;color:rgba(52,166,198,1); text-align:right; display:block; margin-top:1em}*/

.banneri {text-align:center; margin-top:2em}
.banneri img {max-width:100%; height:auto; margin:1em}

.pridruzite-se {background:url(img/bg_crta.png) no-repeat center 50px;padding-bottom:1em;margin:2em 0 1em; text-align: center; }
.pridruzite-se hr {background: #f3f3f3;border: 0; margin:1px}
.pridruzite-se img {max-width:100%;}

/*html, body {height:100%}
.push {height: 72px}
footer {background:#34a6c6; margin:3em 0 0; font-size:0.8em;color:rgba(255,255,255,0.5); padding:1em 0; bottom:0; position:absolute; width:100%}*/

footer {background:#34a6c6; margin:3em 0 0; font-size:0.8em;color:rgba(255,255,255,0.5); padding:1em 0}
footer p {max-width:940px; margin:0 auto; text-align:center; padding:0.4em}
.home footer {margin-top:8em}

#sidebar {background-image: -ms-linear-gradient(top, #161616 0%, #333333 100%);background-image: -moz-linear-gradient(top, #161616 0%, #333333 100%);background-image: -o-linear-gradient(top, #161616 0%, #333333 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #161616), color-stop(1, #333333));background-image: -webkit-linear-gradient(top, #161616 0%, #333333 100%);background-image: linear-gradient(to bottom, #161616 0%, #333333 100%);border-bottom:10px #34a6c6 solid;}
#sidebar li {list-style:none}
#sidebar li img {max-width:100%}



/* Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. */
.swiper-container {
	max-width:940px;
	max-height:340px;
	height: 340px;
	top:2em;
	border:3px #ddd solid;
	border-radius:6px;
	z-index:19;}

.swiper-slide {background-size: cover !important; background-position: center !important;}
.swiper-slide-active {}
.swiper-slide-visible {}

/* Pagination Styles */
.pagination {position: absolute;z-index: 20;left: 1em;bottom: 1em;}
.swiper-pagination-switch {background:rgba(255,255,255,0.4);height:12px;width:12px;display:inline-block;margin:2px;border-radius:8px;border:1px #fff solid}
.swiper-active-switch {background:rgba(0,0,0,0.4);}
.swiper-visible-switch {}

.page-naslov {border-bottom:10px #34a6c6 solid; background:#333;}
.page-naslov h1 {font:bold 1.4em "Dosis";padding: 0.8em 0; color:#f3f3f3;}

.page-naslov ul { max-width:800px; margin:0 auto; list-style:none}
.page-naslov ul li {display:inline-block;}
.page-naslov .naslov {width:70%}
.social {vertical-align:middle; padding:1%; width:32px}
.social img {max-height:100%; width:32px}

article.page, .single article.post {line-height:1.6em; color:#666; border-right:1px #e5e5e5 solid; padding:1em}
article.page p, .single article.post p {margin-bottom:1em; font-size:0.9em}
article.page img, .single article.post img {max-width:100%; height:auto;margin-bottom: 1em;}
article.page ul {padding:0 0 2em 2em;font-size:0.9em;}
.desni_stupac{line-height: 1.6em;color: #666;padding: 1em; font-size: 0.9em}
.desni_stupac img {max-width:100%; height:auto}
.page .section, .single .section {border-right:1px #e5e5e5 solid; border-left:1px #e5e5e5 solid;padding-top:2em}

#post-90 {border:0;padding:0}
#post-8 {border-right:0;padding:0}
.intro {padding:1em 3em;color:#666;line-height:1.4em; font-size:0.9em}
#galerija ul {padding:0}

.ostalo h2 {padding:1em; border-bottom:1px #f3f3f3 solid; color:#333}
.ostalo ul {padding:1em;list-style:none}
.ostalo ul li {font-size:0.8em;display:block; margin:2%;overflow:auto}
.ostalo ul li a {display:block;overflow:auto;padding:2%}
.ostalo ul li a:hover {background:#f3f3f3;}
.ostalo ul li a img {max-width:30%; height:auto; float:left;margin-right:5%}
.ostalo ul li a time {color:#666}
.ostalo ul li a h1 {margin-top:0.5em;font-size:1.2em; color:#34a6c6}

.desni-meni li {list-style:none;padding:0 2em; background: url(img/bg_sidebar_menu.png) no-repeat; background-size: 100%;}
.desni-meni li a {text-transform:uppercase;padding:1em; display:block; border-bottom:1px #f3f3f3 solid; color:#666; text-align:center; font-weight:bold;}
.desni-meni li a:hover {background:#666; color:#f3f3f3; transition:background 0.2s;}

.clanovi {border:1px #f3f3f3 solid; padding:1em; margin-bottom:1em; color:#333; font-size:0.9em}
.clanovi legend {font:1.6em "Dosis", sans-serif; padding:0 0.4em; color:#34a6c6; border-right:1px #f3f3f3 solid; border-left:1px #f3f3f3 solid;  border-top:1px #f3f3f3 solid}
.clanovi img {float:left;border:6px #ddd solid; border-radius:4px; margin-right:1em}
.clanovi .skokovi {display:block}
.clanovi .licenca {display:block}
.clanovi .opis {display:block; margin-top:1em}
.clanovi label {color:#bbb; margin-right:0.3em;}

.ngg-albumi {padding:0; margin:0;list-style:none}
.album a {display:block;overflow:hidden; background:rgba(0,0,0,0.5);position:relative; width:48%; float:left;margin:1%}
.album a img {float:left; margin:0 10px 0 0 !important;}
.album a span {font: 1.2em "Dosis"; color:#fff; padding:5px; display:block}
.album a label {float:left;font: bold 8em "Dosis"; color:rgba(255,255,255,0.2); position:absolute; right:5%; top:-60%}

.ngg-galerija h2 {text-align:center; font-weight:400; margin-bottom:2em;}
.ngg-galerija-thumbnail {display:block; float:left; margin:0.9%}
.ngg-galerija-thumbnail a {display:block; background:#f3f3f3; padding:6%;float:left;border:1px #ddd solid; border-radius:4px}
.ngg-galerija-thumbnail a img {display:block; float:left;}

#wpcf7-f58-o1 {padding:0 2em}
#wpcf7-f58-o1 label {padding:1em 1em 0.2em;display:inline-block; font-size:0.8em}
#wpcf7-f58-o1 input, #wpcf7-f58-o1 textarea {padding:2%; font: 1em Arial;width:96%;color:#000;border-radius:5px; border:2px #34a6c6 solid}
#wpcf7-f58-o1 .wpcf7-submit {width:100%;width:100%; background: #34a6c6; border-radius:0; color:#f3f3f3; text-transform:uppercase; font-weight:bold; letter-spacing:2px}
.wpcf7-form {max-width:350px; margin:0 auto}
#recaptcha_area {margin:1em auto;}
#recaptcha_area a {color:#666;}

.kontakt-share {padding:0 !important}
.kontakt-share li {display:inline-block;margin:0 0.4em}

#jPanelMenu-menu {display:none !important}
#jPanelMenu-menu {overflow: auto !important;background:#f3f3f3}
#jPanelMenu-menu a {border:0; font-size:0.9em; padding:1em}
#jPanelMenu-menu li {display:block;}
#jPanelMenu-menu .sub-menu:before {display:none;}
#jPanelMenu-menu li ul {display:block; position:relative; padding:0}
.jPanelMenu-panel {background:none !important;}
/*.jPanelMenu-panel {background:url(img/bg_page.jpg) no-repeat 35px 225px !important;}*/

.dugme {display:none;background:url(img/menu.svg) no-repeat 50% 40% #ddd; height:36px; width:36px; display:block;background-size:36px; padding:0.4em; border-radius:6px;margin:0 auto}
.miniMeni {list-style:none; display:block;padding:0; margin:0}
.miniMeni > li {display:inline-block; max-width:auto;list-style:none; vertical-align:middle}
.dugme-cont {display:none !important}

@media only screen and (max-width: 939px) {
	.novosti article h1 {font:1em "Dosis", sans-serif;}	
	.dugme {display:block}
	.dugme-cont {display:inline-block !important; width:20%;}
	.mainNav-cont {display:none !important}
	.head_wrap .logo {width:77%; float:none}
	.head_wrap .logo img {max-width:100%}
	.page-naslov h1 {padding:1em;}
	#jPanelMenu-menu {display:block  !important}
	.jPanelMenu-panel {background:#fff !important;}
	body.page, body.single {background:none}
}

@media only screen and (max-width: 767px) {
	.col {margin: 1% 0 1% 0%;}
	.novosti article {min-height:0;padding:1em 0 0em;}
	.novosti .slikica {height:120px;}
	.swiper-container {max-height:300px;height: 300px;top:0em;border-radius:0px;}
	.album a span {font: 0.9em "Dosis";}
	.ostalo ul li a time {font-size:0.7em;}	
	.ostalo ul li a h1 {font-size:1em;font-weight:400}	
}

@media only screen and (max-width: 560px) {
	.pridruzite-se {background:none}
	.pridruzite-se div {border-bottom:1px #ddd solid; padding-bottom:1em}
}
@media only screen and (max-width: 480px) {
	.col {margin: 1% 0 1% 0%;}
	.span_3_of_3 {width: 100%;}
	.span_2_of_3 {width: 100%;}
	.span_1_of_3 {width: 100%;}
	.novosti article {min-height:0;padding:1em 0 0em; border-top:1px #f3f3f3 solid}
	.swiper-container {max-height:200px;height:200px;}
	.pridruzite-se div {border-bottom:0px #ddd solid; padding-bottom:0em}	
	#post-90, #post-8 {padding:2em}
	.album a {width:100%;}ž
	.ostalo ul li a time {font-size:1em;}	
	.ostalo ul li a h1 {font-size:1.4em;font-weight:400}
	.page-naslov .naslov {width:65%}
}
.adsbygoogle {background:transparent; margin-top:2em;}