/*
	Theme Name: Colobot
	Theme URI: http://colobot.info/
	Description: Motyw dla colobot.info i ICC
	Version: 1.1
	Author: krzys_h & TerranovaTeam
	Author URI: https://colobot.info/forum/member.php?action=profile&uid=7
*/

@import url(//fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic|Ubuntu:400,700,400italic,700italic);

/* Ogolne */
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url("/wordpress/wp-content/themes/colobot/images/background.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-color: #000000;
	background-size: cover;
	font-family: 'Ubuntu';
}

#page {
	min-height: 100%;
	position: relative;
	box-sizing: border-box;
	max-width: 1000px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px 5px rgba(50, 50, 50, 0.5);
}

#pagemain {
	background-color: #F3FFF4;
	border: solid 1px white;
	position: relative;
}

#pagemaincontent {
	width: 90%;
	margin: 0 auto;
}

a {
	color: #007DA0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Menu glowne */
.menu-main-menu-container {
	display: inline;
}
#menu-main-menu {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#menu-main-menu > .menu-item {
	display: inline;
	margin: 0;
}
#menu-main-menu > .menu-item {
	padding-right: 0px;
	border-right: 0px solid #0080FF;
}
#menu-main-menu > .menu-item:after {
	content: " • ";
	color: white;
}
#menu-main-menu > .menu-item:last-child {
	padding-right: 0;
	border-right: none;
}
#menu-main-menu > .menu-item:last-child:after {
	content: "";
}
#footer > div > a, #menu-main-menu > .menu-item > a {
	text-decoration: none;
	color: white;
	font-family: 'Ubuntu Mono';
}
#footer > div > a:hover, #menu-main-menu > .menu-item > a:hover {
	text-decoration: underline;
}

#headerbar {
	font-size: 32px;
	padding: 0.1em 0;
}

#maintitle > a > img {
	margin-top: 4px;
	margin-right: 4px;
	height: 32px;
	vertical-align: baseline;
}

/* Wybieralka jezyka */
.qtranxs_language_chooser {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 1em;
	margin-left: 1em;
}
.qtranxs_language_chooser li {
	float: left;
	margin: 0 15px 0 0 !important;
}
.qtranxs_language_chooser li > a {
	width: 48px;
	height: 28px;
	background-size: 48px 28px;
}

/* Header */
#header {
	width: 100%;
	border-bottom: solid 5px #0B3283;
}

/* Header - pasek górny */
#footer, #headerbar {
	width: 100%;
	background-color: #003D0A;
	box-shadow: inset 0px 0px 10px 5px rgba(0, 45, 0, 1);
}
#headerbar {
	//border-radius: 0 0 12px 12px;
}
#footer {
	//border-radius: 0 0 8px 8px;
}
#maintitle {
	float: left;
	margin-left: 0.25em;
}
.menu-main-menu-container {
	float: right;
	margin-right: 0.25em;
}
#headerbar-end {
	clear: both;
}

/* Header - część z logo */
#headerlogo {
	//background: url(images/headerastronaut.png), url(images/headerbackground.png);
	background: url(images/headerastronaut.png);
	//background-size: contain, cover;
	background-repeat: no-repeat;
	background-position:  left 25px top 75px;
	width: 100%;
	//transition: all .2s ease-in-out;
}
#logo-link {
	display:block;
	height:400px;
	width:460px;
	position: relative;
	top: 25px;
	left: 50px;
	opacity: 0;
	//text-indent:-9999px;
}
#headerlogo:hover {
	//transform: scale(1.3);
	//opacity: 0.7
}

/* Header - zawartosc na logu */
#headercontent {
	float: right;
	width: 35%;
	margin-top: 3em;
	margin-bottom: 3em;
	margin-right: 2em;
	margin-left: 0;
	padding: 0.25em 0.75em;
	background-color: rgba(0, 0, 96, 0.75);
	border-radius: 4px;
}
#headercontent > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.widget_widget-button, #headercontent > ul > .widget_text > div {
	box-sizing: border-box;
	width: 100%;
	margin: 0.5em 0;
	padding: 8px;
	color: white;
	//border-radius: 8px;
}
.widget_widget-button {
	background-color: rgba(20, 225, 20, 0.5);
	transition: background-color 1s;
}
.widget_widget-button:hover {
	background-color: rgba(20, 225, 20, 0.75);
}
.widget_widget-button > a {
	text-decoration: none;
	color: white;
	font-size: 16px;
	display: block;
}
.widget_widget-button > a > img {
	width: 16px;
	height: 16px;
	vertical-align: text-top;
	margin-right: 6px;
	margin-top: 2px;
}

