@charset "UTF-8";

/* CSS Document */


/* Load Font */
@font-face {
  font-family: macrock26font;
  src: url(https://macrockva.org/wp-content/themes/macrock26/fonts/Sean_kennedy_mackrock-Regular.ttf) format('truetype');
}


/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

/* BASE */
html {font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; margin:0px !important;} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */

body {margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;} /* Improve default text rendering, handling of kerning pairs and ligatures */

body {background-color:black;}

/* DEFAULT FONT SETTINGS */
body, button, input, select, textarea {font-size: 22px; color: #000; font-family: Arial, Helvetica, sans-serif;
		} /* IE7 and older can't resize px based text */

p, blockquote, q, pre, address, code, samp, /*dl, ol, ul,*/ form, /*table, */fieldset, menu {margin: 0 0 1.5em; padding: 0}



 /* TYPOGRAPHY */
h1, h2, h3, h4 {font-family: 'macrock26font', 'Arial Black', Gadget, sans-serif; font-weight:bold; letter-spacing:1px; padding-bottom:2px; color:white; text-transform: uppercase;}


h1 {margin: 0; font-size: 3.0em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.3em} 

h2 {margin: 0; font-size: 2em; line-height: 1em; margin-bottom: 0.3em; margin-top: 0.3em;} 

h3 {margin: 0; font-size: 1.25em; line-height: 1em; margin-bottom:0.5em; margin-top:0.3em;} 

h4 {margin: 0; font-size: 1em; line-height: 1em; margin-bottom:0.2em; margin-top:0.2em} 

h3, h4 {font-family: Arial, Helvetica, sans-serif;}

/*
h2::before {
    content: "";
    width: 30px;
    vertical-align: bottom;
    height: 30px;
    display: inline-block;
    background-size: 30px 30px;
    background-image: url(https://macrockva.org/wp-content/themes/macrock24/images/cloverleft.gif);
}
h2::after {
    content: "";
    width: 30px;
    vertical-align: bottom;
    height: 30px;
    display: inline-block;
    background-size: 30px 30px;
    background-image: url(https://macrockva.org/wp-content/themes/macrock24/images/cloverright.gif);
}

@media only screen and (max-width: 500px) {
.footerh2::before, .footerh2::after {display:none;}
}
*/

p, blockquote, pre, label {margin: 0; font-size: 20px; line-height: 1.5em; margin-bottom: 1em} 

td, th {margin: 0; font-size: 18px; line-height: 1.5em; margin-bottom: 1em; padding-left:2px;}
td:nth-child(2) {font-size: 18px; text-align:right;}

small, p.small, .small {font-size: 0.8em;} 

p.smaller, .smaller {margin: 0; font-size: 0.7em;} 



/* CODE */

pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */

pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace}



/* TABLES */

table {border-collapse: collapse; border-spacing: 0; /*margin-bottom: 1.5em*/}

th {text-align: left}

tr, th, td {/*padding-right: 0.5em;*/ border-bottom: 0 solid #333}



/* FORMS */

form {margin: 0}

fieldset {border: 0;padding: 0}

textarea {overflow: auto; vertical-align: top}

legend {*margin-left: -.75em}

button, input, select, textarea {vertical-align: baseline; *vertical-align: middle} /* IE7 and older */

button, input {line-height: normal; *overflow: visible}

button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}

input[type="checkbox"], input[type="radio"] {box-sizing: border-box}

input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;	box-sizing: content-box}

input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}

button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}



/* QUOTES */

blockquote, q {quotes: none}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}

blockquote, q, cite {font-style: italic}

