/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 General layout
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Integrations
	13.1 SportsPress
	13.2 WooCommerce
	13.3 BuddyPress
	13.4 WordPay
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:		 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-size: 16px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-bottom: 0.5em;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	margin-bottom: 1.25em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i,
blockquote,
q {
	font-style: italic;
}

blockquote,
q {
	margin: 0 1.25em 1.25em 3em;
	position: relative;
}

blockquote:before,
q:before {
	content: "\f205";
	font-family: "dashicons";
	font-style: normal;
	position: absolute;
	left: -1.25em;
	font-size: 2em;
	top: -0.5em;
}

address {
	margin: 0 0 1.25em;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 15px;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 14px;
	padding: 1px 3px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	overflow-x: hidden;
}

hr {
	border: 0;
	height: 1px;
	margin-bottom: 1.25em;
}

ul,
ol {
	margin: 0 0 1.25em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li {
	margin-bottom: 0.5em;
}

li > ul,
li > ol {
	margin-top: 0.5em;
	margin-bottom: 0;
	margin-left: 1.25em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.25em 1.25em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.25em;
	width: 100%;
}

caption {
	font-size: 16px;
	padding: 0.625em 15px;
	margin: 0 0 -1px;
}

th,
td {
	padding: 0.625em;
}

thead th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	padding: 8px 16px;
	font-size: 14px;
	cursor: pointer;
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="date"],
textarea {
	border-radius: 3px;
	color: #666;
	border: 1px solid #ccc;
	outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="date"]{
	padding: 0.575em;
	font-size: 14px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

select {
	height: 40px;
}

/*--------------------------------------------------------------
5.0 General layout
--------------------------------------------------------------*/
.site {
	overflow: hidden;
}

.site-widgets {
	padding: 0 10px;
	margin-top: 20px;
	width: 100%;
}

.site-widgets .widget {
	margin: 0 auto 10px;
}

.site-widgets .widget:last-child {
	margin-bottom: 0;
}

.site-banner-image {
	display: block;
	width: 100%;
	height: auto;
}

.site-branding {
	padding: 1.75em 3.125%;
	background-size: cover;
	text-align: center;
	clear: both;
}

.site-logo {
	display: inline-block;
}

.site-logo img {
	max-width: 300px;
	max-height: 120px;
}

.site-title {
	margin: 0;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.25;
	float: none;
	clear: none;
}

.site-title a,
.site-title a:hover {
	color: inherit;
}

.site-description {
	font-size: 20px;
	margin: 0;
	float: none;
	clear: none;
	cursor: default;
}

.content-area {
	min-height: 500px;
}

.content-area,
.widecolumn,
.widget-area {
	width: 100%;
	padding: 10px;
	float: left;
	clear: both;
}

.homepage-widgets {
	overflow: hidden;
}

.site-footer {
	overflow: hidden;
	position: relative;
}

.site-footer .footer-widget-region {
	word-wrap: break-word;
}

.site-info {
	padding: 5px 2% 50px;
	position: relative;
}

@media screen and (min-width: 601px) {
	.site-widgets {
		padding: 0 20px;
	}
	.site-branding {
		padding: 1.75em 2%;
		text-align: left;
	}

	.site-branding hgroup {
		overflow: hidden;
	}

	.site-logo {
		float: left;
	}

	.content-area,
	.wide-column,
	.widget-area {
		clear: none;
		padding: 0;
		position: relative;
	}

	.content-area {
		width: 62%;
	}
	
	.content-area-left-sidebar {
		left: 34%;
	}
	
	.content-area-double-sidebar {
		width: 52%;
		left: 24%;
	}

	.content-area-full-width,
	.content-area-no-sidebar,
	.widecolumn {
		width: 100%;
		left: auto;
	}

	.widget-area {
		width: 30%;
	}
	
	.widget-area-narrow {
		width: 20%;
	}

	.widget-area-left {
		float: left;
		right: 62%;
	}

	.widget-area-right {
		float: right;
	}

	.widget-area-left.widget-area-narrow {
		right: 52%;
	}

	.site-copyright {
		float: left;
	}

	.site-credit {
		float: right;
	}

	.site-widgets .widget {
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 801px) {
	.site-footer .footer-widget-region {
		width: 33%;
		float: left;
	}

	.site-footer .footer-widget-region:last-child {
		width: 34%;
		float: right;
	}
}

@media screen and (min-width: 1025px) {
	.site-header,
	.site-content,
	.site-footer,
	.site-info {
		margin: 0 auto;
		width: 1000px;
		max-width: 100%;
	}

	.site-info {
		padding: 5px 0 50px;
	}

	.site-branding,
	.site-widgets {
		width: auto;
	}

	.site-branding {
		margin: 1.75em auto 0;
		padding: 1.75em 0;
	}

	.site-widgets {
		padding: 0;
	}
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	text-decoration: none;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation .menu-toggle {
	width: 100%;
	border-radius: 0;
}

.main-navigation .menu-toggle .dashicons {
	font-size: 20px;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
}

.main-navigation li {
	float: left;
	position: relative;
	margin: 0;
}

.main-navigation a {
	display: block;
	padding: 0.625em 10px;
	font-size: 14px;
}

/* Nested menu */
.main-navigation ul ul {
	position: absolute;
	margin: 0;
	top: auto;
	left: auto;
	z-index: 99999;
	display: none;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li {
	width: 100%;
}

.main-navigation ul ul a {
	min-width: 200px;
}

.main-navigation ul li:hover > ul {
	display: block;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .search-form {
	margin: 0;
	display: none;
}

.main-navigation .search-form .search-submit {
	font-size: 16px;
}

/* Small menu */
.menu-toggle {
	display: none;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.25em;
	overflow: hidden;
		clear: both;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

@media screen and (max-width: 600px) {
	.main-navigation .nav-menu {
		display: none;
	}

	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation li {
		float: none;
	}

	.main-navigation ul ul {
		position: static;
		width: 100%;
	}

	.main-navigation.toggled .search-form {
		display: block;
	}
}

@media screen and (min-width: 601px) {
	.main-navigation .search-form {
		float: right;
		display: block;
	}

	.main-navigation .search-form .search-field,
	.main-navigation .search-form .search-submit {
		width: auto;
	}
}


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.25em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.25em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.article-header:before,
.article-header:after,
.entry-content:before,
.entry-content:after,
.comment-body:before,
.comment-body:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-branding:before,
.site-branding:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.article-header:after,
.entry-content:after,
.comment-body:after,
.comment-content:after,
.site-header:after,
.site-branding:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 20px;
	clear: both;
}

/* Make sure input and select elements fit in widgets */

.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="tel"],
.widget input[type="date"],
.widget textarea {
	width: 100%;
	box-sizing: border-box;
}

.widget-title {
	font-size: 24px;
}

.widget ul {
	margin-left: 1.25em;
}

.widget li:last-child {
	border-bottom: none;
}

/* Calendar widget */
.widget_calendar table {
	table-layout: fixed;
}
	
.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

.widget_calendar tbody td {
	padding: 0.625em;
}

.widget_calendar #today {
	font-weight: bold;
}

.widget_calendar #prev {
	text-align: left;
}

.widget_calendar #next {
	text-align: right;
}

/* Custom lists */
.widget_recent_entries ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_comments ul,
.widget_nav_menu ul,
.widget_links ul,
.widget_meta ul {
	margin-left: 0;
}

.widget_recent_entries ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_nav_menu ul li,
.widget_links ul li,
.widget_meta ul li {
	list-style: none;
	margin-bottom: 0.6em;
}

.widget_recent_entries ul li:before,
.widget_pages ul li:before,
.widget_categories ul li:before,
.widget_archive ul li:before,
.widget_recent_comments ul li:before,
.widget_nav_menu ul li:before,
.widget_links ul li:before,
.widget_meta ul li:before {
	font-family: "dashicons";
	font-size: 1.25em;
	margin-right: 0.3em;
	margin-left: -0.5px;
	line-height: 1;
	display: inline-block;
	opacity: 0.25;
	content: "\f345";
	float: left;
	-webkit-font-smoothing: antialiased;
}

.widget_recent_entries ul li:before,
.widget_pages ul li:before {
	content: "\f105";
}

.widget_categories ul li:before {
	content: "\f318";
}

.widget_archive ul li:before {
	content: "\f480";
}

.widget_recent_comments ul li:before {
	content: "\f101";
}

.widget_links ul li:before {
	content: "\f504";
}

/* Media queries */
@media screen and (min-width: 601px) and (max-width: 1024px) {
	.widget_calendar th,
	.widget_calendar td {
		padding: 0.3125em;
	}
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.hentry {
	margin: 0 0 1.25em;
	clear: both;
}

.entry-details,
.article-details,
.entry-footer {
	display: block;
	clear: both;
	overflow: hidden;
}

.entry-meta,
.entry-footer-links {
	clear: both;
}

.entry-footer-links .tags-links {
	padding-left: 0.625em;
	margin-left: 0.625em;
}

.nav-links a {
	font-size: 14px;
}

.nav-links .meta-nav {
	padding: 0.125em 0.375em;
	display: inline-block;
}

.nav-links .nav-previous .meta-nav {
	margin-right: 0.25em;
}

.nav-links .nav-next .meta-nav {
	margin-left: 0.25em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.article-header {
	overflow: hidden;
}

.article-thumbnail {
	display: block;
	margin: 0 auto 20px;
	width: 150px;
}

.article-content {
	overflow: hidden;
}

.entry-header,
.article-header {
	position: relative;
	margin: 0;
}

.entry-thumbnail img {
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0 auto 0.625em;
	display: block;
}

.sticky .entry-title:before {
	font-family: "dashicons";
	font-size: 1.25em;
	margin-top: 0.1em;
	margin-right: 0.2em;
	line-height: 1;
	display: inline-block;
	content: "\f109";
	float: left;
}

.entry-footer {
	text-align: right;
}

.page-links {
	clear: both;
	margin: 0 0 1.25em;
}

.search-form {
	margin: 0 0 1.25em;
}

.search-form:after {
	content: "";
	display: table;
	clear: both;
}

.search-form .search-field {
	width: 80%;
	box-sizing: border-box;
	display: block;
	float: left;
}

.search-form .search-submit {
	width: 20%;
	display: block;
	float: right;
	font-family: "dashicons";
	font-size: 16px;
	font-weight: normal;
	line-height: 21px;
	padding: 8px 0;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comments-area ol {
	list-style: none;
}

.comment-list {
	margin: 1.25em 0 3em;
}

.comment-body {
	position: relative;
	margin-bottom: 1.25em;
}

.comment-content {
	min-height: 60px;
}

.comment-author .avatar {
	width: 30%;
	float: left;
	position: absolute;
}

.comment-author .fn {
	float: right;
	width: 65%;
	margin-bottom: 0.25em;
}

.comment-author .says {
	display: none;
}

.comment-metadata {
	position: absolute;
	right: 15px;
	bottom: 0.625em;
	font-size: 14px;
	z-index: 2;
}

.comment-metadata .edit-link {
	padding-left: 0.625em;
	margin-left: 0.625em;
	border-left: 1px solid transparent;
}

.comment-metadata .edit-link {
	border-left: 1px solid #e0e0e0;
}

.comment-content {
	position: relative;
	float: right;
	width: 65%;
	padding: 0.625em 15px 0.625em;
	background: #f4f4f4;
	border: 1px solid #e0e0e0;
}

.comment-content a {
	word-wrap: break-word;
}

.comment-content:before {
	content: "";
	display: block;
	width: 10px;
	height: 20px;
	position: absolute;
	left: -10px;
	top: 12px;
	border: 10px solid transparent;
	border-left: none;
	border-right-color: #e0e0e0;
}

.comment-content:after {
	content: "";
	display: block;
	width: 10px;
	height: 20px;
	position: absolute;
	left: -9px;
	top: 12px;
	border: 10px solid transparent;
	border-left: none;
	border-right-color: #f4f4f4;
}

.comment-body .reply {
	position: absolute;
	top: 0;
	right: 0;
}

.comment-body .reply a {
	font-size: 14px;
	margin-bottom: 0.25em;
}

.bypostauthor {
	display: block;
}

@media screen and (min-width: 401px) {
	.comment-author .avatar {
		width: 25%;
	}

	.comment-author .fn,	
	.comment-content {
		width: 71.25%;
	}
}

@media screen and (min-width: 601px) {
	.comment-author .avatar {
		width: 16.1%;
	}

	.comment-author .fn,	
	.comment-content {
		width: 80%;
	}
}

@media screen and (min-width: 801px) {
	.comment-author .avatar {
		width: 12.5%;
	}

	.comment-author .fn,	
	.comment-content {
		width: 85%;
	}
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.25em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
	font-size: 14px;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.25em;
}

.gallery .gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	position: relative;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery .gallery-item img {
	width: 100%;
}

.gallery .gallery-item * {
	display: block;
}

.sp-template-staff-gallery .gallery-item strong {
	display: none;
}

.gallery dd {
	position: absolute;
	margin: 0;
	bottom: 0;
	padding: 0.625em 15px;
	text-align: center;
	width: 100%;
	display: none;
	pointer-events: none;
}

.gallery .gallery-item:hover dd {
	display: block;
}

/*--------------------------------------------------------------
13.0 Integrations
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.1 SportsPress
--------------------------------------------------------------*/
.sp-template {
	margin-bottom: 1.25em;
}

.sp-template table:last-child {
	margin-bottom: 0;
}

.sp-template iframe {
	display: block;
	margin: 0 auto;
}

.sp-view-all-link {
	text-align: right;
	font-size: 14px;
}

.sp-table-caption,
.sp-template-countdown .event-name,
.opta-widget-container h2 {
	font-weight: normal;
	text-align: left;
	border: none;
	margin: 0 0 -1px;
	font-size: 16px;
	position: relative;
	z-index: 2;
}

.sp-table-caption h1,
.sp-table-caption h2,
.sp-table-caption h3,
.sp-table-caption h4,
.sp-table-caption h5,
.sp-table-caption h6 {
	margin: 0;
	font-size: inherit;
}

.sp-data-table tbody tr.odd {
	background: initial;
}

.sp-data-table tbody tr.sub {
	background: rgba(0,0,0,0.05);
}

.sp-table-wrapper .dataTables_paginate {
	margin-top: -1px;
	font-size: 14px;
	padding: 0.125em 0.625em;
}

.sp-template-countdown h5 {
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	padding: 0.635em 15px;
	border: 1px solid transparent;
	border-top: none;
	margin: 0;
}

.sp-template-countdown {
	width: 100%;
	overflow: auto;
		zoom: 1;
}

.sp-template-countdown .sp-countdown {
	margin: 0;
}

.sp-template-countdown time span {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	padding: 14px 0;
	line-height: 1.25;
	font-size: 24px;
}

.sp-template-countdown time span small {
	display: block;
	clear: both;
	font-size: 14px;
}

.sp-template-event-calendar table {
	table-layout: fixed;
}

.sp-template-event-calendar tbody td {
		position: relative;
}

.sp-template-event-calendar tbody td a:before {
		content: '•';
		position: absolute;
		line-height: 1;
		width: 1em;
		top: 0;
		right: 0;
}

.sp-template-event-calendar #today {
	font-weight: bold;
}

.widget .sp-template-event-calendar thead th,
.widget .sp-template-event-calendar tbody td {
	padding: 0.625em;
}

.widget .sp-template-event-calendar tbody td a:before {
	font-size: 1em;
}

.archive .sp-template-event-logos {
	margin-bottom: 2.5em;
}

.sp-template-event-logos-inline {
	margin-top: 0.5em;
	font-size: 36px;
	clear: both;
}

.sp-template-event-logos img {
	vertical-align: middle;
}

.sp-template-event-logos .sp-team-name {
	font-weight: inherit;
}

.sp-template-event-logos .sp-team-result {
	height: 1.5em;
	min-width: 1.5em;
	padding: 0 0.25em;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.5em;
	font-weight: normal;
}

.sp-template-event-video {
		background: #000;
}

.sp-template-event-video .sp-table-caption {
	display: none;
}

.sp-event-staff {
	font-size: 14px;
	padding: 0.625em 15px;
}

.sp-template-event-performance-icons thead {
	display: none;
}

.sp-template-event-performance-icons td {
	border-width: 0;
}

.sp-template-event-performance-icons .sp-performance-icons {
	width: 40%;
	text-align: left;
	vertical-align: middle;
}

.sp-template-event-performance-icons tbody tr:first-child td {
	padding-top: 0.625em;
}

.sp-template-event-performance-icons tbody tr:last-child td {
	padding-bottom: 0.625em;
}

.sp-template-event-performance-icons .data-number {
	text-align: right;
	padding-left: 15px;
}

.sp-template-event-performance-icons .data-name {
	text-align: left;
	padding-right: 15px;
}

.sp-template-event-performance-icons td:first-child {
	border-left-width: 1px;
}

.sp-template-event-performance-icons td:last-child {
	border-right-width: 1px;
}

.sp-template-event-performance-icons tr:last-child td {
	border-bottom-width: 1px;
}

.sp-template-event-venue .sp-event-venue-map-row td {
	padding: 0;
	background: rgba(0, 0, 0, 0.05);
}

.sp-template-event-blocks .event-results,
.sp-template-event-blocks .event-time {
	font-size: 24px;
}

.sp-template-event-blocks .event-league,
.sp-template-event-blocks .event-season,
.sp-template-event-blocks .event-venue {
	display: block;
	font-weight: bold;
	font-size: 14px;
	clear: both;
	margin: 0 -0.5625em;
	padding: 0 0.625em 15px;
}

.sp-template-event-blocks .event-title {
	clear: both;
	font-weight: bold;
	font-size: 16px;
	margin: 0 -0.9375em -0.625em;
	padding: 0.625em 15px;
}

.widget .sp-template-event-blocks .event-results,
.widget .sp-template-event-blocks .event-time {
	font-size: 24px;
}

.widget .sp-template-event-blocks .event-title {
	margin: 0 -0.9375em -0.625em;
	padding: 0.625em 15px;
}

.sp-template-logo {
	margin: 0 auto 1.25em;
	text-align: center;
	clear: both;
	float: none;
	max-width: auto;
}

.sp-template-photo {
	max-width: none;
	width: 100%;
	text-align: center;
	margin: 0 0 1.25em 0;
	float: none;
}

.widget .sp-template-photo {
	max-width: none;
	margin: 0;
	float: none;
}

.sp-template-photo img {
	width: 100%;
	display: block;
}

.sp-template-team-details {
	display: block;
	clear: both;
}

.sp-template-details dl {
	font-size: 14px;
	padding: 1em 15px 0;
	margin-bottom: 1.25em;
}

.sp-template-details dt {
	width: 40%;
	margin: 0 0 1em;
	float: left;
	clear: left;
}

.sp-template-details dd {
	overflow: hidden;
	margin: 0 0 1em 45%;
}

.sp-template-details dd img {
	vertical-align: middle;
	margin-right: 0.25em;
}

.sp-template .player-group-name,
.sp-staff-name {
	margin-top: 1.25em;
}

.sp-template .player-gallery-group-name,
.sp-staff-name {
	clear: both;
	font-size: 24px;
}

.sp-template-league-gallery dl {
	padding: 0.75em;
}

.gallery dl {
	max-width: 100%;
}

.gallery dd {
	height: auto;
	display: block;
	pointer-events: auto;
	position: relative;
	bottom: auto;
	padding: 0.625em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gallery dd.has-number {
	padding-left: 49px;
}

.gallery dd strong {
	font-weight: normal;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 39px;
	padding: 5px 0;
	text-align: center;
	white-space: nowrap;
}

.sp-header-sponsors {
	margin-bottom: 50px;
}

.sp-header-sponsors .sp-sponsors .sponsor {
	margin: 10px;
}

.sp-footer-sponsors {
	clear: both;
}

.sp-footer-sponsors .sp-sponsors {
	padding: 3em 0;
}

.sp-template.sp-template-tournament-winner {
	color: inherit;
}

.sp-template-tournament-bracket thead th {
	border-top: none;
	border-left: none;
	border-right: none;
}

.sp-template-tournament-bracket td {
	border: none;
}

.sp-template-tournament-bracket .sp-result {
	padding: 2px 5px;
	margin: 0 3px;
}

.sp-template-tournament-bracket .sp-event-venue {
	font-weight: normal;
}

.sp-template-birthdays .gallery dl {
	max-width: 100%;
}

.single-sp_event .entry-header .entry-title {
	text-align: center;
}

.single-sp_event .has-post-thumbnail .entry-header .entry-title {
	margin: 0.25em 0;
}

.single-sp_player .entry-header .entry-title strong {
	padding: 0 0.475em;
	margin-right: 0.25em;
	font-weight: normal;
}

/* SportsPress TV */

.sportspress-tv-iframe {
	display: block;
}

@media screen and (min-width: 481px) {
	.sp-template-photo {
		width: auto;
		max-width: 50%;
		margin: 0 20px 20px 0;
		float: left;
	}
}

@media screen and (min-width: 601px) {
	.main-navigation ul {
		margin: 0 0.625em;
	}

	.article-thumbnail {
		margin-right: 20px;
		float: left;
	}

	.sp-template-logo {
		margin: 0 0 1.25em 20px;
		float: right;
		clear: right;
	}

	.sp-template-event-blocks .event-results,
	.sp-template-event-blocks .event-time {
		font-size: 36px;
	}

	.sp-template-event-calendar tbody td {
		padding: 1.25em 0.675em;
	}

	.sp-template-event-calendar tbody td a:before {
			font-size: 1.25em;
	}

	.single-sp_event .has-post-thumbnail .entry-header .entry-title {
		margin: 0.5em 0;
	}

	.sp-template-photo {
		max-width: none;
		width: 100%;
		margin: 0 0 1.25em 0;
		float: none;
	}

	.sp-header-sponsors {
		margin-bottom: 0;
	}

	.single-sp_team .sp-post-content {
			clear: left;
	}
}

@media screen and (min-width: 801px) {
	.sp-has-venue.sp-has-results .content-area-full-width .sp-section-content .sp-template-event-details,
	.sp-has-venue.sp-has-results .content-area-full-width .sp-section-content .sp-template-event-results {
		float: left;
		width: 70%;
		padding-right: 10px;
		clear: none;
	}

	.sp-has-venue.sp-has-results .content-area-full-width .sp-section-content .sp-template-event-venue {
		float: right;
		width: 30%;
		padding-left: 10px;
		clear: none;
	}

	.sp-has-venue.sp-has-results .content-area-full-width .sp-section-content .sp-template-event-venue .sp-google-map {
		height: 200px;
	}

	.sp-event-performance-teams .sp-template-event-performance-icons {
		width: 50%;
		float: left;
		clear: left;
		padding-right: 10px;
	}

	.sp-event-performance-teams .sp-template-event-performance-icons:nth-child(2n) {
		float: right;
		clear: right;
		padding-right: 0;
		padding-left: 10px;
	}

	.sp-template-event-calendar tbody td {
		padding: 1.75em 0.675em;
	}

	.sp-template-event-calendar tbody td a:before {
		font-size: 1.5em;
	}

	.sp-template-photo {
		width: auto;
		max-width: 50%;
		margin: 0 20px 20px 0;
		float: left;
	}
}

@media screen and (min-width: 1025px) {
	.gallery-columns-3 dl {
		max-width: 33.33%;
	}

	.gallery-columns-4 dl {
		max-width: 25%;
	}

	.gallery-columns-5 dl {
		max-width: 20%;
	}

	.gallery-columns-6 dl {
		max-width: 16.66%;
	}

	.gallery-columns-7 dl {
		max-width: 14.28%;
	}

	.gallery-columns-8 dl {
		max-width: 12.5%;
	}

	.gallery-columns-9 dl {
		max-width: 11.11%;
	}

	.widget_search .search-form .search-field {
		width: 80%;
	}

	.widget_search .search-form .search-submit {
		width: 20%;
		margin-top: 0;
	}
	
	.sp-template-event-calendar tbody td {
		padding: 2.375em 0.675em;
	}

	.sp-template-event-calendar tbody td a:before {
			font-size: 2em;
	}

	.site-widgets .sp-scoreboard-wrapper {
		margin: 0 -35px;
	}
}

/*--------------------------------------------------------------
13.2 WooCommerce
--------------------------------------------------------------*/
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
	padding: 0.625em 1.25em;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
}

.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
	height: 39px;
}

.woocommerce #content .quantity .minus,
.woocommerce #content .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce .quantity .plus,
.woocommerce-page #content .quantity .minus,
.woocommerce-page #content .quantity .plus,
.woocommerce-page .quantity .minus,
.woocommerce-page .quantity .plus {
	height: 50%;
}

.woocommerce #content .quantity .minus,
.woocommerce .quantity .minus,
.woocommerce-page #content .quantity .minus,
.woocommerce-page .quantity .minus {
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

.woocommerce #content .quantity .plus,
.woocommerce .quantity .plus,
.woocommerce-page #content .quantity .plus,
.woocommerce-page .quantity .plus {
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
}

.post-type-archive-product .product {
	margin-bottom: 1.25em;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
	clear: both;
	margin: 0;
	padding: 0.625em 3.125%;
	font-size: 14px;
}

.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
	margin-bottom: 1.25em;
}

.woocommerce #content div.product,
.woocommerce div.product,
.woocommerce-page #content div.product,
.woocommerce-page div.product {
	width: 93.75%;
	margin: 20px 0 20px 3.125%;
	float: left;
	clear: both;
}

@media screen and (min-width: 601px) {
	.woocommerce .woocommerce-breadcrumb,
	.woocommerce-page .woocommerce-breadcrumb {
		padding: 0.625em 2%;
	}

	.woocommerce #content div.product,
	.woocommerce div.product,
	.woocommerce-page #content div.product,
	.woocommerce-page div.product {
		width: 62%;
		margin: 20px 0 20px 2%;
		float: left;
		clear: left;
	}
}

/*--------------------------------------------------------------
13.3 BuddyPress
--------------------------------------------------------------*/
#buddypress #item-header-cover-image {
		padding: 0 20px;
}

#buddypress div#item-header img.avatar {
		margin: 0 20px 20px 0;
}

