/*
Theme Name: Blocky
Theme URI: http://www.slyme.co.uk/
Author: Simon
Author URI: http://www.slyme.co.uk/
Description: Theme for Mark
Version: 1.1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocky
*/


/*@import url("/wp-content/themes/blocky/assets/css/narrow.css") screen and (max-width: 999px);
@import url("/wp-content/themes/blocky/assets/css/wide.css") screen and (min-width: 1000px);*/
@import url('https://fonts.googleapis.com/css2?family=Shantell+Sans:ital@1&family=Tilt+Neon&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
body {
	margin: 0;
	padding: 0;
	background-color: #4A5568;
	font-family: 'Tilt Neon', sans-serif;
}
#site-logo img {
	display: block;
	width: 100%;
	max-width: 350px;
	height: auto;
	margin: 1em auto;
}
header {
	font-size: 1em;
	margin: 0;
	padding: 0;
	color: white;
	overflow: hidden;
	background:linear-gradient(10deg, rgba(35, 33, 105, 0.8), rgba(50, 102, 168, 0.3)), url(/wp-content/themes/blocky/assets/images/main-bg.jpg);
}
h3 {
	font-size: 1.75em;
	margin: 0;
	padding-top: 1.5em;
	padding-bottom: .5em;
}
header h1 {
	font-size: 1.2em;
	margin: 20px 0 0 0;
}
header a {
	color: white;
	text-decoration: none;
}
header a:hover {
	font-style: italic;
	text-shadow: 3px 3px #4A5568;
}
footer {
	margin: 0;
	padding: 1em;
	color: white;
	overflow: hidden;
}
footer a {
	color: white;
	text-decoration: none;
}
#home-page-title {
	font-size: 2em;
	text-align: center;
	width: 80%;
	margin: 1.5em auto;
	padding: 0;
}
#hamburger {
	overflow: hidden;
	display: block;
	padding: 0 0 0 1em ;
}
#hamburger .hb-icon {
	width: 35px;
	float: left;
}
#hamburger .hb-text {
	width: 100px;
	float: left;
	padding: .5em 0 0 1em ;
}
#hamburger .hb-icon div {
	width: 100%;
	height: 5px;
	background-color: black;
	margin: 6px 0;
}
#myLinks {
	display: none;
}
#primary-menu-list {
	list-style-type: none;
	background-color: #000000;
	padding-left: 0;
	margin: 0;
	border-bottom: solid 1px #FFFFFF;
}
#primary-menu-list ul {
	padding-left: 0;
	margin: 0;
}
#primary-menu-list ul ul {
	padding-left: 0;
	margin: 0;
}
#primary-menu-list li {
	border-top: solid 1px #FFFFFF;
}
#primary-menu-list a {
	display: inline-block;
	width: 100%;
	font-size: 1.1em;
	padding-left: 2em;
	padding-top: .5em;
	padding-bottom: .5em;
}
#primary-menu-list ul a {
	padding-left: 4em;
}
#primary-menu-list ul ul a {
	padding-left: 6em;
}
#primary-menu-list a::before {
	content: '> ';
}
#primary-menu-list ul a::before {
	content: '>> ';
}
#primary-menu-list ul ul a::before {
	content: '>>> ';
}
#content {
	color: #4A5568;
	background-color: #ebebeb;
	overflow: hidden;
}
#post_navs {
	overflow: hidden;
}
#next_link {
	width: 40%;
	float: left;
}
#prev_link {
	width: 40%;
	float: right;
	text-align: right;
}
#prev_link a::after {
	content: " >>";
}
#next_link a::before {
	content: "<< ";
}
#prev_link a, #next_link a {
	text-decoration: none;
	color: #B05603;
