/*
Theme Name: kattsmeow
Theme URI: 
Author: Katt
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kattsmeow
Tags: 
*/
html, body, div, span, p, a, img, dl, dt, dd, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font-size-adjust: 1;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
html, body {
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	line-height:1.9;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
@media (max-width: 980px) {
	body {
		padding:0 1em;
	}
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body {
  box-sizing: border-box;
  min-height: 100%;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	/* end browser reset */
html, body {
	height:100%;
}
body {
    background-color: #000;
	font-family:helvetica,tahoma,arial,sans-serif !important;
	font-size:14px;
	color:#fff;
}
h1 {font-size:calc(28px + 0.5vw);margin:0 0 0.4em 0;font-weight:bold;text-align:left;}
h2 {font-size:calc(24px + 0.5vw);margin:0 0 0.4em 0;font-weight:bold;text-align:left;}
h3 {font-size:calc(20px + 0.5vw);margin:0 0 0.4em 0;font-weight:bold;text-align:left;}
h4 {font-size:calc(16px + 0.5vw);margin:0 0 0.4em 0;font-weight:bold;text-align:left;}
p {font-size:14px !important; line-height:1.9 !important; margin:1em 0;text-align:left;}
h1, h2, h3, h4, p, h1 a, h2 a, h3 a, h4 a, p a {color:#fff;}

a:active, a:focus {
	outline: none;
}
a {
	color: #1c1c30;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #c0c0c0;
}
div#modal-1-content ul.wp-block-navigation__container {padding:0 1em 0 0 !important; font-size:12px !important;}
html body div#modal-1.wp-block-navigation__responsive-container div.wp-block-navigation__responsive-close div.wp-block-navigation__responsive-dialog div#modal-1-content.wp-block-navigation__responsive-container-content ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li.wp-block-navigation-item.wp-block-navigation-link a.wp-block-navigation-item__content span.wp-block-navigation-item__label {font-size:12px !important;}
.wp-block-post-author, .wp-block-post-date {display:none;}
div .taxonomy-category {display:none !important;}
#pagewrapper {
	width:100%;
	min-height: 100%; 
	margin-bottom: -140px; /* same as push height */
}
#push {
	height: 140px; /* add 20px for margin eg - 160px if footer is 140px tall */
}
.pagewidth {
	width:100%;
	display:block;
	position:relative;
	max-width:960px;
	margin:0 auto;
}
#header {
	width:100%;
	padding:0;
	font-size:0;
}
#menubar {
	width:100%;
	background-color:#222;
	text-align:center;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#maincontent {
	background:rgba(245, 245, 245, 0.6); 
	padding:16px;
	color:#000;
	margin:12px 8px;
	border-radius:15px;
	line-height:1.9;
	overflow:hidden;
}
@media (max-width:440px) {
	body#blog #maincontent, body#events #maincontent {
		padding:16px 16px 16px 0px;
	}
	.outside-fb {
		padding-left:16px;
	}
	h1 {font-size:calc(24px + 0.5vw);margin:0 0 0.4em 0;font-weight:bold;text-align:left;}
	h2 {font-size:calc(20px + 0.5vw);margin:0 0 0.4em 0;font-weight:bold;text-align:left;}
	h3 {font-size:calc(16px + 0.5vw);margin:0 0 0.4em 0;font-weight:bold;text-align:left;}
	h4 {font-size:calc(12px + 0.5vw);margin:0 0 0.4em 0;font-weight:bold;text-align:left;}
}
#footer{
	width:100%;
	height:140px; /*adjust push height if changing this */
	background-color:#222;
	text-align:center;
	margin:0 auto;
	padding:16px 8px;
	overflow:hidden;
	font-size:12px;
}
#footer-left, #footer-right, #footer-copyright {
display:table-cell;
width:33.33%;
padding:0 12px;
vertical-align:middle;
text-align:center;
}
#footer-left a, #footer-right a {
display:inline-block;
padding:6px;
color:#fff;
}
#footer-left a:hover, #footer-right a:hover {
color:#c5c5c5;
}
.clearfix {
	clear:both;
	width:0;
	height:0;
	padding:0;
	margin:0;
}
.clearafter:after {
	content: "";
    display: table;
    clear: both;
}
.table {
	display:table;
	width:100%;
}
.row {
	display:table-row;
	width:100%;
}
div#fblike {
	float:right;
	width:140px;
	text-align:left;
}
div#fbcomments {
	margin-bottom:200px;
}
div.mp3holder {
	width:100%;
	text-align:left;
	margin-bottom:48px;
}
div.mp3holder div h3, div.mp3holder div h4 {
	margin-bottom:0;
}
div.mp3holder div h4 {
	text-align:right;
}
div.mp3title {
	width:80%;
	display:table-cell;
}
div.mp3buyit {
	width:20%;
	display:table-cell;
}
audio {
	width:100%;
	height:auto;
	background-color:#000;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	div.mp3holder div h3, div.mp3holder div h4 {
		margin-bottom: 1.5em;
	}
}
.videodiv {
	margin:48px auto 0 auto;
}
@media (max-width:767px) {
	.videodiv {
		margin:36px auto 0 auto;
	}
}
.videodiv h2 {
	font-size: calc(10px + .8vw);
	margin:16px 0 0 0;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* nav styles */
#nav-trigger-container {
	width:100%;
	background-color:#222;
	border-radius:6px;
	display:none;
	position:relative;
	top:30px;
}
#nav-trigger-container:after {
  content: "";
  display: table;
  clear: both;
}
#nav-menu-header {
	float:left;
	display:none;
	width:50%;
	font-family:helvetica,tahoma,arial,sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:20px;
	padding:15px;
}
#nav-trigger {
	float:right;
	width:100%;
	display: none;
	text-align:center;
	margin-right:10px;
	padding-right:10px;
}
#nav-trigger span {
    display: inline-block;
	margin:0 auto;
    padding: 16px 0 0 24px;
    background-color: #222;
    color: white;
    cursor: pointer;
}
#nav-trigger span::after {
	border-left: solid 10px transparent;
	content: "\25BC";
}
#nav-trigger span.open {
}
#nav-trigger span.open:after {
	border-left: solid 10px transparent;
	border-top: none;
	content: "\25B2";
}