#buddypress #item-header-cover-image #item-header-avatar img.avatar {
		border: none;
		background: transparent;
}

#buddypress #item-header-cover-image #item-buttons {
		padding: 0;
}

#buddypress div.item-list-tabs {
		margin: 0 0 20px;
}

#buddypress div.item-list-tabs ul li {
		margin-bottom: -1px;
}

#buddypress div.item-list-tabs ul li a:focus {
		outline: none;
}

#buddypress div.item-list-tabs ul li.current a,
#buddypress div.item-list-tabs ul li.selected a {
		opacity: 1;
}

#buddypress div.item-list-tabs ul li a span {
		float: right;
		padding: 4px 8px;
		margin-left: 5px;
		border: none;
}

#buddypress div.item-list-tabs ul li a span.no-count {
		display: none;
}

#buddypress div.item-list-tabs#object-nav ul li {
		float: none;
}

#buddypress div.item-list-tabs#subnav ul li.last {
		float: right;
		margin: 0 0 -1px;
		padding: 5px 0;
}

#buddypress table.forum tr td.label,
#buddypress table.messages-notices tr td.label,
#buddypress table.notifications tr td.label,
#buddypress table.notifications-settings tr td.label,
#buddypress table.profile-fields tr td.label,
#buddypress table.wp-profile-fields tr td.label {
	border: none;
}