blockquote {padding-left: 1.5em; border-left: 3px solid #ccc}

blockquote > p {padding: 0}



/* LISTS */

li ul, li ol {margin: 0 1.5em}

dl dd {margin-left: 1.5em}

dt {font-family:Futura, "Century Gothic", AppleGothic, sans-serif}

.removebullets {padding: 0; list-style:none; margin:0;}



/* HYPERLINKS */

a {/*text-decoration: none;*/ color:#18bc57; font-weight:bold; cursor: pointer;}

a:hover {text-decoration: underline; opacity:0.75; cursor: pointer;} 

a:focus {outline: thin dotted}

a:hover, a:active {outline: none} /* Better CSS Outline Suppression */



/* MEDIA */

figure {margin: 0}

img, object, embed, video {max-width: 100%;	_width: 100%} /* Fluid images */

img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */

svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */



/* ABBREVIATION */

abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}



/* MARKED/INSERTED/DELETED AND SELECTED TEXT */

ins, mark {text-decoration: none}

mark {background: #c2a14d}

ins {background: #d49855}

del {text-decoration: line-through}

::-moz-selection {background: #3563e1; color: #fff; text-shadow: none} /* selected text */

::selection {background: #3563e1; color: #fff; text-shadow: none} /* selected text */



/* OTHERS */

strong, b, dt { font-weight: 700; letter-spacing:0.5px; font-size:105%;}

dfn {font-style: italic}

var, address {font-style: normal}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */

sup {top: -0.5em} /* Move superscripted text up */

sub {bottom: -0.25em} /* Move subscripted text down */

span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */



/* MICRO CLEARFIX HACK */

.cf:before, .cf:after {content:"";display:table} /* For modern browsers */

.cf:after {clear:both}

.cf {clear:both;}



/* DEFAULT MOBILE STYLE */

body {width: 100%; margin: 0 auto; /*max-width:1022px;*/} 

/* column grid */

.newsbox,.buttonbox{display:block; margin-left: 1%; margin-right: 1%; width:98.0%; margin-top:1%; }

.onethird,.twothird,.full,.onethirdv2 {display:block; margin-left: 1%; margin-right: 1%; width:98.0%; margin-top:1%; }

.onefifth,.twofifth,.threefifth,.fourfifth,.full{display:block; margin-left: 1%; margin-right: 1%; width:98.0%; margin-top:1%;}

.onefourth,.twofourth,.threefourth,.full{display:block; margin-left: 1%; margin-right: 1%; width:98.0%; margin-top:1%;}

.featuredbands {display:block; width:100%; }

.blueLine {display:none;}
.fishfix {float:none; margin: 0 auto;}

/* header css */
.thedate{text-align:center;margin-top: 2%;margin-bottom: 25px;font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif; font-size: 1.5em;}
@media only screen and (min-width: 750px) {
	.thedate{margin-top: -8%;}
}
header {color:white; padding-bottom: 20px; padding-top: 10px;}
@media only screen and (min-width: 768px) {header {padding-top: 20px;}} 
header button {

  padding: 8px;
  border: 2px solid #000;
  border-radius: 5px;
  background: transparent;
  color: #000;
  display: none;
  float:right;
  font-size:1.75em;
}
  header button:focus,
  header button:hover {
    outline-color:#7ac1ff;
  }
header #menu {
	padding:0; 
	margin:0;
  overflow: hidden;
width:100%;
  transition: all .5s ease-in-out;
  height: 0;
}
.js ul {
  /*display: none;*/
}
.js button {
  display: block;
}
header #menu.is-active {
  display: block;
  height:70px;
	padding: 10px 0px
}
.hamburger-box {height:40px !important;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {background-color:white !important;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {background-color:white !important;}
  .menu-list {text-align: center; position:relative; width: 100%; top:auto;}

	  .menu-list li {/*float:left;*/ list-style:none; padding:0 0 2%; /*width:100%;*/ font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif;  max-width:100%;}

 ul {list-style: none inside; padding-left: 0;}
ul li {display: inline-block;}
.menu-list li a {

        color: white;

        text-transform: uppercase;

        text-decoration: none;

	   /* border-bottom: 4px double #347534; */

        margin-right: 10px;

        -ms-transition: all 0.18s;

        -webkit-transition: all 0.18s;

        transition: all 0.18s;

		font-weight:400;

		font-size:18px;
		
		font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;

    }
.menu-list li a:first-child {margin-left:10px;}

    .menu-list li a:hover {

        border-bottom: 4px double black;

    }



/*   FOOTER CSS */

.footerNavs {}
.footerNavs ul {text-align:center; margin:0;}
.footerNavs ul li {display:inline-block; font-weight:400; padding:10px;}
.footerNavs li a {    
	color: white;
    text-transform: uppercase;
    text-decoration: none;
   /* border-bottom: 4px double #347534; */
    margin-right: 10px;
    -ms-transition: all 0.18s;
    -webkit-transition: all 0.18s;
    transition: all 0.18s;
    font-weight: 400;
    font-size: 18px;
	font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif; ;
	}
.footerNavs li a:hover {border-bottom: 4px double black;}

/*.contentBG {margin-top:-84px; padding-top:5em;}*/


.newsheading {text-align: center;}

/* media Queries



FOLDING FLUID GRID

< 767px			- 1-Column Fluid Grid

768px - 1023px	- 2-Column Fluid Grid

> 1024px			- 3-Column Fluid Grid

Change widths as necessary

------------------------------------------- */



/* MOBILE PORTRAIT */

@media only screen and (min-width: 320px) {

	body {}
	.imgbegone {display:none;}
	.onefifth,.twofifth,.threefifth,.fourfifth {display:inline-block; float: left; width:100%; padding:1%}
	
/*.contentBG{margin-top:-94px; padding-top:6em;}*/
}



/* LARGER MOBILE PORTRAIT */

@media only screen and (min-width: 380px) {

	body {}

}



/* MOBILE LANDSCAPE */

@media only screen and (min-width: 401px) {

	body {}

	.featuredbands {display:inline; width:50%;float:left;}
	/*.contentBG{margin-top:-120px; padding-top:7em;}*/

}

/* MOBILE LANDSCAPE */

@media only screen and (min-width: 481px) {

	
	/*.contentBG{margin-top:-160px; padding-top:9em;}*/

}



/* LARGER MOBILE LANDSCAPE */

@media only screen and (min-width: 520px) {

	body {	}	
	/*.contentBG{margin-top:-174px;}*/

}



/* SMALL TABLET */

@media only screen and (min-width: 600px) {

	body {}
	/*.contentBG{margin-top:-194px; padding-top:10em;}*/
}



/* TABLET/NETBOOK */

@media only screen and (min-width: 768px) { 

	body {}
/*.contentBG{margin-top:-234px; padding-top:12em;}*/
	

	/* COLUMN GRID */

	.newsbox,.buttonbox {display:inline; float: left}

	.onethird,.twothird,.full,.onethirdv2 {display:inline; float: left}

	.onefifth,.twofifth,.threefifth,.fourfifth,.full {display:inline; float: left}
	
	.onefifth,.twofifth,.threefifth,.fourfifth {padding:0px;}

	.onefourth,.twofourth,.threefourth,.full {display:inline; float: left;}

	

	/* 2 COLUMN GRID */

	.onethird {width:48.0%}
	.onethirdfix, .onethirdv2 {width:98%;}
	.imgbegone {display:none;}

	.twothird {width:98.0%}

	.newsbox,.buttonbox {width:98.0%}

	.full {width:98.0%}

	.featuredbands {width:33.3%;}

	

	



	.onefourth,.twofourth {width:48.0%}

	.threefourth {width:98.0%}



	.mobilelinklist li { margin:0;}

	  .mobilelinklist li a {

	  background: none; display:inline;

text-decoration: none; padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;

	  }

	  .mobilelinklist li a:hover { text-decoration:underline; background:none;}

		.blueLine {display:none;}
		.fishfix {float:none; margin: 0 auto;}
		.footerNavs ul li { display:inline-block;}

	
	.js ul {display: block;}
/* .js button {display: none;}*/
button#toggle {display: none;}
nav {
padding: 0;
height:40px;
/*width:65%;*/
/*float:right;*/
padding-bottom:10px
}
nav li {
  display: inline-block;
  /*margin-right: 5%;*/
  /*text-align:right;*/
}
header #menu {height:initial; /*text-align:right;*/}
.menu-list {text-align: center; position: absolute; width: 100%; max-width: 960px; padding:0; margin:0; /* top:4px; */}
	
}

@media only screen and (min-width: 900px) {

}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP  (CHANGED IT FROM 1024 --- 1002 is the max width b/c 1022 - 1% on the right and left) */

@media only screen and (min-width: 1001px) { 

	body {}
	
	.newsheading {text-align: left;}

/*	.contentBG{margin-top:-234px; padding-top:14em;}*/

	/* 3 COLUMN GRID */

	.onethird,.onethirdv2 {width:31.3%}
	.imgbegone {display:block;}

	.twothird {width:64.667%;}

	.full {width:98.0%}

	.newsbox {width:65.667%; margin-right:0;}

	.buttonbox {width:31.3%}

	

	

	/* 4 COLUMN GRID */

	.onefourth {width:23.0%}

	.twofourth {width:48.0%}

	.threefourth {width:73.0%}

	.full {width:98.0%}



	/* 5 COLUMN GRID */

	.onefifth{width:18.0%}

	.twofifth {width:38.0%}

	.threefifth {width:58.0%}

	.fourfifth {width:78.0%}

	.full {width:98.0%}

	
	.bgfix{margin-top:10px;}
	

}



@media only screen and (min-width: 1280px) { 

/* DESKTOP */



}



/* WIDESCREEN */

/* Increase body size for legibility? */

@media only screen and (min-width: 1400px) { 

		

}





/* PRINT */

@media print {

  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */

  a, a:visited {color: #444 !important; text-decoration: underline}

  a[href]:after {content: " (" attr(href) ")"}

  abbr[title]:after {content: " (" attr(title) ")"}

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}  /* Don't print links for images, javascript or internal links */

  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }

  thead {display: table-header-group; } /* Repeat header row at top of each printed page */

  tr, img {page-break-inside: avoid; }

  img {max-width: 100% !important; }

  @page {margin: 0.5cm}

  p, h2, h3 {orphans: 3; widows: 3}

  h2, h3{page-break-after: avoid}

}





	.collapsed-buttons {

        display: none;


	}   

	

	.logo{display:none;}

	.logoDesktop{padding-top:10px;}

	

	

	.nav-wrapper {

	/*float:right;

	margin: 1px 15px;*/

min-height:35px;
	

	}

	

	.icon-menu{

		background-color:#000;
		font-family: Futura, sans-serif;

	}

		

	 .collapsed-buttons .button {

      cursor: pointer;

      float: right;

      color: #000;

     /* font-size: 30px;*/

     padding-top: .5em; padding-right: 1em; }

      .collapsed-buttons .button.open {

        background: black;

        color: black;

		

			}

				

				

	.nav-ribbon {display:none; background-color: #812828; width: 100%; position: absolute; z-index: -1; top: 308px; height: 35px; left: 0px;}			



.noleftspace {margin-left:0px; padding-left:0px;}

.norightspace {margin-right:0px; padding-right:0px;}

.left{float:left;}

.right{float:right;}





.sm2-playlist-bd li {display:block;}

.contentBG {
	/* background:url(https://macrockva.org/wp-content/themes/macrock24/images/tanpattern.gif); */
	
	
	padding-bottom:1em;
	width:100%;
}


ul.top-social {
	background: #333;
	background: rgba(255,255,255,0.3);
	padding: 10px;
}

#contentHolder {/* background-color:rgba(255,255,255,0.6); padding:1%; */ width:96%; margin: 0px auto; max-width:1022px; color:white;}

#contentBGMusicPlayer {  margin-top:0px; padding-top:1em; padding-bottom:1em; background-color:black; color: white;}

#contentHolderMusicPlayer { padding:1%; width:96%; margin: 0px auto; max-width:1022px; background-color:black; color:white;}

#contentBGFooter {/* background: url(https://macrockva.org/wp-content/themes/macrock24/images/tanpattern.gif); */ color:white; margin-top:0px;}

#contentHolderFooter {padding:1%; width:96%; margin: 0px auto; max-width:1022px; color: white;}

/* Featured songs heading */
#contentBGMusicPlayer h2:first-child {
	display: block;
	background: none;
	text-shadow: none;
	font-weight: normal;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	/*margin: 20px 0;*/
}
#contentBGMusicPlayer h2:first-child span {color:black;padding: 0px;}


.flat {margin-top:30px;}


#featuredBandsContentBG {

	/* background: url(https://macrockva.org/wp-content/themes/macrock24/images/tanpattern.gif); */
	color:black;

	width:100%;

	overflow: auto;

}

#featuredBandsContentHolder {

	/* background-color: rgba(255,255,255,0.6); */
    padding: 1%;
	color:black;
	display:table;
	width:96%; 

	margin: 0px auto;

	max-width:1022px;

}



/* Featured bands heading */



#featuredBandsContentBG h2:first-child span {

}





/* Content in Featured band one third columns */

#featuredBandsContentBG .onethird h2, #featuredBandsContentBG .onethird h3 {

	display: block;

	background: none;

	padding: 5px;

	font-weight: normal;

	text-shadow: none;
	
	border: none;

}