nav {
  margin-bottom: 0; }

nav#nav-main {
        padding:0px 0px 0px 0px;
        background-color:#222; 
		text-align:center;
}
.navroundtop {border-radius:6px 6px 0px 0px !important;}
nav#nav-main ul {
    list-style-type: none;
    display:inline-block;
	padding-left:0;
	height:100%;
	margin:0;
	text-align:center;
	vertical-align:middle;
}
nav#nav-main li {
    margin:0;
	padding:0;
    float:left;
    list-style:none;
	height:48px;
	font-family: helvetica,tahoma,arial,sans-serif;
    font-size:100%;
	font-weight:400;
}
nav#nav-main li#link-profile {display:none;}
nav#nav-main li:hover {background-color:#000;}
nav#nav-main a {
    color:#fff;
	text-decoration:none;
	padding:14px 16px;
	line-height:48px;
	font-family: helvetica,tahoma,arial,sans-serif;
    font-size:100%;
	font-weight:400;
}
nav#nav-main a:hover {
    text-decoration:none;
    color:#fff;
}
nav#nav-mobile {
  position: relative;
  display: none; 
  width:100%;
  height:auto;
}
nav#nav-mobile ul {
	padding-left:0;
    display: none;
    list-style-type: none;
    position: relative;
    left: 0;
    right: 0;
	margin: 1px auto;
    text-align: center;
    background-color: #222; 
}
nav#nav-mobile li {
    display: block;
    padding: 0;
    margin: 0;
}
nav#nav-mobile a {
    display: block;
    color: white;
    padding: 16px 20px; 
	text-decoration: none;
	border-top: 1px solid #000;
}
nav#nav-mobile a:hover {
	background-color: #000;
	color: #fff; 
}
span#item_count {
	text-shadow:none;
	font-family: helvetica,tahoma,arial,sans-serif;
    font-size:12px;
	font-weight: 600;
	padding:6px 6px 14px 12px;
}
@media (max-width: 767px) {
	#nav-trigger-container {
		float: none;
		position:relative;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 48px;
		text-align: center;
	}

	#nav-menu-header {
		display:inline-block;
	}
	#nav-trigger {
		display: inline-block;
	}
	nav#nav-main {
		display: none; 
	}
	nav#nav-mobile {
		display: block;
		position:relative;
		top:0;
	} 
}
.checkboxes-list {width:100%;padding:8px;vertical-align:middle;font-size:1em;text-align:left;overflow: hidden;}
#contact_form_responsive .contact-subscribe .checkboxes-list label, #contact_form_responsive .checkboxes-list input {
	text-align:left;
	vertical-align:middle;
}
.checkboxes-list div {padding:8px 0}
#contact_form_responsive .contact-subscribe .checkboxes-list label {
	display:inline-block;
	width:80%;
	margin-bottom:0;	
	line-height: 1em;
	text-align:left;
}
#contact_form_responsive .contact-subscribe .checkboxes-list input {
	display:inline-block;
	padding:0 0 0 0;
	margin-top: 0.2em;
	margin-bottom: 0;
	width: 0.9em;
	height: 0.9em;
	text-align:left;
	vertical-align: middle;
	position: relative;
	top: 4px;
}
#contact_form_responsive .contact-subscribe textarea { 
	display:block;
	width:93%;
	max-width:420px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid #5f5f5f;
	padding:10px;
	margin-bottom:25px;
}
div.checkboxes-list.clearafter div label span {
    display: block;
    padding: 6px;
}