#buddypress #messages_search {
	padding: 3px 6px;
	margin: 0;
	line-height: inherit;
	height: auto;
	display: inline;
	width: auto;
}

#buddypress div.dir-search {
	margin: 0;
}

@media screen and (min-width: 601px) {
		#buddypress #item-nav {
				width: 190px;
				float: left;
				padding: 0 20px;
		}

		#buddypress #item-nav li {
				float: none;
				display: block;
		}

		#buddypress #item-body {
				overflow: hidden;
		}

		#buddypress div.item-list-tabs#object-nav {
				margin: 0;
				border-bottom: none;
		}

		#buddypress div.item-list-tabs#object-nav ul li {;
				margin-bottom: 0;
		}

		#buddypress div.item-list-tabs#object-nav ul li a {
				padding-left: 0;
				padding-right: 0;
		}
		
		#buddypress div.item-list-tabs#object-nav ul li a {
				background: transparent;
				border: none;
		}

		#buddypress div.item-list-tabs#subnav {
				margin: 0 0 20px;
		}

		#buddypress div.item-list-tabs#subnav ul li {
				float: left;
		}
}


/*--------------------------------------------------------------
13.4 WordPay
--------------------------------------------------------------*/
.widget .wpay-form-fields-wrapper {
	margin-left: 0;
	margin-right: 0;
}
/*
Theme Name: Rookie
Theme URI: https://www.themeboy.com/rookie/
Author: ThemeBoy
Author URI: https://www.themeboy.com
Description: Rookie is a fully responsive theme made for sports organisations looking to use the SportsPress plugin. Once you’ve installed the theme and SportsPress, you'll be able to select a preset for your sport and demo content to help you get started on building your sports website.
Version: 1.5.4
Requires at least: 3.8
Tested up to: 5.7
Requires PHP: 5.6
Stable tag: 1.5.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rookie
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Rookie is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* Heading Font */
h1,
h2,
h3,
h4,
h5,
h6,
caption,
.menu-toggle,
.main-navigation a,
.gallery-caption,
.wp-caption-text.gallery-caption,
.sp-table-caption,
.sp-template-countdown time span,
.sp-template-event-logos,
.sp-template .player-gallery-group-name,
.single-sp_staff .entry-header .entry-title strong {
    font-family: "Oswald", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

/* Body Font */
body,
button,
input,
select,
textarea,
.sp-template-countdown .event-name,
.sp-template-countdown .event-venue,
.sp-template-countdown .event-league,
.sp-template-countdown time span small,
.sp-template-event-blocks .event-title {
    font-family: "Lato", sans-serif;
    text-transform: none;
}

/* Site Footer Font */
.site-info {
    font-size: 11px;
    text-transform: uppercase;
}

/* Table Cell Font */
th,
td {
    font-size: 14px;
    text-align: center;
}

/* Body Text Color */
body,
button,
input,
select,
textarea {
    color: #222;
}

blockquote,
q {
    font-weight: bold;
    font-size: 18px;
}

blockquote p {
    display: inline;
}

cite {
    display: block;
    font-weight: normal;
    font-size: 14px;
    position: relative;
    text-indent: 2.5em;
    margin-top: 0.5em;
}

cite:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.75em;
    width: 2em;
    height: 1px;
}