/* Galeria */
#gallery {
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 70px; /* +40px na pasek przewijania - dlaczego to jest tak zrobione? :/ */
	margin-top: 2em;
	//border-radius: 16px;
}
#gallery2 {
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
	margin-top: 2em;
	transition: all .2s ease-in-out;
}
#gallery2:hover {
	transform: scale(1.1);
	opacity: 0.7

}
.nemus-slider {
	width: 70%;
	margin: 0 auto !important;
	padding: 8px !important;
	background-color: #1A3316;
	text-align: center;
	//border-radius: 12px;
}

.nemus-viewport > .slides > .slide { /* TODO: to wygląda brzydko przy przewijaniu, ale na samo .nemus-viewport nie chce działać */
	//border-radius: 12px;
}

.nemus-direction-nav {
	display: none;
}

/* Główna część strony */
#content {
	padding-top: 2em;
	padding-bottom: 2em;
}

#main {
	float: left;
	box-sizing: border-box;
	width: 70%;
	padding: 1em;
	border-right: #0A2B7A solid 5px;
	min-height: 65%;
}

#main.no-sidebar {
	width: 100%;
	border-right: none;
}

#sidebar {
	float: right;
	box-sizing: border-box;
	width: 30%;
	padding-top: 3em;
	padding-left: 1em;
}

#sidebar > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* Wyglad posta */
.post-image-container {
	padding: 5px;
	background-color: #1C5500;
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;
	//border-radius: 4px;
}

.post-image {
	max-width: 150px;
	max-height: 150px;
	width: auto;
	height: auto;
	//border-radius: 4px;
}

.authorbar {
	background-color: #09052E;
	color: white;
	padding: 0.5em;
	font-size: 90%;
	//border-radius: 6px;
}

.authorinfo, .categoryinfo {
	float: left;
	background-color: #2C681A;
	padding: 0.25em;
	border-radius: 4px;
	margin-right: 4px;
}

.categoryinfo > a {
	color: white;
}

.readmore {
	float: right;
}
.widget_widget-did-you-know > div {
	margin: 0 auto;
	text-align: center;
}
.readmore, .widget_widget-did-you-know > div {
	background-color: #2C681A;
	padding: 0.25em;
	border-radius: 4px;
	transition: background-color 1s;
}
.readmore:hover, .widget_widget-did-you-know > div:hover {
	background-color: #14A814;
}

.readmore > a, .widget_widget-did-you-know > div > a {
	color: white;
	text-decoration: none;
	display: block;
}

h2 {
	color: #000060;
}

h1, h2.widgettitle {
	color: #202020;
}

/* Stopka */
#footer {
	position: absolute;
	bottom: 0;
}

#footer_left {
	float: left;
	margin-left: 10px;
}

#footer_right {
	float: right;
	margin-right: 10px;
}

/* "Pobierałka" Golda */
.select {
	width: 100%;
	margin-bottom: 1.5em;
}

.select > table {
	table-layout: fixed;
	width: 100%;
}

.option {
	background-color: #2C681A;
	text-align: center;
	padding: 1em;
	color: white;
	//border-radius: 10px;
	cursor: pointer;
	opacity: 0.9;
	transition: opacity 0.5s, background-color 1s;
}
.option:hover {
	background-color: #14A814;
}

.version {
	font-size: 75%;
	font-style: italic;
}

.description {
	text-align: center;
}

.option.selected {
	opacity: 1;
}

.option.not-selected {
	opacity: 0.4;
}

/* Śrubki */
#screw_top_left {
	position: absolute;
	top: 0;
	left: 0;
 	-moz-transform: rotate(100deg);
 	-webkit-transform: rotate(100deg); 
}
#screw_top_right {
	position: absolute;
	top: 0;
	right: 0%;
}
#screw_bottom_left {
	position: absolute;
	bottom: 0%;
	left: 0;
 	-moz-transform: rotate(24deg);
 	-webkit-transform: rotate(24deg);
}
#screw_bottom_right {
	position: absolute;
	bottom: 0%;
	right: 0%;
 	-moz-transform: rotate(277deg);
 	-webkit-transform: rotate(277deg);
}

#screw_top_left, #screw_top_right, #screw_bottom_left, #screw_bottom_right {
	margin: 10px;
	width: 32px;
	height: 32px;
}
#screw_bottom_left, #screw_bottom_right {
	margin-bottom: 26px;
}

.pagination > span > a {
	color: white;
}

.qtranxs-available-languages-message {
	background: rgba(100, 100, 100, 0.5);
	padding: 5px;
	border-radius: 3px;
}