;
}
#prev_link a:hover, #next_link a:hover {
	font-style: italic;
	color: #4A5568;
}
#the-loop {
	margin: 1em;
	overflow: hidden;
}
#the-loop .menu {
	list-style-type: none;
	text-align: center;
}
#the-loop .menu li {
	display: inline-block;
}
#the-loop .menu a {
	color: #B05603;
	padding: 1em;
}
.entry {
}
.entry img {
}
.multipost {
	vertical-align: top;
	display: inline-block;
	background-color: #FFFFFF;
	width: 280px;
	/*min-height: 260px;*/
	border: solid 4px orange;
	border-radius: 1em;
	box-shadow: 1px 1px 5px #4A5568;
	margin: 1em;
	padding: 1em;
}
.multipost img {
	display: inline-block;
	width: 100%;
}
#fp1, #fp2, #fp3, #fp4 {
	margin: 1em auto;
	text-align: center;
	vertical-align: top;
}
#fp1 img, #fp2 img, #fp3 img, #fp4 img {
	width: 100%;
}
.fpcatbox {
	vertical-align: top;
	display: inline-block;
	background-color: #FFFFFF;
	width: 280px;
	/*min-height: 260px;*/
	border: solid 4px orange;
	border-radius: 1em;
	box-shadow: 1px 1px 5px #4A5568;
	margin: 1em;
	padding: 1em;
}
.fpcatbox h3 {
	font-size: 1em;
}
.fpcatbox a {
	color: #4A5568;
	text-decoration: none;
}
.fp-separator {
	height: 129px;
	background-image: url("/wp-content/themes/blocky/assets/images/z-bg.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}
.donate-btn {
	display: inline-block;
	border: solid 1px #008CB0;
	border-radius: .5em;
	background-color: #08CAFC;
	box-shadow: 3px 3px 2px #cccccc;
	padding: 1em;
	width: 100px;
	margin: 0 auto;
	text-decoration: none;
	color: #ffffff;
}
.donate-btn:hover {
	box-shadow: 0 0 0;
	font-style: italic;
}
.footer_widgets ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.footer_widgets ul ul li {
	display: inline-block;
}
.footer_widgets ul ul ul {
	display: none;
}
figure {
	margin: 0;
}
#search-input-wrap {
	width: 60%;
	margin: 0 auto;
	padding: 1em;
	border: solid 1px orange;
	border-radius: .5em;
	background-color: white;
	font-size: 1.2em;
}
#searchform {
	margin: 1em 0;
	text-align: center;
}
#s {
	padding: 10px;
	font-size: 17px;
	border: 1px solid grey;
	width: 30%;
	background: #f1f1f1;
	margin-right: 0;
}
#searchsubmit {
  width: 50px;
  margin-left: 0;
  padding: 10px;
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}
#search-text {
	text-align: center;
	margin-top: 1em;
}
@media only screen and (min-width: 600px) {
	#myLinks {
		display: block;
	}
	#hamburger {
		display: none;
	}
	#primary-menu-list a::before {
		content: none;
	}
	#primary-menu-list li {
		border-top: none;
	}
	#primary-menu-list {
		background-color: transparent;
		text-align: center;
		list-style-type: none;
		margin: 0;
		padding: 0;
		border-bottom: none;
	}
	#primary-menu-list li {
		display: inline-block;
	}
	#primary-menu-list a {
		display: inline-block;
		padding-right: 5px;
	}
	#primary-menu-list ul {
		display: none;
	}
	#the-loop {
		width: 80%;
		margin: 1em auto;
		padding: 1em;
		overflow: hidden;
	}
	.footer_left {
		width: 45%;
		float: left;
	}
	.footer_widgets {
		width: 45%;
		float: right;
	}
	.footer_widgets ul {
		list-style-type: none;
	}
}
@media only screen and (min-width: 1200px) {
	header {
		font-size: 1.2em;
		padding: 50px;
	}
	#menu-item-223 {
	}
	#menu-item-223 a {
		padding-left: 0;
	}
	#site-logo {
		width: 350px;
		float: left;
		margin-right: 50px;
	}
	.topnav {
		float: left;
	}
	#primary-menu-list {
		text-align: left;
	}
	#the-loop {
		width: 60%;
	}
	#fp1 {
		width: 70%;
		margin: 0 auto;
	}
}