/* Quote Icon Color */
blockquote:before,
q:before {
    color: #00a69c;
}

cite:before {
    background: #00a69c;
}

/* Code Color */
pre,
code,
kbd,
tt,
var {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
}

table {
    border-collapse: collapse;
    background: #f4f4f4;
}

/* Horizontal Rule Color */
hr {
    background: #ccc;
}

/* Caption Color */
caption {
    color: #fff;
    background: #2b353e;
    border-top: 8px solid #00a69c;
}

/* Table Cell Color */
table,
th,
td {
    border: 1px solid #e0e0e0;
}

/* Button Color */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    color: #fff;
    background: #00a69c;
    border-radius: 3px;
}

/* Button Hover Color */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #00958c;
}

/* Input Color */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="date"],
textarea {
    color: #666;
    border: 1px solid #ccc;
}

/* Input Focus Color */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus {
    color: #111;
}

/* Background Color */
body {
    background: #e8e8e8;
}

/* Site Logo */
.site-logo {
    margin: -1.75em 0 0;
}

/* Site Widgets */
.header-area-custom .site-widgets {
    padding: 10px;
}

/* Custom Header */
.header-area-custom {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.header-area-custom .site-logo {
    margin-top: -1em;
}

.header-area-custom .site-branding {
    padding: 1.75em;
    min-height: 150px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

/* Tagline Color */
.site-branding hgroup {
    color: #222;
}

/* Content Color */
.site-content {
    background: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

/* Footer Color */
.site-footer {
    background: #2b353e;
    color: #fff;
}

.site-footer .sp-data-table {
    color: #222;
}

.site-footer .footer-widget-region {
    padding: 20px;
}

.site-footer .widget_recent_entries ul li:before,
.site-footer .widget_pages ul li:before,
.site-footer .widget_categories ul li:before,
.site-footer .widget_archive ul li:before,
.site-footer .widget_recent_comments ul li:before,
.site-footer .widget_nav_menu ul li:before,
.site-footer .widget_links ul li:before,
.site-footer .widget_meta ul li:before {
    color: inherit;
}

/* Footer Logo */
.site-footer .footer-logo {
    padding: 20px;
}

/* Info Link Color */
.site-info {
    color: #8b8b8b;
}

.site-info a,
.site-info a:hover {
    color: #8b8b8b;
}

/* Link Color */
a {
    color: #00a69c;
}

/* Link Hover Color */
a:hover {
    color: #00958c;
}

/* Menu Color */
.main-navigation {
    background: #2b353e;
}

/* Menu Link Color */
.main-navigation a {
    color: rgba(255, 255, 255, 0.7);
}

/* Menu Toggle */
.main-navigation .menu-toggle {
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
    outline: none;
}
.main-navigation.toggled .menu-toggle {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

/* Menu Active Link Color */
.main-navigation .nav-menu > .current-menu-item > a,
.main-navigation .nav-menu > .current-menu-parent > a,
.main-navigation .nav-menu > .current-menu-ancestor > a,
.main-navigation .nav-menu > .current_page_item > a,
.main-navigation .nav-menu > .current_page_parent > a,
.main-navigation .nav-menu > .current_page_ancestor > a {
    color: #fff;
}

/* Menu Hover Link Color */
.main-navigation .nav-menu > li:hover > a {
    color: #fff;
    background: #00a69c;
}

/* Menu Hover With Submenu Link Color */
.main-navigation .nav-menu > .menu-item-has-children:hover > a {
    color: #222;
    background: #fff;
}

/* Nested Menu Color */
.main-navigation ul ul {
    background: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

/* Nested Menu Link Color */
.main-navigation ul ul a {
    color: #222;
}

/* Nested Menu Active Link Color */
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current-menu-parent > a,
.main-navigation ul ul .current-menu-ancestor > a,
.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current_page_parent > a,
.main-navigation ul ul .current_page_ancestor > a {
    color: #00a69c;
}

/* Nested Menu Hover With Submenu Link Color */
.main-navigation ul ul li:hover > a {
    background: rgba(0, 0, 0, 0.05);
}

/* Menu Search */
.main-navigation .search-form .search-field {
    padding: 9px 10px;
    border: none;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.main-navigation .search-form .search-submit {
    padding: 0.625em 20px;
    border-radius: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
}

.main-navigation .search-form .search-submit:hover {
    color: #fff;
    background: #00a69c;
}

/* Widgets */
.widget {
    font-size: 14px;
}

/* Search Form & Widget */
.search-form .search-field {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    -webkit-appearance: none;
}

.search-form .search-submit {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 39px;
}

/* Widget List Icon Color */
.widget_recent_entries ul li:before,
.widget_pages ul li:before,
.widget_categories ul li:before,
.widget_archive ul li:before,
.widget_recent_comments ul li:before,
.widget_nav_menu ul li:before,
.widget_links ul li:before,
.widget_meta ul li:before {
    color: #222;
}

/* Widget List Link Color */
.widget_recent_entries ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_recent_comments ul li a,
.widget_nav_menu ul li a,
.widget_links ul li a,
.widget_meta ul li a {
    color: #a3a3a3;
}

/* Widget List Link Hover Color */
.widget_recent_entries ul li a:hover,
.widget_pages ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_links ul li a:hover,
.widget_meta ul li a:hover {
    color: #00a69c;
}

/* Calendar Widget Today Color */
.widget_calendar #today {
    background: #fff;
}

/* Calendar Widget Pagination Color */
.widget_calendar #prev a,
.widget_calendar #next a {
    color: #a3a3a3;
}

/* Calendar Widget Pagination Hover Color */
.widget_calendar #prev a:hover,
.widget_calendar #next a:hover {
    color: #00a69c;
}

.entry-details {
    margin-bottom: 1.25em;
}

.entry-meta,
.posted-on {
    font-size: 14px;
    padding: 0.125em 0.375em;
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
}

.entry-meta {
    float: right;
    margin-bottom: 3px;
}

.posted-on {
    float: left;
    margin-bottom: 3px;
}

.entry-meta a,
.posted-on a,
.entry-meta a:hover,
.posted-on a:hover {
    color: inherit;
}

.entry-footer a {
    color: #fff;
    background: #00a69c;
    padding: 0.125em 0.375em;
    opacity: 1;
}

.entry-footer a:hover {
    color: #fff;
    background: #00887e;
}

.nav-links a {
    color: #a3a3a3;
}

.nav-links .meta-nav {
    color: #fff;
    background: #00a69c;
}

.nav-links .meta-nav:hover {
    background: #00958c;
}

/* Title Font */
.entry-title,
.page-title {
    text-transform: none;
}

.entry-title a,
a .entry-title,
.page-title a,
a .page-title,
.entry-title a:hover,
a:hover .entry-title,
.page-title a:hover,
a:hover .page-title:hover {
    color: #222;
}

.sticky .entry-title:before {
    color: #00a69c;
}

.single-article .entry-title {
    margin-bottom: 0;
}

/* Entry Thumbnail */
.entry-header .entry-thumbnail {
    background: #111;
}

/* Comments */
.comment-metadata a {
    color: #a3a3a3;
}

.comment-metadata a:hover {
    color: #00a69c;
}

.comment-body .reply a {
    color: #a3a3a3;
}

.comment-body .reply a:hover {
    color: #00a69c;
}

/* Galleries */
.wp-caption-text {
    color: #a3a3a3;
}

.gallery-caption,
.wp-caption-text.gallery-caption {
    color: #fff;
    background: rgba(0,0,0,0.5);
}

.gallery-caption a,
.wp-caption-text.gallery-caption {
    color: #fff;
}

/* SportsPress */
.sp-view-all-link {
    color: #a3a3a3;
}

.sp-view-all-link:hover {
    color: #00a69c;
}

.sp-highlight {
    background: #fff;
}

.sp-heading {
    background: #2b353e;
    color: #fff;
}

.sp-heading:hover,
.sp-heading a:hover {
    color: #fff;
}

.sp-table-caption {
    color: #fff;
    background: #2b353e;
    border-top: 8px solid #00a69c;
    padding: 0.625em 15px;
}

.sp-template-event-performance-icons tbody td {
    padding: 0.3125em 0.625em;
}

.sp-event-staff {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
}

.sp-table-wrapper .dataTables_paginate {
    background: #f4f4f4;
    color: #a3a3a3;
    border: 1px solid #e0e0e0;
}

.sp-tab-menu {
    border-bottom: 1px solid #e0e0e0;
}

.sp-tab-menu-item a {
    border-bottom: 4px solid transparent;
    margin: 0 5px -1px;
    padding: 5px;
}

.sp-tab-menu-item-active a {
    border-bottom-color: #00a69c;
}

.sp-message {
    color: #00a69c;
    border-color: #00a69c;
    border-radius: 3px;
}

.sp-template-countdown .event-name {
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    padding: 0.635em 15px;
    color: #222;
}

.sp-template-countdown .event-name a {
    color: #222;
}

.sp-template-countdown .event-name,
.sp-template-countdown .event-venue,
.sp-template-countdown .event-league,
.sp-template-countdown .event-date {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
}

.sp-template-countdown .event-venue,
.sp-template-countdown .event-league,
.sp-template-countdown .event-date {
    border-top: none;
}

.sp-template-countdown .event-venue,
.sp-template-countdown .event-league,
.sp-template-countdown .event-date {
    font-weight: normal;
}

.sp-template-countdown time span {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: #f4f4f4;
}

.sp-template-countdown time span:first-child {
    border-left: 1px solid #e0e0e0;
}

.sp-template-event-logos .sp-team-result {
    color: #fff;
    background: #00a69c;
}

.sp-template-event-venue .sp-google-map {
    margin: 0 -1px;
}

.sp-template-event-calendar #today {
    background: #fff;
}

.sp-template-event-calendar #prev a,
.sp-template-event-calendar #next a {
    color: #a3a3a3;
}

.sp-template-event-calendar #prev a:hover,
.sp-template-event-calendar #next a:hover {
    color: #00a69c;
}

