/*
Theme Name: Giantmecha
Theme URI: http://giantmecha.com/
Description: Giantmecha v4.0 for Hijack Delta
Version: 4.0
Author: Michael Shamoon
Author URI: http://g-fighter.com/
*/

body {
   font-size: 11px;
   font-family: 'Roboto Mono', serif;
}

p {
   line-height: 16px;
   display: block;
   margin: 0 0 8px;
}

.post-content p {
   font-size: 18px;
	line-height: 22px;
}

a {
   color: #000;
}

a:hover {
   background-color: #000000;
   color: #fff;
   text-decoration: none;
}

a:active, a:focus {
   outline: none;
}

a.block-link {
   display: block;
}

p img {
   margin: 0 15px 0 0;
   float: none;
}

#header {
   margin-bottom: 15px;
}

#footer {
	padding-top: 15px;
}

hr {
	border-top: 8px solid #000;
}

.post + .post {
   margin-top: 40px;
}

.post .img-fluid {
   width: 100%;
}

.post video, .post iframe {
   max-width: 100%;
}

.comments-link:hover {
	color: #ccc;
	background-color: #fff;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
}

div.navigation {
   height: 30px;
}

div.page-navigation {
   margin-top: 20px;
}

div.page-navigation a {
   font-size: 22px;
}

.current-cat {
   background-color: #000000;
}

.title {
   margin-top: 0;
   padding: 6px 0 0 0;
   border-top: 8px #000000 solid;
}

div.comment-title {
   padding: 11px 0 15px 0;
   border-top: 4px #000000 solid;
}

div.comment-content {
   padding: 14px 0 15px 0;
}

div.post-content {
   padding: 15px 0 0 0;
}

div#sidebar {
   padding: 14px 0 0 0;
   border-top: 4px #000000 solid;
}

div.comment-content {
   border-top: 1px #000000 solid;
}

@media (min-width: 48em) {
	div.post-content {
	   border-top: 1px #000000 solid;
	}
}

div.post-meta {
   margin-top: 15px;
}

h1.brand {
	font-size: 1em;
}

h1.brand a {
   color: #fff;
   background-color: #000;
   display: block;
}

h1.brand svg {
   width: 33%;
   fill: #fff;
}

h1.brand a:hover {
   background-color: #fff;
   color: #000;
}

h1.brand a:hover svg {
   fill: #000;
}

span.brand-text {
   font-size: 3.3em;
   font-weight: 700;
	display: inline-block;
	width: 65%;
	text-align: right;
}
@media (min-width: 48em) { span.brand-text { font-size: 1.3em; width: 62%; } }

@media (min-width: 62em) { span.brand-text { font-size: 1.9em; } }

span.brand-text a {
   color: rgba(0, 0, 0, 0.5);
}

h2 {
   margin: 4px 0 15px;
   padding: 0;
   line-height: 28px;
   font-size: 22px;
}

h2 a small {
   font-size: 10px;
   font-weight: normal;
}

h3 {
   font-size: 12px;
}

h4 {
   margin: 2px 0;
   padding: 0;
}

h4 a {
   padding: 2px 0;
   display: block;
   width: 178px;
}

textarea#comment {
   padding: 5px;
   width: 100%;
}

#header .col-md-4 {
   position: relative;
}

#searchform .input-group {
   background-color: #000;
}

#searchform button {
   height: 100%;
   border: none;
   margin-left: -1px;
   background-color: #000;
   color: #fff;
   padding: 4px 8px;
}
#searchform button:hover {
   text-decoration: none;
   cursor: pointer;
}

#searchform input[type=text] {
   height: 100%;
   font-family: 'Roboto Mono', serif;
   border-radius: 0;
   border: none;
   background-color: #000;
   color: #fff;
   padding: 4px 0 4px 8px;
}