body {
	font-family: 'Roboto', sans-serif;
}

/*
	skip links	
*/

.skip-links { 
	margin: 0; 
	list-style: none; 
}

.skip-links a {
	outline: #fff dashed 2px !important;
	position: fixed;
	top: 0;
	left: -9000em;
	z-index: 102;
	text-decoration: none;	
}

.polish .skip-links a { outline-color: #000 !important; }

.skip-links a:focus {
	padding: 2px 15px;
	outline-offset: 0 !important;
	outline-color: #fff;	
	left: 15px;
	background-color: #666;
	color: #fff;
}
	
/*
	header
*/

header {
	padding: 15px 0 10px;
	margin-bottom: 0;
	background-color: #fff;
}

.rocznik header { 
	padding: 0;
	background-color: #00703c; 
}

.notes header {
	padding: 10px 0;
	background-color: #23408f;
}

header .container { position: relative; }

header a { display: inline-block; }

.rocznik header a { display: block; }

/*
	main menu
*/	

#main-menu {
	box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
}

#main-menu a { color: #ed1d25;	}

.rocznik #main-menu a { color: #00703c;	}

.notes #main-menu a { color: #23408f; }

#main-menu .wrapper div { margin: 0 -8px; }

#main-menu ul {
	padding: 0;
	margin: 7px 0 5px;
	display: inline-block;
	list-style: none;
	text-align: left;
}

@media (min-width: 1200px) {
	.rocznik #main-menu ul,
	.notes #main-menu ul {
		display: flex;
		justify-content: space-between;
	}
}

#main-menu li {
	display: block;
	line-height: 35px;
}

@media (min-width: 992px) {
	#main-menu li {
		display: inline-block;
	}
}

@media (min-width: 1200px) {
	#main-menu li {
		line-height: 50px;
	}	
}

#main-menu li a {
	padding: 5px 8px;
}

#main-menu li a.active {
	background-color: #ed1d25;
	color: #fff;
	text-decoration: none;
}

.rocznik #main-menu li a.active { background-color: #00703c; }	

.notes #main-menu li a.active { background-color: #23408f; }


/*
	search form
*/
	
#search-form {
	margin: 10px 0;
}

@media (min-width: 700px) {
	#search-form {
		position: absolute;
		bottom: 0;
		right: 15px;
	}
}

#search-form input {
	height: 30px;			
	padding: 2px 5px;
	border: none;
	background-color: #f1f1f1;
	color: #666;
}

#search-form button {
	padding: 0 0 0 5px;
	border: none;
	color: #fff;
	background-color: transparent;				
}

.polish #search-form button { color: #ed1d25; }

#search-form button span.glyphicon {
	font-size: 24px;
	vertical-align: middle;
}

/*
	bn homepage
*/

#bn-homepage {
	position: fixed;
	right: 0;
	bottom: 15px;
	z-index: 100;
}

@media (min-height: 530px) {
	#bn-homepage {
		bottom: auto;
	}
}

/*
	content
*/

figure {
	display: table;
}

figure img {
	border-top: 2px solid #ed1d25;	
	display: table-footer-group;
}

.rocznik figure img { border-top-color: #666; }	/* #00703c; */


.notes figure img { border-top-color: #666; }


figure figcaption {
	display: table-header-group;
	color: #ed1d25;
	font-size: 1.14285em;
}

.rocznik figure figcaption { color: #00703c; }

.notes figure figcaption { color: #23408f; }

.line .container > div {
	margin-top: 20px;
	border-bottom: 2px solid #ed1d25;
}

.rocznik .line .container > div { border-bottom-color: #00703c; }

.notes .line .container > div { border-bottom-color: #23408f; }

ul:last-child .line .container > div {	
	border: none;
	margin-top: 0;
}

/*
li > .line .container > div {
	border-color: #f1f1f1;
}
*/

.author {
	font-size: 1.27em;
	color: #ed1d25;
	font-weight: 400;
}

.rocznik .author { color: #00703c; }

.notes .author { color: #23408f; }

h2,
h3 {
	font-weight: 300;			
	color: #666;
	text-transform: uppercase;
}

.polish h2,
.polish h3 {
	text-transform: none;
}

h4 {
	margin: 20px 0 0;
	font-size: 1.54357em;
	color: #666;
}

.unstyled-list {
	padding-left: 0;
	list-style: none;		
}

.unstyled-list li {
	margin-bottom: 20px;
}

.unstyled-list a {
	display: inline-block;
	text-decoration: none; 
}

.btns {
	margin-top: 15px;
}

.pos-btn {
	padding: 0 8px;
	margin-right: 12px;
	border: 2px solid #ed1d25;
	font-size: 1.08857em;
	font-weight: 700;
	letter-spacing: 0.060em;
	line-height: 21px;
	color: #ed1d25;
	text-transform: uppercase;
	white-space: nowrap;	
}

.rocznik .pos-btn {
	border-color: #00703c;
	color: #00703c;
}

.notes .pos-btn {
	border-color: #23408f;
	color: #23408f;
}

.pos-btn:last-child { margin-right: 0; }

.pos-btn:hover,
.pos-btn:focus {
	color: #fff;
	background-color: #ed1d25;
	text-decoration: none;
}

.rocznik .pos-btn:hover,
.rocznik .pos-btn:focus { background-color: #00703c; }	

.notes .pos-btn:hover,
.notes .pos-btn:focus { background-color: #23408f; }	


.pos-btn .glyphicon {
	font-size: 0.85714em;
	line-height: 21px;
}

.summary {
	margin-top: 20px;
	font-size: 1.27em;	
	font-weight: 300;
	color: #333;
}

#note-wrapper {
	font-size: 1.27em;	
	font-weight: 300;
	color: #333;
}

#note-wrapper a {
	text-decoration: underline;
}

.highlight {
	background-color: yellow;
}

/*
	focus
*/

body.using-keyboard :focus {
	outline: #000 dashed 2px;
	outline-offset: 5px;
	text-decoration: none;
}

body.using-keyboard header a:focus,
body.using-keyboard .pos-btn { outline: none; }

body.rocznik.using-keyboard header :focus,
body.notes.using-keyboard header :focus { outline-color: #fff; }

body.rocznik.using-keyboard header a:focus img,
body.notes.using-keyboard header a:focus img { outline: #fff dashed 2px; }

body.rocznik.using-keyboard header a:focus img { outline-offset: -2px; }	
body.notes.using-keyboard header a:focus img { outline-offset: 2px;	}

body.polish.using-keyboard header a:focus img { 
	outline: #000 dashed 2px;
	outline-offset: 2px;
}

body.using-keyboard header form button:focus { outline-offset: 1px; }