.sp-template-event-blocks .event-title {
    color: #222;
    background: #fff;
    border: 1px solid #e0e0e0;
}

.sp-template-event-blocks .event-title a {
    color: #222;
}

.sp-template-event-blocks .event-results,
.sp-template-event-blocks .event-time {
    text-transform: none;
}

.sp-template-event-blocks .sp-event-date a,
.sp-template-event-blocks .sp-event-results a {
    color: inherit;
}

.sp-template-details dl {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.sp-template-gallery .gallery-caption {
    background: #2b353e;
}

.sp-template-gallery .gallery-item strong {
    background: #00a69c;
}

.sp-template-post-content th,
.sp-template-post-content td {
    font-size: inherit;
    text-align: inherit;
}

.sp-tweets {
    border: 1px solid #e0e0e0;
    border-top: none;
}

.sp-footer-sponsors .sp-sponsors {
    border-top: 1px solid #e0e0e0;
}

.sp-template-tournament-bracket .sp-result {
    color: #fff;
    background: #00a69c;
}

.sp-template-tournament-bracket .sp-event-title:hover .sp-result {
    background: #00958c;
}

.sp-template-tournament-bracket .sp-event-venue {
    color: #a3a3a3;
}

.sp-header-scoreboard .sp-template-scoreboard {
    margin: 0;
}

.single-sp_team .has-post-thumbnail .entry-header .entry-title {
    float: left;
}

.single-sp_team .has-post-thumbnail .sp-excerpt {
    clear: left;
}

.single-sp_player .entry-header .entry-title strong {
    background: #00a69c;
    color: #fff;
}

.single-sp_staff .entry-header .entry-title strong {
    color: #00a69c;
}

/* WooCommerce */
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
    background: #f4f4f4;
    border-bottom: 1px solid #e0e0e0;
}