#featuredBandsContentBG .onethird h3 {padding-top:0px; color:#e56770;; margin-bottom: 20px; font-size: 20px; padding-left:10px;}


#featuredBandsContentBG .onethird h2 {/* background: url(https://macrockva.org/wp-content/themes/macrock24/images/tanpattern.gif); */ background: #e2b53a; font-size:27px; font-weight:bold; margin-top:0; color: #1e4768; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding:10px;}
#featuredBandsContentBG .onethird:hover {opacity:0.9;}

#featuredBandsContentBG h2::before, #featuredBandsContentBG h2::after {display:none;}
/*
#featuredBandsContentBG h2:first-child::before, #featuredBandsContentBG h2:first-child::after {
    content: "";
    width: 40px;
    vertical-align: middle;
    height: 40px;
	padding-top:6px;
    display: inline-block;
    background-size: 40px 40px;
    background-image: url(https://macrockva.org/wp-content/themes/macrock24/images/horseshoe.gif);
	background-repeat: no-repeat;
}

#featuredBandsContentBG h2:first-child {

	display: block;

	background: none;

	text-shadow: none;

	letter-spacing: 0;

	text-align: center;
	
	font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif; 
	
	font-size: 2em;

}
*/
#featuredBandsContentBG img {

	width: 100%;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}



#featuredBandsContentHolder a {text-decoration: none; color:white; font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif; font-weight: bold;}
#featuredBandsContentHolder a:hover {color:#979fee; text-decoration:none !important;}

.contentBGRemoved {    
	min-height: 400px;
    background-image: none;
    background-color: #222;
	}

.credits {font-family: Courier, sans-serif; letter-spacing:1px; margin:0;padding:1%; color:white; /* background-color: rgba(255,255,255,0.6); */
}
	 
	 .credits p {font-size:14px;}