/* Združenje podjetnikov Naklo - static site
   Rebuilt from the original general_v1.css (2017), CMS removed. */

*,*::before,*::after{box-sizing:border-box}

/* Always reserve the scrollbar track. Without this a short page (home) and a
   long one (47 members) centre the 990px wrapper ~8px apart, and the header
   and navigation look like they move between pages. */
html{overflow-y:scroll}

body{
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	color:#222;
	background:#e9e9e9;
	line-height:1.5;
}

a{text-decoration:none;color:#1c6bb5}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

.wrapp{
	position:relative;
	width:100%;
	max-width:990px;
	margin:0 auto;
	background:#fff;
	box-shadow:0 0 5px 0 rgba(0,0,0,.33);
}
.spacer{padding:20px}

/* ---------- header ---------- */

#header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px}

#logoCont{display:block;width:200px;height:60px;flex:0 0 auto}
#logoCont img{display:block;width:200px;height:60px}

#topContact{text-align:right;font-size:14px;font-weight:bold}
#topContact a{color:#1c6bb5;display:block}

/* ---------- navigation ---------- */

.topNav{
	background:#f85032;
	background:linear-gradient(to bottom,#f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	box-shadow:0 0 5px 0 rgba(0,0,0,.33);
}
.topNav ul{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none}
.topNav li{list-style:none;border-right:1px solid rgba(255,255,255,.5)}
.topNav li:last-child{border-right:none}
.topNav a{
	display:block;
	color:#fff;
	font-size:15px;
	padding:10px 30px;
	text-decoration:none;
	border-bottom:3px solid transparent;
}
.topNav a:hover{color:#fab9af;text-decoration:none}
/* active item must not change text metrics, or the whole bar reflows */
.topNav .topAct a{background:rgba(0,0,0,.16);border-bottom-color:#fff;cursor:default}

/* ---------- content ---------- */

#content{padding:20px;min-height:300px}
#content h1{font-size:22px;margin:0 0 15px}
#content h2{font-size:18px}
#content a{color:#000;font-weight:bold}
#content a:hover{color:#666}

.h1{background:#fafafa;padding:10px;font-weight:bold;margin-bottom:15px}

.newsBody{font-size:14px;margin-bottom:25px}
.backLink{display:inline-block;margin-top:10px;font-size:14px}

/* ---------- members ---------- */

.memberList{margin-top:10px}
.memberBox{
	border-bottom:1px solid #eee;
	padding:8px 4px;
	font-size:14px;
}
.memberBox > summary{
	cursor:pointer;
	list-style:none;
	font-weight:normal;
}
.memberBox > summary::-webkit-details-marker{display:none}
.memberBox > summary::before{content:"\25B8\00a0";color:#f6290c}
.memberBox[open] > summary{font-weight:bold}
.memberBox[open]{background:#fafafa}
.memberBox[open] > summary::before{content:"\25BE\00a0"}
.memberSub{padding:8px 0 4px 16px;font-size:13px;color:#444}

/* ---------- map ---------- */

.mapCont{
	position:relative;
	width:100%;
	height:400px;
	border:1px solid #f8f8f8;
	box-shadow:0 0 4px rgba(50,50,50,.55);
	margin-bottom:10px;
}
.mapCont iframe{width:100%;height:100%;border:0;display:block}
#gMapBig{color:#f52b0f;font-size:13px}

/* ---------- footer ---------- */

.footer{background:#1c6bb5;color:#fff;box-shadow:0 -1px 5px 0 rgba(0,0,0,.33)}
.footer .spacer{display:flex;flex-wrap:wrap;gap:25px}
.footer .footCol{flex:1 1 260px}
.footer h3{text-align:left;margin:0 0 10px;font-size:16px}
.footer ul{margin:0;padding:0}
.footer li{list-style:none;text-align:left;font-size:12px;margin-bottom:10px}
.footer a{color:#fff}

.footerBottom{
	padding:10px 20px;
	background:#f85032;
	background:linear-gradient(to bottom,#f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	color:#fff;
	font-size:13px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:space-between;
}
.footerBottom a{color:#fff}

@media (max-width:640px){
	#header{justify-content:center;text-align:center}
	#topContact{text-align:center;width:100%}
	.topNav ul{flex-direction:column}
	.topNav li{border-right:none;border-bottom:1px solid rgba(255,255,255,.5)}
	.topNav a{padding:10px 20px}
	.footerBottom{justify-content:center;text-align:center}
}

.txtList{margin:0 0 15px;padding:0 0 0 20px}
.txtList li{list-style:disc;margin-bottom:5px;font-size:14px}
#content h2{font-size:17px;margin:22px 0 8px}

/* ---------- cookie consent ---------- */

#cookieBar{
	position:fixed;
	left:0;right:0;bottom:0;
	z-index:9999;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:15px;
	padding:15px 20px;
	background:#fff;
	color:#222;
	font-size:13px;
	line-height:1.5;
	box-shadow:0 -2px 12px rgba(0,0,0,.28);
}
#cookieBar[hidden]{display:none!important}
.cookieTxt{flex:1 1 380px;min-width:0}
.cookieTxt a{color:#1c6bb5;font-weight:bold}
.cookieBtns{flex:0 0 auto;display:flex;gap:10px}
.cookieBtn{
	font-family:inherit;
	font-size:14px;
	padding:9px 26px;
	border-radius:3px;
	cursor:pointer;
	border:1px solid #999;
	background:#fff;
	color:#333;
}
.cookieBtnYes{background:#1c6bb5;border-color:#1c6bb5;color:#fff;font-weight:bold}
.cookieBtnYes:hover{background:#17578f}
.cookieBtnNo:hover{background:#f2f2f2}

.cookieTable{border-collapse:collapse;margin:0 0 15px;font-size:13px;width:100%}
.cookieTable th,.cookieTable td{border:1px solid #e2e2e2;padding:7px 10px;text-align:left}
.cookieTable th{background:#fafafa}

@media (max-width:640px){
	.cookieBtns{width:100%}
	.cookieBtn{flex:1 1 0}
}