.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
    color: #222;
}

/* BuddyPress */
#buddypress div.item-list-tabs ul li a {
    color: #a3a3a3;
    border: 1px solid transparent;
}

#buddypress div.item-list-tabs ul li a:hover {
    color: #00a69c;
}

#buddypress div.item-list-tabs ul li.current a,
#buddypress div.item-list-tabs ul li.selected a {
    color: #222;
    background: #f4f4f4;
    border-color: #e0e0e0;
}

#buddypress div.item-list-tabs ul li.current a span,
#buddypress div.item-list-tabs ul li.selected a span {
    background: #e0e0e0;
}

#buddypress div.item-list-tabs {
    border-bottom: 1px solid #e0e0e0;
}

/* Mega Slider */
.mega-slider {
    margin: 0;
}

.mega-slider__row--active,
.mega-slider__row--active:hover {
    background: #00a69c;
}

/* Media Queries */
@media screen and (max-width: 600px) {
    .main-navigation .nav-menu > li:hover > a,
    .main-navigation ul ul li.page_item_has_children:hover > a {
        color: #fff;
        background: transparent;
    }

    .main-navigation .nav-menu li a:hover {
        color: #fff;
        background: #00a69c;
    }

    .main-navigation ul ul {
        background: rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
    }

    .main-navigation ul ul a {
        color: #fff;
        color: rgba(255, 255, 255, 0.7);
    }

    .main-navigation .search-form .search-submit {
        color: #fff;
        background: #00a69c;
    }
}

