/*
 *
 * Strange Case
 * ------------
 *
 * Built by ExchangeRate-API with Bootstrap - inspired by
 * Hyde (https://github.com/mdo/hyde) for Hugo.
 *
 *
 * CSS SECTIONS
 *
 * Defaults
 * Blog Content
 * Sidebar
 * Themes
 *
*/


/* DEFAULTS */

/* roboto-regular - latin-ext_latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/roboto-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Roboto'), local('Roboto-Regular'),
		 url('/fonts/roboto-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/roboto-v20-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/roboto-v20-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/roboto-v20-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }


html, body {
	height: 100%
}
h1, h2, h3, h4 {
	font-family: Roboto, sans-serif;
}
p {
	font-family: Roboto, sans-serif;
	font-size: 1.2em;
}
img {
	max-width:100%;
}



/* BLOG CONTENT */


.content {
	padding-left: 5em;
}
@media (max-width: 768px) {
	.content {
		padding-left: 1em;
	}
}
.content li {
	font-size: 1.2em;
}
.content blockquote {
	font-size: 1.1em;
	border-left: 5px solid #ccc;
}

.post {
	margin-bottom: 3em;
	text-align: left; 
}
.post .post-heading {
	margin-bottom: 1em;
}
.post .post-heading h1 {
	margin-top: 1.4em;
}
.post h1 {
	font-size: 2.1em;
	margin-bottom: 0.2em;
	margin-top: 1em;
	font-weight: bold;
}
.post h2 {
	font-size: 1.8em;
	margin-bottom: 0.2em;
	margin-top: 1em;
	font-weight: bold;
}
.post .post-heading span {
	font-size:1.4em;
}



/* SIDEBAR */


.sidebar {
	padding: 2em;
	font-size: 1.3em;
	text-align: left;
}
.sidebar .sidebar-content {
	width:85%;
	margin:0 auto;
}
.sidebar .sidebar-freetext {
	margin-top: 1.5em;
}
.sidebar .sidebar-menus {
	padding-left: 0;
	margin-left: 0;
	margin-top: 1.5em;
}
.sidebar .sidebar-menus li {
	list-style: none;
	font-size:1em;
}
.sidebar .sidebar-recent {
	margin-top: 1.5em;
}
.sidebar .sidebar-menus li a {
	text-decoration:underline;
}
.sidebar .sidebar-contact {
	padding-left: 0;
	margin-left: 0;
	margin-top: 1.5em;
}
@media (min-width: 768px) {
	.sidebar {
		top: 0;
		bottom: 0;
		left: 0;
		position: fixed;
	}
	.sidebar-content {
		bottom: 1em;
		left: 1em;
		right: 1em;
		position: absolute;
	}
	.sidebar .sidebar-content {
		width:75%;
		margin:0 auto;
	}
}
@media (max-width: 992px) {
	.sidebar {
		font-size: 1em;
	}
}
@media (max-width: 1200px) {
	.sidebar {
		font-size: 1.1em;
	}
}
.sidebar h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 0;
}
.sidebar li {
	font-size: 0.8em;
}
p.copyright {
	font-size: 0.7em;
	border-top: 1px dotted #ccc;
	padding-top: 1em;
	margin-top: 2em;
	margin-bottom: 0.1em;
}
p.attr {
	margin-top: 0;
	font-size: 0.6em;
}


/* THEMES */


/* Gulf Racing Scheme */
.scheme-gulfracing .sidebar {
	background-color: #85B2D3;
	color: #444;
}
.scheme-gulfracing .sidebar h1 {
	color: #1C1C28;
}
.scheme-gulfracing .sidebar a {
	color: #444;
}
.scheme-gulfracing .content a {
	color: #E75E16;
}
.scheme-gulfracing .post .post-heading span {
	color: #9a9a9a;
}

