/*
 Theme Name:  VC HOF
 Theme URI:   https://venturacountysportshalloffame.org
 Description: Custom theme for Ventura County Sports Hall of Fame based on Snaps theme
 Author:      ZestNet, Inc.
 Author URI:  https://zest.net/
 Template:    snaps-wpcom
 Version:     1.1
 Text Domain:	vchof
*/

/* General Reset */
*	{
	font-weight: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}
::before, ::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a:active, a:hover {
	outline:0;
}
/* END General Reset */

/* Header */
.site-text-contain {
  height: 125px !important;
}
.site-logo-link img {
	max-height: 125px;
	max-width: 200px;
}
/* END Header */


/* Main Navigation Menu */
nav#anchor {
	font-family: 'Rokkitt', serif;
    font-weight: 400;
	background-color: black;
}
.site-navigation a {
	font-size: 1em;
}
.main-navigation a {
	color: #fff;
}
.main-navigation a:hover, .main-navigation a:focus {
	background: rgb(238, 42, 21);
	color: #fff;
	text-decoration: none;
}
.main-navigation ul ul {
	background: rgb(238, 42, 21);
	float: left;
	left: -9999em;
	position: absolute;
	right: auto;
	text-align: left;
	top: 100%;
	z-index: 99999;
}
/* Highlight nav link of current page, or last visible ancestor 
 * Also highlight on hover */
.main-navigation li.current-menu-item > a,
.main-navigation li.current-page-ancestor:not(.menu-item-has-children) > a,
.main-navigation ul ul a:hover 
{
	background-color: rgb(190, 31, 14);
	color: #fff;
}
.main-navigation li.current-menu-item > a{
	text-decoration: underline;
}
@media screen and (max-width: 800px){
	.main-navigation .menu ul a:hover {
		background-color: rgb(238, 42, 21);
		color: #fff;
	}
}
@media screen and (max-width: 800px) {
	.main-navigation .menu {
		background: #b2b2b2;
	}
}
@media screen and (max-width: 800px) {
	.menu-toggle, .menu-toggle:focus {
		color: #fff;
		font-size: 1em;
	}
	.menu-toggle:hover, .open-menu .menu-toggle{
		background-color: rgb(238, 42, 21);
		color: #fff;
	}
}
/* END Main Navigation Menu */


/* Footer */
#secondary .widget:last-child {
	margin-bottom: 0;
}
.widget_media_image a {
	display: inline-block;
}
.widget_media_image .image {
	display: block;
}

footer#colophon.site-footer {
	background-color: rgb(190, 31, 14);
	padding: 1em 3%;

}
div.site-info {
	color: #fff;
	font-family: 'Rokkitt', serif;
	font-size: 1em;
	margin-top: 0;
}
/* END Footer */

/* General Style Rules */
h1.entry-title {
	font-family: 'Rokkitt', serif;
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -.5px;
	line-height: 1;
}
@media screen and (max-width: 800px) {
	h1.entry-title {
		
	}
}
h2 {
	color: rgb(238, 42, 21);
	font-family: 'Rokkitt', serif;
	font-weight: bold;
	font-size: 3.0em;
	letter-spacing: -.5px;
	line-height: 1.0;
	margin-bottom: .15em;
	text-transform: none;
}
h3 {
	margin: 1.0em 0 0;
}
.no-mobile {
	width: 25%;
}
.content-block{
	float: left;
	width: 65%;
}
@media screen and (max-width: 800px) {
	.no-mobile {
		display: none;
	}
	.content-block{
		width: 100%;
	}
}
/* END General Style Rules */

/* Buttons */
.button-wrap {
	background-color: rgb(255, 255, 255);
	border: 2px solid rgb(238, 42, 21);
	border-radius: 8px;
	box-sizing: border-box;
	color: rgb(238, 42, 21);
	display: table;
	font-family: "Rokkitt",serif;
	font-size: 2em;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5;
	margin: 1em 0;
	max-width: 100%;
	padding: 5px 15px 0;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out 0s;
}
/* @media screen and (max-width: 800px) {
	.button-wrap{
		margin: 1em 0;
	}
} */
.button-wrap a.button{
	color: rgb(238, 42, 21);
	text-align: center;
}
.button-wrap:hover {
	background-color: rgb(238, 42, 21);
	color: #fff;
}
.button-wrap:hover a.button{
	color: rgb(238, 42, 21);
	color: #fff;
}
/* END Buttons */


/* Specific Page Edits */
/* 3323=Home */
.page-id-3323 .site-text-contain {
  height: 520px !important;
}
@media screen and (max-width: 800px) {
	.page-id-3323 .site-text-contain {
		height: 400px !important;
	}
}
@media screen and (max-width: 600px) {
	.page-id-3323 .site-text-contain {
		height: 250px !important;
	}
}
.page-id-3323 .site-logo-link img {
	max-height: 320px;
	max-width: 483px;
}
@media screen and (max-width: 482px) {
	.page-id-3323 .site-logo-link img {
		width: 100%;
	}
}
.post-3323 .entry-title {
	display: none;
}
.post-3323 p.welcome	{
	font-family: 'Rokkitt', serif;
    font-weight: 400;
	font-size: 2.0em;
	line-height: 1.2;
}

/* 3432=Hall of Fame Inductee Nomination */
#fsCell48189720 {
    font-weight: bold;
    font-size: 16px;
}
/* 861=Our Story */
#post-861 .entry-header {
	margin-left: 25%;
	padding-left: 1.5em;
}
@media screen and (max-width: 800px) {
	#post-861 .entry-header {
		margin-left: 0;
		padding-left: 0;
	}
}
/* END Specific Page Edits */


/* Formstack */
.fsborderradius .fsBody .fsSectionHeader {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-bottom: 40px;
	background-color: rgb(238, 42, 21);
	padding: 10px;
}
.fsborderradius .fsBody .fsForm .fsSectionHeading {
	margin-bottom: 0;
	text-align: center;
	font-size: 28px;
	font-weight: 400;
	font-style: normal;
	line-height: 28px;
	color: #fff;
}
#content .fsBody .fsLabel {
	font-weight: bold;
}

/* END Formstack */


/* Form Style */
.form-page .entry-title {
	text-align: center;
}
h6 a {
    text-decoration: underline;
}
/* END Form Style */


/* Single Inductee Page */
.back-to-inductees {
  float: right;
  font-family: 'Rokkitt', serif;
  font-size: 1.25em;
  font-weight: bold;
  margin-top: -2.5em;
  text-transform: uppercase;
}
.back-to-inductees .arrow {
	color: rgb(238, 42, 21);
}
.featured-image {
	width: 30%;
	float: left;
}
.bio {
	width: 60%;
	float: left;
	margin-left: 5%;
}
@media screen and (max-width: 800px) {
	.featured-image {
		display: none;
	}
	.bio {
		width: 100%;
		float: none;
		margin-left: 5%;
	}
}
.single .bio .entry-header, .single .bio .entry-content-wrap {
	float: none; 
	margin-left: 0;
	width: 100%;
}
.bio h1.entry-title {
  font-size: 3em;
  margin-bottom: 0;
}
.recognized-for {
  font-size: 2em;
  line-height: 1.25em;
  color: #808080;
}
.bio hr {
  background-color: rgb(238, 42, 21);
  border-bottom: 1px solid #ccc;
  height: 3px;
  margin: 1.5em 0;
  width: 40%;
  text-align: left;
}

/* END Single Inductee Page */