@media screen and (min-width: 601px) {
    .site-logo {
        margin: -1em 10px -1em 0;
    }

    .header-area-custom .site-widgets {
        padding: 20px;
    }

    /* Vertical Widget Divider Color */
    .content-area,
    .widecolumn {
        width: 66%;
        padding: 20px;
    }

    .content-area-full-width,
    .content-area-no-sidebar,
    .widecolumn {
        width: 100%;
        border: 0;
    }
    
    .content-area-right-sidebar {
        box-shadow: 1px 0 0 #e0e0e0;
    }
    
    .content-area-left-sidebar {
        left: 34%;
        box-shadow: -1px 0 0 #e0e0e0;
    }
    
    .content-area-double-sidebar {
    	width: 52%;
        left: 24%;
        box-shadow: 1px 0 0 #e0e0e0, -1px 0 0 #e0e0e0;
    }

    .widget-area {
        width: 34%;
        padding: 20px;
    }
    
    .widget-area-right {
        box-shadow: inset 1px 0 0 #e0e0e0;
    }
    
    .widget-area-left {
        box-shadow: inset -1px 0 0 #e0e0e0;
        right: 66%;
    }

    .widget-area-narrow {
        width: 24%;
    }
    
    .widget-area-left.widget-area-narrow {
        right: 52%;
    }

    .single-post .has-post-thumbnail .entry-header .entry-title,
    .page .has-post-thumbnail .entry-header .entry-title {
        position: absolute;
        bottom: 36px;
        padding: 0 0.5em;
        background: #fff;
    }

    .entry-header img {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 801px) {
    .sp-has-venue.sp-has-results .sp-section-content .sp-template-event-venue .sp-google-map {
        height: 164px;
    }

    .site-footer .footer-widget-region {
        padding-left: 10px;
    }

    .site-footer .footer-widget-region:first-child {
        padding-left: 20px;
        padding-right: 10px;
    }

    .site-footer .footer-widget-region:last-child {
        padding-left: 0;
        padding-right: 20px;
    }
}

@media screen and (min-width: 1025px) {
    .header-area-custom .site-branding {
        padding: 1.75em;
    }
}

@media screen and (max-width: 1199px) {
    .social-sidebar {
        box-shadow: inset 0 1px 0 #e0e0e0;
    }
}

@media screen and (min-width: 1200px) {
    .social-sidebar {
        top: 178px;
    }
}