h1 {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 500;
}

h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
}

a {
	color: #1d99f2;
	text-decoration: none;
}

a:focus, a:hover {
	color: #378bc6;
	text-decoration: underline;
}

.posts-recent li a {
	color: #378bc6;
	text-decoration: none;
}

.btn-custom {
    color: #ffffff;
    background-color: #5bce42;
    border: 1.5px solid #29a30e;
}

.btn-custom.focus, .btn-custom:focus, .btn-custom:hover {
    color: #ffffff;
    background-color: #29a30e;
    transition: background-color 0.3s linear;
}

.content-card img {
	width: auto;
	max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.content-card .btn {
	display: table;
	border-radius: 0;
	margin-top: 15px;
}

.content-card {
	border: 1px solid #e9e9e9;
	border-top: 3px solid #0ca2e0;
/* 	border-top: 3px solid #337ab7; */
}

.content-card#comments {
	padding-top: 5px
}

.content-card .tags a {
	background-color: #bbbbbb;
	font-weight: 475;
}

.btn-custom#comment-button {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    margin-right: auto;
    margin-left: auto;
	width: 70%;
    margin-top: 30px;
}

.btn-custom#comments:on-click {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    margin-right: auto;
    margin-left: auto;
    width: 70%;
    margin-top: 30px;
}

.comment-disclaim {
	margin-top: 35px;
}

.content-card .comments a {
	background-color: #000000;
}

.fa-comment::before {
	content:  "\f086";
}

.content-card li.comments a:hover {
	background-color: #494949;
}

.content-card .tags a:hover {
    background-color: #0ca2e0;
    text-decoration: none;
}

.content-card h1 {
	margin-bottom: 20px;
	margin-top: 0px;
	font-size: 35px;
}

.card {
	border: 1px solid #e9e9e9;
	border-top: 3px solid #0ca2e0;
}

code {
	color: #008c70;
	background-color: #D9D9D9;
}


p > code, li > code, div#donate > code {
 	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */	
}



div#donate {
	padding-top: 7px;
	text-align: center;
}

/******************************
EU Cookie Consent
******************************/
.cc_container {
	background: #f2f2f2 !important;
	color: #333 !important;
	font-size: 17px;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
	border-top: 1px solid #0ca2e0 !important;
	box-sizing: border-box
}

a.cc_more_info {
	color: #0ca2e0 !important;
	transition: none !important;
}

a.cc_more_info:hover {
	color: #0ca2e0 !important;
	text-decoration: underline !important;
}

.cc_btn {
	background-color: #5bce42 !important;
	color: #FFF !important;
	border: 0.5px solid #29a30e !important;
}

a.cc_btn:hover{
	background-color: #29a30e !important;
	transition: background-color 0.3s linear !important;
}

pre {
	color: #ccc;	
}

/******************************
Navbar tweaks
******************************/
/* This does the gradient */
a.navbar-brand {
	background: rgba(80,230,105,1);/* Old Browsers */
	background: -moz-linear-gradient(-45deg, rgba(80,230,105,1) 0%, rgba(12,160,224,1) 33%, rgba(80,230,105,1) 66%, rgba(12,160,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(80,230,105,1)), color-stop(33%, rgba(12,160,224,1)), color-stop(66%, rgba(80,230,105,1)), color-stop(100%, rgba(12,160,224,1)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(80,230,105,1) 0%, rgba(12,160,224,1) 33%, rgba(80,230,105,1) 66%, rgba(12,160,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(80,230,105,1) 0%, rgba(12,160,224,1) 33%, rgba(80,230,105,1) 66%, rgba(12,160,224,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(80,230,105,1) 0%, rgba(12,160,224,1) 33%, rgba(80,230,105,1) 66%, rgba(12,160,224,1) 100%); /* IE 10+ */
	background: linear-gradient(135deg, rgba(80,230,105,1) 0%, rgba(12,160,224,1) 33%, rgba(80,230,105,1) 66%, rgba(12,160,224,1) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50e669', endColorstr='#0ca0e0', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: none;
	/* Google font */
	font-family: 'PT Sans', sans-serif;
	height: 53px;
}

/* Needed for the clear icon to work on non-FF browsers */
a.navbar-brand > i {
	display: initial;
}

.navbar-default {
	background-color: #ffffff;
	padding: 5px 0;
	text-transform: uppercase;
	border-bottom: 2px solid #0ca2e0; /* Blue bottom border on navbar */
}

.nav > li > a:hover {
	border-top: 4px solid #5bce42; /* Upper border on hover */
}

.nav > li > a {
	border-top: 4px solid transparent; /* This keeps the link from hopping around on hover */
}

/* Set small-bar size of wordmark */
@media (min-width: 0px) {

a.navbar-brand {
	padding-top: 9px;
	padding-left: 0px;
	font-size: 2.7rem !important;
}

a.navbar-brand > i {
	font-size: 2.9rem;
}

button.navbar-toggle {
	margin-right: 30px;
}

}

/* Middle size modifications */
@media (min-width:768px) {

/* Shrink the links	 */
.navbar-nav > li > a {
	font-size: 12px;
}

/* Shrink the space between links */
.nav > li {
	margin-left: 7px;
	margin-right: 7px;
}

/* Set the height at same size as small version */
.navbar-default {
	min-height: 62px;
}

/* Vertical alignment */
.navbar-nav > li {
	padding-top: 4px;
}

.navbar-nav {
	padding-right: 0;
	margin-right: 0;
	padding-left: 0;
	margin-left: -15px;
}

}

/* Desktop-size adjustments */
@media (min-width:992px) {

/* Embiggen navlinks */
.navbar-nav > li > a {
	font-size: 14px;
}

/* Embiggen wordmark */
a.navbar-brand {
	margin-left: -15px;
	padding-top: 9px;
	padding-left: 0;
	font-size: 3.3rem !important;
}

a.navbar-brand > i {
	font-size: 3.6rem;
}

/* Set bigger navbar height */
.navbar-default {
	min-height: 72px;
}

.navbar-nav {
	margin-right: 0;
}

/* Vertically aligning navlinks */
.navbar-nav > li {
	padding-top: 7.5px;
}

/* Embiggen space between links */
.nav > li {
	margin-left: 12px;
	margin-right: 12px;
}

}

/* Getting rid of default hover behavior */
.nav > li:hover, .nav > li:focus, .nav > li {
	border-top: 0px
}


.navbar-default .navbar-nav > li > a {
	color: #282828;
	background-color: transparent;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #378bc6;
	background-color: transparent;
}

#foot-right {
	float: right;
}

#foot-left {
	float: left;
	list-style: none;
	vertical-align: middle;
}

div#foot-left{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 130px;
}

footer .links a {
	padding-top: 0px;
	padding-bottom: 0px;
}

.nav > li {
	background-color: #ffffff;
	padding-left: 5px;
}

.nav > li:hover {
	background-color: #ffffff;
}

/******************************
Width fix
******************************/

div.row {
	margin-right: 0;
	margin-left: 0;
}