/* Cognitone tweaks and additions to bootstrap CSS  */

body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;	
	color: rgb(64, 64, 64);	
	margin: 0px;
}

/* Bootstrap overrides */

a:link:not(.btn), 
a:visited:not(.btn) {color:#5085AA;}
a:hover:not(.btn) {color: #b0c8d9; text-decoration:none !important;}

.btn.btn-primary {
	background-color:#5085AA;
	border-color:#5085AA;} 

.btn.btn-primary a {
		color:white !important;} 	

/* hr {height:0px;border:1px solid #CCCCCC;} */

h1, h2, h3, h4 {color:#5085AA;} 
h1 a, h2 a, h3 a, .headline a {text-decoration:none !important; color:#5085AA;}
h1 {font-weight: lighter;}
h2 {margin-bottom: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 18px;}

.big {font-weight:bold;font-size:3.0em;}
.large {font-weight:bold;font-size:1.8em;}
/*.small {font-size: 80%;}*/
.tiny {font-size: 75%}

.copy {font-size:1.25em; color:#5085AA;}
.teaser {font-size: 0.9em; margin:0px;}
.more {color:#5085AA !important; font-style:italic;}
.headline {font-size:1.4em; margin-top:20px;margin-bottom:8px;}
.spaced {letter-spacing:0.25em;}
.inverse {color:white;}
.backlink, a.backlink {font-size: 80%; text-decoration: none;}
.separated {display:none; visibility:hidden;}
/* Music Examples */
.explain {margin-bottom:0px;margin-top:0px}
.chords {color:#0066FF;margin-bottom:4px;margin-top:8px}
.playback {margin-bottom:8px;margin-top:2px}

/* FontAwesome shortcuts & aliases */

.inline-bullet {
	display: inline-block;
	font: normal normal bold 14px/1 "Font Awesome 6 Pro";
	font-size: inherit;
	text-rendering: auto;
	color:#5085AA !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.inline-bullet::before {
	content: "\f324";
}

/* FAQ & Resource Links */
h3.faq, h3.resources {font-size: 1.4em;}
p.faq, p.resources {margin-top: 0.2em;}

/* Background colors & default font sizes */
.paper {background-color:white}
.data, .form {background-color:#E9F9FF;}
.achtung {background: #fef3cd; color: #856400;}

/* Inlined message boxes */
.success {background: #C6FEC3; padding: 10px; border: 1px solid #999;}
.failure, .error {background: #FFDFE0; padding: 10px; border: 1px solid #999; color:red; font-weight: bold;}
.red {color:red; font-weight: bold;}
.dimmed {color: #999;}

/* Images */

img {border:0}
img.article-right {
	float: right; 
	margin: 8px; 
	max-width: 320px;
	height: auto;
}
img.article-left {
	float: left; 
	margin: 8px;
	max-width: 320px;	
	height: auto;	
}

@media (max-width:700px) {
img.article-right {
	float: none; 
	max-width: 100%;
}
img.article-left {
	float: none; 
	max-width: 100%;	
}
}

img.download-thumb {
	margin-bottom: 10px;
	max-width: 600px;
}

img.img-brands {
	height: 40px;
	width:  auto;
	margin-top: 6px;
	margin-left: 0;
	margin-right: 0;
}

/* Special elements */
.fixed {font-family:"Courier New","Courier","mono";} 
.capital {font-size:500%; font-weight:bold; color:#5085AA}
.previous {font-weight: normal; color:#F00; text-decoration: line-through;}

.hyphen {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;}

/* Forms */

form > label,
.form-group label
{display: block; font-size:0.8em; margin-top:8px; margin-bottom:0px;color:#5085AA} 

form .btn {margin-top: 10px;}

#customSearch {
	width: 300px;
	display: inline;
}


/* Service boxes aside main content */

.sidebar {
	display: block;
	float: right;	
	margin: 10px 0px 10px 20px;		
	border: 1px solid #999;
	border-radius: 6px;
	padding: 8px;
	background: #fef3cd;
	color: #856400;
	font-size: 0.8em;
}

.sidebar ul {
	margin-left: 0;
	padding-left: 18px;
}

.sidebar ul li {
	margin-bottom: 8px;
}

.sidebar.narrow {
	max-width: 160px;
}

.sidebar.wide {
	width: 30%;
	min-width: 250px;
}

.clear {
	clear: both;
}


/* Individually positioned items in top navigation area */

#main {
	background-color: white;
}

#home-video {
	text-align: center;
}

.inset {
	padding-top: 0px;
	padding-bottom: 40px;
}

.content {
	padding-top: 60px;
	padding-bottom: 40px;
}

.content-checkout {
	padding-top: 0px;
	padding-bottom: 40px;
}

/* Smoother BS4 container scaling */

@media (max-width: 700px) {
	.container { max-width: 100%; }
}

@media (min-width: 700px) {
	.container { max-width: 90%; }
}

@media (min-width: 1280px) {
	.container { max-width: 1152px; }
}

div.embed-responsive {
	margin-bottom: 40px;
	max-width: 1152px;
}

@media (min-width:1152px) {
	/* large screens */
	div.embed-responsive {
		margin-top: 40px;
	}
}

/* Watermark background picture */
.watermark {
	background-image: url(/assets/img/gekkomark-background.png);
	background-position: right center;	
	background-repeat: no-repeat;
}

#gekko-top {
	display: block;
	position: fixed; 
	top:20px; 
	left:3%;
	z-index:9000; 
}

@media (max-width:1500px) {	
#gekko-top {
	display:none;
}
}

@media (min-width:1000px) {	
#gekko-bottom {
	display:none;
}
}

.payments {
	display:inline-block;
	height:36px;
	width:auto;	
}