/*
Theme Name: Context Relevant
Author: Jackson Fish Market
Author URI: http://jacksonfish.con/
Description: A custom theme for Context Relevant
Version: 1.0
Text Domain: contextrelevant
*/

/* Top-level page structure */

body {
  background-color: rgb(0, 0, 0);
  font: 300 1em/1.5 seravek-web;
  color: rgb(97, 97, 97);
}

.toplevel {
  position: relative;
  width: 80%;
	max-width: 1024px;
	min-width: 1024px;
  /* height: 1500px; */
  margin: 0 auto;
  background-color: rgb(0, 0, 0);
}

/* Site-wide visual artifacts */

/* Horizontal separator */
header .horzline {
  float: left;
  clear: both;
  width: 100px;
  height: 5px;
  margin: 16px 0 0 5.08544%;
  background-color: rgb(255, 255, 255);
}

/* Stephen's signature */

img.signature {
  width: 180px;
  margin: 0 auto;
  display: block;
  height: auto;
  overflow: hidden;
}

/* Link buttons */

.cr_link_container {
	display: block;
	clear: both;
}

.button {
  display: inline-block;
  height: 25px;
	vertical-align: middle;
  border-radius: 15px;
  background-color: #b68722;
  font: 500 0.706em/1.38 Raleway;
	line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff !important;
	text-decoration: none !important;
  width: auto;
	padding: 0px 2em !important;
  margin: 0 -50% 0 auto;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.button:active,
.button:focus,
.button:hover {
  background-color: #d9a432;
}

.button.left {
	margin-top: 2em;
	left: inherit;
	transform: none;
}

.button.dark:active,
.button.dark:focus,
.button.dark:hover {
  background-color: #ffffff;
  color: #d8a434;
}

/* Main nav (sidebar) */

.hamburgermenu {
  display: none;
  visibility: hidden;
  float: left;
  width: 100.5404874213%;
  min-height: 23px;
  margin: 1225px 0 0 -0.54049%;
  font-family: FontAwesome;
  font-size: 0.824em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
}

.hamburgermenu:active,
.hamburgermenu:hover,
.nav .menu:active,
.nav .menu:hover {
  color: #d8a434;
}

.menu-1 {
  float: left;
  margin: 33px auto 0;
  font-weight: normal;
}

.menu-2,
.menu-3,
.menu-4,
.menu-5,
.menu-6 {
  float: left;
  clear: both;
	margin: 15px 0px 0px -0.59564%;
}

.nav {
  position: relative;
  float: left;
  clear: both;
  z-index: 14;
  width: 72.9357798165%;
  height: 364px;
  margin: 0px 0 0 13.53211%;
}

.nav .menu {
  width: 100.544819954%;
  min-height: 23px;
  font-family: Raleway;
  font-size: 0.875rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
}

.main-nav {
  position: absolute;
  top: 0;
  left: 78.515625%;
  z-index: 15;
  width: 220px;
  height: 1149px;
  background-color: rgb(0, 0, 0);
}

.logo {
  display: block;
	width: 191px;
  height: auto;
	margin: 35px auto 0px;
  overflow: hidden;
}

.main-nav .horzline {
	float: none;
	clear: none;
  width: 100px;
  height: 5px;
	margin: 27px auto 0px;
  background-color: #d8a434;
}

/* Footer */

.footer {
  position: relative;
  float: left;
  clear: both;
  z-index: 4;
  width: 78.515625%;
  height: 72px;
  background-color: rgb(74, 74, 74);
}

.footer p.copyright {
  position: absolute;
  top: 27px;
  left: 3.4651723111%;
  z-index: 3;
  min-height: 31px;
  font-size: 0.824em;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}

.socialmedia {
  float: right;
  margin: 21px 2.4% 0 0;
  font: normal 1.55rem/1.38 FontAwesome;
  text-align: right;
  color: rgba(255, 255, 255, 0.42);
}

.socialmedia a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.socialmedia a:hover {
  color: rgb(255, 255, 255);
}

@media(max-width: 1100px) {
	body {
		width: none;
	}

	.toplevel {
		width: 100%;
	}
}

/* Art image post styling */
.art-image {
  float: left;
	overflow: hidden;
  width: 100%;
  height: 350px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}

/*
@media(max-width: 900px) {
	.footer {
		width: 100%;
	}

	.hamburgermenu {
		display: block;
	}

	.main-nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 90px;
		background-color: rgb(0, 0, 0);
	}

	.main-nav {
		background-image: none !important;
	}

	.nav {
		display: none;
	}
}
*/