/* YOUR SCHEME HERE */
.scheme-relive .sidebar {
	background-color: #0c1827;
	color: #ccc;
}
.scheme-relive .sidebar h1 {
	color: rgb(118, 53, 238);
}
.scheme-relive .sidebar a {
	color: #88f !important;
	text-decoration: none;
}
.scheme-relive .sidebar .sidebar-menus li a {
	color: #88f !important;
	text-decoration: none;
}
.scheme-relive .content h1 a {
	color: #228;
}
.scheme-relive .content a {
	color: #44f;
}
.scheme-relive .post .post-heading span {
	color: #9a9a9a;
}

/*
	#6c6b74	grayish
	#2e303e darker
	#212624 darkest
	#c8cbde lighter blue
	#9199be light blue
	#54678f dark blue (content links)
*/
.scheme-cool .sidebar {
	background-color: #54678f;
	color: #eee;
}
.scheme-cool .sidebar h1 {
	color: #eee;
}
.scheme-cool .sidebar a {
	color: #c8cbde;
	text-decoration: none;
}
.scheme-cool .sidebar .sidebar-menus li a {
	color: #c8cbde;
	text-decoration: none;
}
.scheme-cool .content h1 a {
	color: #54678f;
}
.scheme-cool .content a {
	color: #9199be;
}
.scheme-cool .post .post-heading span {
	color: #9199be;
}
.scheme-cool .content code {
	color: #54678f;
	background-color: #f4f4f4;
}

/*
 * The original Hyde theme uses Base16 for colour schemes so
 * we decided to also use this project. We picked different
 * colors though. We also used the Ocean and 80's palettes in
 * addition to the Default palette.
 *
 * Base16: (http://chriskempson.github.io/base16)
 *
*/

/* Dark Brown Scheme */
.scheme-darkbrown .sidebar {
	background-color: #2d2d2d;
	color: #f2f0ec;
}
.scheme-darkbrown .sidebar h1 {
	color: #99cc99;
}
.scheme-darkbrown .sidebar a {
	color: #99cc99;
}
.scheme-darkbrown .content a {
	color: #2d2d2d;
}
.scheme-darkbrown .post .post-heading span {
	color: #9a9a9a;
}

/* Light Brown Scheme */
.scheme-lightbrown .sidebar {
	background-color: #d3d0c8;
	color: #393939;
}
.scheme-lightbrown .sidebar h1 {
	color: #393939;
}
.scheme-lightbrown .sidebar a {
	color: #515151;
}
.scheme-lightbrown .content a {
	color: #393939;
}
.scheme-lightbrown .post .post-heading span {
	color: #9a9a9a;
}

/* Orange Scheme */
.scheme-orange .sidebar {
	background-color: #f99157;
	color: #f2f0ec;
}
.scheme-orange .sidebar h1 {
	color: #515151;
}
.scheme-orange .sidebar a {
	color: #747369;
}
.scheme-orange .content a {
	color: #393939;
}
.scheme-orange .post .post-heading span {
	color: #9a9a9a;
}

/* Green Scheme */
.scheme-green .sidebar {
	background-color: #a3be8c;
	color: #4f5b66;
}
.scheme-green .sidebar h1 {
	color: #2b303b;
}
.scheme-green .sidebar a {
	color: #eff1f5;
}
.scheme-green .content a {
	color: #2d2d2d;
}
.scheme-green .post .post-heading span {
	color: #9a9a9a;
}

/* Slate Scheme */
.scheme-slate .sidebar {
	background-color: #a7adba;
	color: #343d46;
}
.scheme-slate .sidebar h1 {
	color: #2b303b;
}
.scheme-slate .sidebar a {
	color: #bf616a;
}
.scheme-slate .content a {
	color: #65737e;
}
.scheme-slate .post .post-heading span {
	color: #9a9a9a;
}

.img-float-left {
	float: left;
	padding: 0.7em 1em 8px 0px;
}

.img-float-right {
	float: right;
	padding: 0.7em 0px 8px 1em;
}