/*
CSS for site: www.martinstoeckli.ch
Copyright (c) 2010, Martin Stoeckli (www.martinstoeckli.ch)
*/
body {
	/* font-family: Verdana,Arial; */
	color: #404040;
}

h1 {
	font-size: 2.3rem;
	color: #336084;
}
h2 {
	font-size: 1.7rem;
	color: #336084;
}
h3 {
	font-size: 1.4rem;
	color: #336084;
}

kbd {
	background-color: gray;
}

mark {
	background-color: #fdfaed;
}
mark.path,
mark.menu {
	background-color: #f5f5f5;
	font-size: 0.9em;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
mark.commandline {
  color: #303336;
  background-color: #fdfaed;
}

#banner {
	margin: 0;
	padding-left: 180px;
	padding-top: 30px;
	height: 110px;
	background: #5e88b8 url(images/lyt_title.png) no-repeat left top;
	font-size: 28pt;
	font-family: Verdana,Arial;
	text-shadow: #737373 1px 2px 3px;
	color: #ffffff;
	overflow: hidden;
}

#banner.banner-silentnotes {
	background: #608ab9 url(images/lyt_title_silentnotes.jpg) no-repeat left top;
}
#banner.banner-explorergenie {
	background: #608ab9 url(images/lyt_title_explorergenie.jpg) no-repeat left top;
}

#language img {
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
}
#language img.active {
	border-color: #D1DCE6;
}

#content {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.screenshot-portrait {
	max-height: 550px; /* original 640 */
}
.screenshot-landscape {
	max-width: 310px; /* original 360 */
}

.navbar {
	font-size: 15px;
}
.navbar-dark .navbar-brand {
	font-size: 16px;
	color: #9a9da0;
}
.navbar-dark .navbar-brand.active {
	color: #ffffff;
}
.navbar-dark .navbar-brand:hover {
	color: rgba(255, 255, 255, 0.75)
}
.navbar-dark .navbar-brand:hover.active {
	color: #ffffff;
}
.navbar-icon {
	height: 1.3em;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 40px;
	height: 40px;
	background-color: steelblue;
	border-radius: 8px;
}
.bg-card {
	background-color: steelblue;
}
.card-highlight {
	padding-left: 0.12em;
	padding-right: 0.12em;
	background-color: #25445f;
}

.btn-download {
	color: #fff;
	background-color: #008cff;
	border-color: #008cff;
}
.btn-download:hover {
	color: #fff;
	background-color: #0079db;
	border-color: #0070cc;
}
.link-store {
	display: inline-block;
	margin: 0;
	padding: 10px 4px;
	height: 76px;
	text-decoration: none;
}
.link-store img {
	height: 56px;
}

ul.menu_group {
	list-style: none;
}
ul.menu {
	list-style-image: url(images/lnk_down.gif);
}

ul.featurelist {
	list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='green' version='1.1' width='18' height='18' viewBox='0 0 24 24'><path d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z' /></svg>");
}
ul.featurelist li {
	margin: 0.5em 0 0.5em 0;
	list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='green' version='1.1' width='18' height='18' viewBox='0 0 24 24'><path d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z' /></svg>");
}

.code-title {
	margin: 0.2em 0 0.4em 0;
	font-size: 0.85em;
	color: #6c757d;
}
.hljs {
	display: block;
	overflow-x: auto;
	padding: 0.5em;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	border-color: #f9f0be;
	/* color: #525252; */
	font-size: 0.96em;
	background-color: #fdfaed;
	/* background-color: #ece2d4; */
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-tag {
	color: #a37024;
}
.hljs-number,
.hljs-string {
	color: #588e06;
}
.hljs-addition,
.hljs-comment,
.hljs-quote,
.hljs-meta {
	font-style: italic;
	color: #779576
}
.hljs-emphasis {
	font-style: italic;
}
.hljs-strong {
	font-weight: bold;
}
.hljs-highlight {
	background-color: #e4c1b6;
}

form.form-blue {
	padding: 1.6em;
	background-color: #e7f0fe;
	border: 1px solid #D1DCE6;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

.dbox-donation-button {
	background-color: #5CB85C;
	color: #fff;
	text-decoration: none;
	font-family: Verdana,sans-serif;
	display: inline-block;
	height: 55px;
	padding: 15px 24px;
	font-size: 16px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.dbox-donation-button:hover {
	color: #fff;
	text-decoration: none;
}
.dbox-donation-button img {
	width: 30px;
	height: 30px;
}