/*
Theme Name:     N-S 22 2	
Theme URI:    	http://example.com/
Description:    Child theme for the Twenty Fifteen theme 
Author:         Phillip Niemeyer
Template:		twentyfifteen
Author URI:     n-s
Version:        0.1.0
*/

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:200,300,400,500');

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500');

@font-face {
  font-family: 'Calibre Web';
  font-style: normal;
  font-weight: 400;
  src: local('Calibre Web Medium'),
       url('fonts/CalibreWeb-Medium.woff2') format('woff2'), 
       url('fonts/CalibreWeb-Medium.woff') format('woff'),
       url('fonts/CalibreWeb-Medium.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'Calibre Web';
  font-style: italic;
  font-weight: 400;
  src: local('Calibre Web Medium Italic'),
       url('fonts/CalibreWeb-MediumItalic.woff2') format('woff2'), 
       url('fonts/CalibreWeb-MediumItalic.woff') format('woff'),
       url('fonts/CalibreWeb-MediumItalic.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'Calibre Web';
  font-style: normal;
  font-weight: 300;
  src: local('Calibre Web Regular'),
       url('fonts/CalibreWeb-Regular.woff2') format('woff2'), 
       url('fonts/CalibreWeb-Regular.woff') format('woff'),
       url('fonts/CalibreWeb-Regular.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'Calibre Web';
  font-style: italic;
  font-weight: 300;
  src: local('Calibre Web Italic'),
       url('fonts/CalibreWeb-Italic.woff2') format('woff2'), 
       url('fonts/CalibreWeb-Italic.woff') format('woff'),
       url('fonts/CalibreWeb-Italic.eot') format('embedded-opentype');
}


@font-face {
  font-family: 'Calibre Web';
  font-style: normal;
  font-weight: 200;
  src: local('Calibre Web Light'),
       url('fonts/CalibreWeb-Light.woff2') format('woff2'), 
       url('fonts/CalibreWeb-Light.woff') format('woff'),
       url('fonts/CalibreWeb-Light.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'Calibre Web';
  font-style: italic;
  font-weight: 200;
  src: local('Calibre Web Light Italic'),
       url('fonts/CalibreWeb-LightItalic.woff2') format('woff2'), 
       url('fonts/CalibreWeb-LightItalic.woff') format('woff'),
       url('fonts/CalibreWeb-LightItalic.eot') format('embedded-opentype');
}


/**
 * Table of Contents
 *
 
 * Media Queries
 *    Default 			plum 
 *    Mobile Large		lightpink		620px
 *    Tablet Small		lightsalmon		740px
 *    Tablet Large		lemonchiffon	880px
 *    Desktop Small 	lightgreen		955px
 *    Desktop Medium	lightskyblue	1100px
 *    Desktop Large		mediumpurple	1240px
 *    Desktop X-Large	orchid			1403px
 
 * Print Styles at the end
 */


/**********************************
TYPOGRAPHY 
*********************************/

/* the default typesize for the smallest screen
-- smallest screen is default size -- mobile first yo  */

body,
button,
input,
select,
textarea,
h1 {
	color: #111;
	font-family: 'Calibre Web', Helvetica, sans-serif;
	font-weight:500;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 24px;
	line-height: 2.4rem;

	background-color:transparent;
}

.redruler {
	display:none;
	height:24px;
	width:100%;
	position:fixed;
	top:120px;
	z-index:200000;
}

.redruler span{
	display:block;
	height:24px;
	margin:0 auto;
	position:relative;
	width:27em;
	background-color:rgba(250,100,100,.5);
}

.redruler span p {
	display:block;
	height:24px;
	margin:0 auto;
	position:relative;
	
	width:4em;
	text-align:center;

	background-color:rgba(100,250,100,.5);
}

.clearboth {
 	display:block !important;
	clear:both !important;
	float:none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 400;
	font-family: inherit;
	letter-spacing:.02em;

	font-size: inherit;
	line-height:inherit;
	
}

h1 {

	text-align:center;		
	
	font-size: 21px;
	font-size: 2.1rem;
	
	line-height: 27px;
	line-height: 2.7rem;
	
	margin-top: 0px;
	margin-bottom: 12px;
	letter-spacing:.075em;
}
 
h2 {
	text-align:center;	
	margin-top: 0;
	margin-bottom: 24px;
}

p {
	margin-bottom: 24px;
	font-weight:400;
}

b,
strong {
	font-weight:400;
}

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

blockquote {
	border: 0;
	color: inherit;
	color: inherit;
	font-size: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	margin-bottom: inherit;
	padding-left: inherit;
}

blockquote p {
	margin-bottom: inherit;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	color: inherit;
	font-size: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: italic;
	margin: 0 0 1.6em;
}


abbr[title] {
	border: 0;
	cursor: help;
}

mark,
ins {
	background-color:inherit;
	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%;
}



hr {
	background-color: #111;
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}

strong {
	font-weight:400;
}

/***********************
 * Links
 **********************/

a {
	color: inherit;
	text-decoration: none;
}

a:hover,
a:focus {
	color:dodgerblue;
	outline: 0;
}


/********************************************
SIDEBAR area

aka Header, aka Secondary

things are made 
background-color:#efefef;

to change, find and replace all mentions of that color. 

/********************************************/
 
 
/**
 * Sidebar -- the Sidebar contains the Header and the Nav

 * Page title is the to mimic the look of the menu headers
 */
 
div.sidebar {
	position:relative;
	padding:12px 0 0 0;
	/* background-color:#efefef; */
}

.sidebar, 
.sidebar h1
{
	position:relative;
	font-family: inherit;
	text-align:center;	
	
	letter-spacing:.025em;

	font-size:21px;
	font-size:2.1rem;
	line-height:27px;
	line-height:2.7rem;
	color: inherit;
}

.site-header {
	position:relative;	
	display:block;
	border-bottom: 0px solid rgba(51, 51, 51, 0.1);
	padding:0;
	margin-top:0;
	background-color:transparent;
}


/*****************
SECONDARY TOGGLE

secondary toggle must be nested in site-branding to work with twentyfifteen js
 *************/

.site-branding {
	display:block;
	
	position:absolute;
	top: 3px;	
	right: 9px;
	
	width:42px;
	height:42px;
	padding:0;

	z-index:400;
}

.secondary-toggle {
	display:block;
	border: 0px solid #eaeaea;
	padding: 0;
	margin:0;

	height: 42px;
	width: 42px;
	overflow: hidden;

	position: relative;
	top: 0px;	
	right: 0px;

	text-align: center;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	
	z-index:1400;
	background-color:transparent;
}

.home .secondary-toggle {
	display:none;
}

.secondary-toggle:before {
	color: #111;
	content: "\f419";
	font-size:25px;
	line-height: 40px;
	width: 40px;
	font-weight:700;
}

.secondary-toggle:hover,
.secondary-toggle:focus {
	background-color: transparent;
	border: 0px solid #c1c1c1;
	border: 0px solid rgba(51, 51, 51, 0.3);
	outline: 0;
}

.secondary-toggle.toggled-on:before {
	content: "\f405";
	font-size: 44px;
	position: relative;
	top: 1px;
	left: -3px;
}


/*************
SECONDARY BOX 
 *************/
 
.secondary-box {
	position:relative;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
}

.secondary {
	display: block;
	padding:0;
	margin:0;
	position:relative;
	z-index:10;
	/* background-color:#efefef; */
}


.secondary.toggled-on {
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	padding:0;
	margin:0;
}

.home .secondary {
	display: block;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
}


/**************
SITE TITLE
 *************/

.site-title-link {
	display:block;
	margin:0 auto;
	width:180px;
}

.site-title {
	font-weight: 0;
	line-height: 0;
	padding:0 0 0 0;
	margin:0 auto 9px auto;
	display:block;
	height:72px;
	width:36px;
		
	background-image:url("images/N-S-web-vert2.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

.home .site-title,
.toggled-on .site-title {
	height:180px;
	width:90px;
}

.site-title span {
	display:none;
}

.site-description {
	display: none;
}


/** -------------
 * Address-Block
 ------------- */

.address-block {
	display:none;
	text-transform: capitalize;
	text-align:center;
}

.home .address-block,
.toggled-on .address-block {
	display:block;
}


/******************************
 * Main Navigation 
******************************/

.main-navigation {
	display:none;
	position:relative;
	width:auto;	
	padding:0 0 30px 0;
	margin:0 auto;
	letter-spacing:.075em;
	z-index:100;
}

body.page .main-navigation {

}

body.home .main-navigation {
	background-image:none;
	display:block
}

.toggled-on .main-navigation {
	display:block;
}

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

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation ul li {
	border-top: 0px solid #efefef;
	position: relative;
	padding: 3px 0 1px 0;
}

.main-navigation ul li a,
.main-navigation a {
	display: inline-block;
	margin: 0 auto;
	position: relative;
	text-decoration: none;
    border:0px;
    padding:2px .4em 2px .4em;
}

.main-navigation ul li a:hover,
.main-navigation a:hover {
}

.main-navigation ul li.current-menu-item a,
.woocommerce-page ul li.shoplink a {
    color: #111;
    border:1px solid #111;
    padding-bottom:1px;
    padding-top:1px;
}



.main-navigation ul li.current-menu-item a:hover {
	color: #111;
	background-color:none;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: inherit;
}

.main-navigation .nav-menu > ul > li:first-child,
.main-navigation .nav-menu > li:first-child {

}

li.ruled {
	padding-top:30px;
}


/* Menu Styles 2020 --------- */

.main-navigation ul li.nav-section,
.main-navigation ul li.super-section {
	padding-top:15px;
}

.main-navigation ul li.super-section a {
	border-bottom: 1px solid gray !important;
}


/** -------------
 * Post Navigation -- none for now
 ------------- */

.post-navigation {
	display:none;
}


/** -------------
 * Social Navigation 
 ------------- */

.social-navigation {
	display:none;
	position:absolute;
	bottom:30px;
	right:18px;
	
	height:auto;
	margin: 0;
	z-index:200;
}

.toggled-on .social-navigation,
.home .social-navigation {
	display:block;
}

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

.social-navigation li {
	float:none;
	clear:initial;
	display:block;
	margin:6px 7px 3px 7px !important;
}

.social-navigation a {
	position: relative;
	display: block;
    right:1px;
	height: 24px;
	width: 24px;
	border:0;
	margin:0;
    padding:0;
	text-align:center;

	text-decoration:none;
	overflow:hidden;

	/* background-color:#efefef; */
	color:#111;
}

.social-navigation a:hover {
	color:dodgerblue;
}

.social-navigation a:before {
	content: "\f415";
	font-size: 24px;
	line-height:24px;
	position: absolute;
	top: 0;
	left: 0;
}

.social-navigation a[href*="facebook.com"] {
}

.social-navigation a[href*="facebook.com"]:before {
	content: "\f203";
	font-size:26px;
}

.social-navigation a[href*="instagram.com"] {
	height: 24px;
	width: 24px;
}

.social-navigation a[href*="instagram.com"]:before {
	content: "\f215";
	font-size:26px;
}

.social-navigation a[href*="twitter.com"] {
}

.social-navigation a[href*="twitter.com"]:before {
	content: "\f202";
	font-size:26px;
}

.social-navigation a[href*="vimeo.com"]:before {
	content: "\f212";
}

.social-navigation a[href*="youtube.com"]:before {
	content: "\f213";
}

.social-navigation a[href*="mailto:"] {
	background-color:#111;
	margin-right:0;
	right:0;
}

.social-navigation a[href*="mailto:"]:hover {
	background-color:dodgerblue;
}

.social-navigation a[href*="mailto:"]:before {
	content: "\f410";
	color:#efefef;
}

/* ___________________________
SIDE BAR COLORS 
______________________________*/

.sidebar,
.secondary,
h1.sub-title,
.main-navigation li,
li.menu-item,
body.page-template-page-splash {
	background-color:#efefef;
}

.social-navigation a[href*="mailto:"]:before {
	color:#efefef;
}

/* menu hover and current */
.main-navigation li.current-menu-item a {
	color: #111;
}

.main-navigation li.current-menu-item a:hover {
	color: #111;
}

.main-navigation li a:hover {
}


/********************************************
CONTENT AREA
/********************************************/


/*
This is the thing that holds the main stuff. Border switches to left on desktop media
*/
.site-content {
	border-top:3px solid black;
	padding-top:0;
	margin:0;
	min-height:100%;
	/*
	background-image:url(images/grid-6px.png);
	background-position:center 4px;
	background-repeat:repeat;
	*/
}
        .blackpage {
            color:#dcdcdc;
            background-color:#101010;
        }

        .oldlacepage {
            background-color:OldLace;
        }

        .solaceyellow {
            background-color:#ffe575;
        }

.page-template-page-splash .site-content {
	border:0;
}

.content-area {
	min-height:100%;
	margin:0 auto;
	border:0;
	padding: 6px;
	background-color:transparent;
}
/**  Border on the single posts */
.single-post .content-area {
	border:6px solid white;
	padding:0;
	}

.site-main {
	padding: 0;
	margin:0 auto;
    position:relative;
	background-color:transparent;
}

a.page-title {
    font-family:inherit;
    display:block;
    padding:24px 5% 0px 5%;
	margin:0 auto;
    text-align: center;
}
a.page-title h1 {
    display:inline-block;
    padding:0 .1em;
    border-bottom:0px solid #111;
}

a.page-title:hover {
    color:dodgerblue;
}


/****************************
ENTRIES (pages and posts)
****************************/

.post,
.page-entry {
	padding:0;
	margin:0px;
	background-color:transparent;
}

.entry-content
{
	padding:24px 5% 24px 5%;
	margin:0 auto; 

/* turns off the ugly ass word-wrapping that is the twentyfifteen default */
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	word-wrap: initial;
	 white-space: normal;
}

.entry-content > :last-child,
.entry-summary > :last-child {
	margin-bottom: 0;
}

.lead-image  {
	display:block;
	max-width:29em;
	margin:0 auto;
}

.lead-image img {
	display:block;
	margin:0 auto 24px auto;
	max-height:504px;
	width:auto;
}


/****************************
Date Box
****************************/

.date-box {
	display:block;
	text-align:center;
	text-transform:uppercase;
	margin:0 auto 18px auto;
	padding:0;
	letter-spacing:.05em;
}


/****************************
Entry Content Typography

	background-color:rgba(100,200,100,.4);
	background-color:rgba(200,100,100,.4);		
	background-color:rgba(100,100,200,.4);			
****************************/

/* SETS WIDTH OF TEXT COLUMN */
.entry-content p,
.ns-product-info-box,
.artists,
.entry-content h3
{
	max-width:27em;
	max-width:459px;
}

.entry-content p,
.ns-product-info-box,
.artists {
	display:block;
	padding:0 0 0 0;
	margin:0 auto 24px auto;
	font-weight:300;
}

.artists,
p.artists {
	text-align:center;
	font-weight:400;
	letter-spacing:.025em;
}


/*******************
Entry Hs
 *******************/
 
.entry-header {
	padding:0 0;
}
 
.page-title h1,
.entry-content h1
{
	font-size:21px;
	font-size:2.1rem;
	line-height:27px;
	line-height:2.7rem;
	margin:0 auto 12px auto;
}

/* used for sub-header of entries */
.entry-content h2
{
	font-size:inherit;
	line-height:inherit;
	margin:0 auto 24px auto;
    text-align:center;
}


.entry-content h3
{
/* same column width as p for entries above */
	display:block;
	font-size:inherit;
	line-height:inherit;
	text-align:left;
	border-top:1px solid lightgray;
	font-weight:600;
	font-size:90%;
	padding:0 0 .5em 0;
	margin:12px auto 0 auto;
	text-transform:lowercase;
}


.entry-content h4
{
/* same column width as p for entries above */
	border-top:1px solid #111;
	font-weight:600;
	padding:0 0 0 0;
	margin:1.5em auto 1.5em auto;
}

.entry-content h4,
.entry-content h5,
.entry-content h6
{
/* same column width as p for entries above */
	max-width:27em;
	display:block;
	font-size:inherit;
	line-height:inherit;
	text-align:left;
}

.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child
{
	margin-top: 0;
}

/*******************
 Links in Entry Contents 
 *******************/

.entry-content a,
.entry-summary a,
.page-content a {
	border-bottom: 2px solid silver;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus {
	border-bottom: 2px solid dodgerblue;
}

.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
	display: block;
	border:0;
}

.entry-header a,
.entry-header a:hover,
.entry-header a:focus {
	border: 0px;
	color:inherit;
}

/*
Anchor Top gives an anchor link block on the top right of the nest. It's currently orrienting to site-main which is the bottom most postition:relative element, 

added 2020  *
 */

.anchor-top {
    display:block;
    position:absolute;
    top:12px;
    right:12px;
}

/* this keeps it from showing on the currently page */

.page-template-page-currently .anchor-top {
    display:none;
}

/*********************************************************
 * Media !!!!
 
 This very important universal stuff for the content area
 *********************************************************/
 
img {

}

audio,
canvas {
	display: inline-block;
}

embed,
iframe,
object,
video {
	display:block;
	margin: 0 auto 1.6em auto;
	max-width: 100%;
	vertical-align: middle;
	text-align:center;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

/************************
CAPTIONS ! _______
 ************************/

.wp-caption {
	display:block;
	margin: 0;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
	border:1px solid #d9d9d9;
	padding:0px;
}

.no-border {
	border:0;
}

.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption-text,
.iframe-caption,
p.iframe-caption {
	margin:0 auto;
	font-family:  inherit;
	font-weight:300;
	color:inherit;
	font-size: 80%;
	line-height: 1.4;
	letter-spacing:.02em;
	padding: 6px 0 2px 1px;
 	text-align:left;
 	margin-bottom:48px;
}

.iframe-caption {
	display:block;
	position:relative;
	top:-1.5em;
	margin-bottom:1.5em;
}

/************************
envira gallery ! _______
 ************************/

span.envira-title {
    margin-top:6px !important;
}

span.envira-caption {
    margin-top:6px !important;    
}

/**
Footers *******************
 */


.entry-footer {
	background-color: transparent;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family:  inherit;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 3.8461% 7.6923%;
}

.entry-footer a {
	border-bottom: 0px solid transparent;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.entry-footer a:hover {
	border-bottom: 1px solid #333;
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: #333;
}


/********************************************
***  PAGES 
-********************************************/


/*****************************
CURRENTLY Page
-*****************************/

/*****************************
UPCOMING Page
-*****************************/

.currently-content .entry-content,
.upcoming-content .entry-content {
    border:0px solid #111;
    margin-bottom:2em;
}

.currently-content article:only-child .entry-content,
.upcoming-content article:only-child .entry-content, 
.currently-content article:first-child .entry-content,
.upcoming-content article:first-child .entry-content {
	border-top:0 solid #111;
}

/*****************************
PREVIOUSLY Page
-*****************************/

/* modifies the div.entry-content */
.previously-content {
}

.previously-content h1 {
	display:block;
	position:relative;
	margin-bottom:27px;
	text-align:center;
	padding:0;
	
	/* space for the arrows */ 
	padding:0 1.5em;
}

.previously-content a h1 {
	border:0;

}

.top-year {
	border-top:0px solid #d9d9d9;
}

div.previous-year {
	border-top:1px solid #111;
	padding:23px 0 0 0;
}

.previous-shows {
	border-bottom:0px solid #d9d9d9;
}

.previous-link {
}
/* link arrows */ 
.previous-link:hover {
	color:dodgerblue;
}

/***********************************
***  SITE FOOTER
************************************/

.site-footer {
	display:none;
}


/*********************************************************
 * Stuff from Twentyfifteen that is just displayed none to get rid of it 
 *********************************************************/


/** 12.2 Post Formats  */
.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}

/* 12.3 Comments */
.comments-area {
	display:none;
}

/* 13.0 Footer */
.site-info {
	display:none;
}


/**
 * 8.0 Shop
 * ----------------------------------------------------------------------------
 */
 
 body.woocommerce  {
 	background-color:inherit;

 }
 
  /*  display nones all the extras */
.woocommerce-breadcrumb,
.woocommerce-result-count,
.woocommerce-ordering 
{
	display:none;
}
 
 
/***************************************************************************************
 * 16.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.

default small body guide color is plum

body {
	background-color:plum;
}

 */
 
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/**
 * 16.1 Mobile Large 620px
 
 		background-color:lightpink;
 */

@media screen and (min-width: 38.75em) {

	body {
	   /* background-color:lightpink; */
    }

	ul,
	ol,
	li > ul,
	li > ol,
	blockquote > ul,
	blockquote > ol,
	blockquote,
	blockquote > blockquote
	{
		margin-left: 0;
	}

	.site-branding {
	}
	.site-title {
	}
	.site-description {
		display: none;
	}
	
	.secondary {
		box-shadow: none;
		margin:0;
		padding:0;
	}
	
	.main-navigation {
		margin-bottom:0;
	}

	.main-navigation ul,
	.main-navigation ul ul {
		border-top: 0;
		border-bottom: 0;
	}
    
	.social-navigation {
		margin-top: 0;
		margin-bottom: 0;
	}

	.site-main {
		padding: 0;
	}

	.hentry,
	.page-header,
	.page-content {
		box-shadow: none;
	}

	.hentry + .hentry,
	.page-header + .hentry,
	.page-header + .page-content {
		
	}

	.hentry + .hentry {
		border-top: 0;
	}

	.entry-header {
		padding: 0 0;
	}
	
	/* entry-content box */
	.entry-content {
	}

	.entry-footer {
	}

	.page-content {
		padding: 0;
	}

	.pagination {
		display:none;
		box-shadow:none;
	}

	.comments-area {
		display:none;
	}

}


/**
 * 16  * Tablet Small 740px
 
  		background-color:lightsalmon;
  		base font size 19px

 */

@media screen and (min-width: 46.25em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 28px;
		line-height: 2.8rem;
	}
	
	body{

	}

	button,
	input {
		line-height: normal;
	}

	
	/* SETS WIDTH OF TEXT COLUMN */
	.entry-content p,
    .ns-product-info-box,
	.artists,
	.entry-content h3 {
		max-width:27em;
		max-width:513px;
	}

	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table,
	.entry-content p,
	.artists,
    .ns-product-info-box
	{
		margin-bottom: 28px;
	}
	
	.entry-content
	{
		padding:28px;
	}
	
	.previous-year
	{
		padding:27px;
	}
	
	h1,
    .page-title h1,
	.entry-content h1,
	.sidebar,
	.sidebar h1 {
		font-size: 25px;
		font-size: 2.5rem;
		line-height: 32px;
		line-height: 3.2rem;
	}
	
	h1,
    .page-title h1,
	.entry-content h1 {
		margin-top: 0;
		margin-bottom: 21px;
	}
	
	.previously-content h1{
		margin-top: 0;
		margin-bottom: 32px;
	}
	
	h2,
	.entry-content h2 {
		margin-top: 0;
		margin-bottom: 28px;
	}
	
	
	.entry-content h3
	{
	/* same column width as p for entries above */
		margin:0 auto 14px auto;
	}

	.entry-content h4,
	.entry-content h5,
	.entry-content h6
	{
	/* same column width as p for entries above */
	}
	

    button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.post-password-form input[type="submit"],
	.widecolumn #submit,
	.widecolumn .mu_register input[type="submit"] {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0.8214em 1.6429em;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		padding: 0.5em;
	}
	
	/* SIDEBAR stuff */

	.site-branding {
		min-height: inherit;
		padding: 0;
	}
	
	.secondary-toggle {
		height: 42px;
		width: 42px;
	}

	.secondary-toggle:before {
		line-height: 42px;
		width: 42px;
	}

	.main-navigation {
		font-size: inherit;
		line-height: inherit;
	}
    
	
	.main-navigation a {
		padding: 0 .2em;
	}
	
	.site-title {
	}

	.entry-title {
		font-size: inherit;
		line-height: inherit;
		margin: inherit;
	}
	
	/* ENTRY CONTENT */
	
	.entry-content {
		max-width:36em;
	}


	/* MEDIA and CAPTIONS */
	
	embed,
	iframe,
	object,
	video {
		margin-bottom: 28px;
	}

	.wp-caption-text {
		margin-bottom: 56px;
	}

}


/**
 * 16.3 Tablet Large 880px
 
 		background-color:lemonchiffon;
 		base font size 21px
 */

@media screen and (min-width: 55em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 21px;
		font-size: 2.1rem;
		line-height: 30px;
		line-height: 3.0rem;
	}
	
	body{
	}

	button,
	input {
		line-height: normal;
	}
	
	/* SETS WIDTH OF TEXT COLUMN */
	.entry-content p,
    .ns-product-info-box,
	.artists,
	.entry-content h3 {
		max-width:27em;
		max-width:567px;
	}
  
	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table,
	.entry-content p,
    .ns-product-info-box,
	.artists
	{
		margin-bottom: 30px;
	}
	
	.entry-content
	{
		padding:30px;
	}
	
	h1,
    .page-title h1,
	.entry-content h1,
	.sidebar,
	.sidebar h1 {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 35px;
		line-height: 3.5rem;
	}
	
	h1,
    .page-title h1,
	.entry-content h1 {
		margin-top: 0;
		margin-bottom: 22px;
	}
	
	.previously-content h1
	{
		margin-bottom: 35px;
	}
	
	h2,
	.entry-content h2 {
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	.entry-content h3
	{
	/* same column width as p for entries above */
		margin:0 auto 15px auto;
	}

	.entry-content h4,
	.entry-content h5,
	.entry-content h6
	{
	/* same column width as p for entries above */
	}
	
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.post-password-form input[type="submit"],
	.widecolumn #submit,
	.widecolumn .mu_register input[type="submit"] {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0.8125em 1.625em;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		padding: 0.5278em;
	}
	
	.main-navigation {
		font-size: inherit;
		font-size: inherit;
		line-height: inherit;
	}

	.main-navigation a {
		padding: 0;
	}
    
    

	.secondary-toggle {
		height: 42px;
		width: 42px;
	}

	.secondary-toggle:before {
		line-height: 42px;
		width: 42px;
	}

	.site-branding {
		min-height: inherit;
		padding: 0;
	}

	.site-title {
		font-size: inherit;;
		font-size: inherit;;
	}

	.entry-title {
		font-size: inherit;
		line-height:  inherit;
	}

	/* ENTRY CONTENT */
	
	.entry-content {
		max-width:36em;
	}


	/* MEDIA and CAPTIONS */
	
	embed,
	iframe,
	object,
	video {
		margin-bottom: 30px;
	}

	.wp-caption-text {
		margin-bottom: 60px;
	}

}


/**
 * 16.4 Desktop Small 955px
 
 	background-color:lightgreen;
 	base font size 17
 	base line height 24
 */

@media screen and (min-width: 59.6875em) {
	body:before {
		background-color: #efefef; /* makes the background page this color for the sidebar */
		box-shadow: none;
		content: "";
		display: block;
		height: 100%;
		min-height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		width: 29.4118%;
		z-index: 0; /* Fixes flashing bug with scrolling on Safari */
	}
	
	body,
	button,
	input,
	select,
	textarea {
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 24px;
		line-height: 2.4rem;
	}
	
	body{
	}

	button,
	input {
		line-height: normal;
	}
	
	/* SETS WIDTH OF TEXT COLUMN */
	.entry-content p,
    .ns-product-info-box,
	.artists,
	.entry-content h3 {
		max-width:27em;
		max-width:459px;
	}

	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table,
	.entry-content p,
    .ns-product-info-box,
	.artists,
	.previously-content div
	{
		margin-bottom: 24px;
	}
	
	.entry-content
	{
		padding:24px;
	}
	
	.previous-year
	{
		padding:23px;
	}
	
	h1,
    .page-title h1,
	.entry-content h1,
	.sidebar,
	.sidebar h1 {
		font-size: 21px;
		font-size: 2.1rem;
		line-height: 27px;
		line-height: 2.7rem;
	}
	
	h1,
    .page-title h1,
	.entry-content h1 {
		margin-top: 0;
		margin-bottom: 18px;
	}
	
	h2,
	.entry-content h2 {
		margin-top: 0;
		font-size: inherit;
		line-height: inherit;
		margin-bottom: 24px;
	}
	
	.entry-content h3
	{
	/* same column width as p for entries above */
		margin:0 auto 12px auto;
	}

	.entry-content h4,
	.entry-content h5,
	.entry-content h6
	{
	/* same column width as p for entries above */
	}
	
	.site {
		margin: 0 auto;
		max-width: 1403px;
	}
	
	/* DON'T TOUCH */
	.sidebar {
        /* DON'T TOUCH */
		float: left;
		margin-right: -100%;
		max-width: 413px;
		position: relative;
		width: 29.4118%;
	}

	.secondary {
		box-shadow: none;
		display: block;
		margin: 0;
		padding: 0;
	}

	.site-header {
	}

	.site-branding {
		display:none;
	}
	
	.secondary-toggle {
		display: none;
	}

	.site-title {
		width:90px;
		height:180px;
	}

	/* turns off the horizontal line used on the small screen menu */
	.main-navigation,
	body.page .main-navigation
	{
		display:block;
		font-size: inherit;
		margin: 0 0 0 0;

		background-image:none;
		z-index:100;
		padding:0 0 0 0;
	}
	
	/* no more toggle */
	.main-navigation ul,
	.address-block,
	.social-navigation
	{
		display: block;
	}
	
	/* no more toggle */	
	.sub-header {
		display:none;
	}	
    
	.main-navigation li {
		padding: 0;
		margin:0;
		display:block;
	}
	
	/* needs to have COLOR to cover the horz rule for current item, color should match background */
	.main-navigation a {
		padding: 0;
		background-color:#efefef; 
	}

	/* this changes to padding 0 and margin top when menu changes from dropdown to sidebar */
	.main-navigation ul li.nav-section,
	.main-navigation ul li.super-section    
    {
		margin-top:24px;
		padding-top:0;
	}

	li.current-menu-item ~ li {
		background-color:transparent;
	}
	
	li.current-menu-item,
    .woocommerce-page ul li.shoplink {
		background-image:url("images/horz-rule-3.png");
		background-repeat:no-repeat;
		background-position:150px 50% ;
	}
	
	li.ruled {
		margin-top:24px;
	}
	
	/* Social Navigation goes to the bottom of menu, and centered */
	.social-navigation {
		position:relative;
		top:0;
		left:0;
		width:auto;
		margin: 24px 0 0 0;
		text-align: center;
	}
	
	.social-navigation ul {
		display:block;
		height: 48px;
		position:relative;
		text-align:center;
		font-size:0;
	}

	.social-navigation ul li {
		display:inline-block;
		height: 24px;
		width: 24px;
		padding:0;
		margin:3px;
		font-size:0;
	}

	.social-navigation a {
		position: relative;
		right:0px;
		display: block;		
		padding:0;
		margin:0 0 0 0;
	}

	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	button,
	input {
		line-height: normal;
	}

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.post-password-form input[type="submit"],
	.widecolumn #submit,
	.widecolumn .mu_register input[type="submit"] {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0.7917em 1.5833em;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		padding: 0.375em;
	}


	/* DON'T TOUCH -- makes the side col work */
	.site-content {
		display: block;
		float: left;
		margin-left: 29.4118%;
		width: 70.5882%;
		
		/* changes border to the left */
		border-top:0;
		min-height:900px;
        border-left:3px solid black;
	}
	
	.home .site-content {
		border-left:0px solid black;
	}

    .page-template-page-currently .site-content,
    .page-template-page-upcoming .site-content {
		border-left:3px solid black;
	}


	/* Main Content for desktop small and bigger */

	.site-main {
		padding: 0 0 6em 0;
	}

	.post {
		padding:0;
		position:relative;
		margin:0 auto;
	}

	.entry-footer {
		padding:0 10%;
	}


	/* MEDIA and CAPTIONS */
	
	embed,
	iframe,
	object,
	video {
		margin-bottom: 24px;
	}
	
	.wp-caption-text {
		margin-bottom: 48px;
	}

	.wp-audio-shortcode,
	.wp-video,
	.wp-playlist.wp-audio-playlist {
		font-size: inherit;
		margin-bottom: 48px;
	}
	
	/* WOOCOMMERCE */
	
	.woocommerce .site-main {
		min-height:900px;
	}
	
}	

	
	
/**
 * 16 Desktop Medium 1100px
 		background-color:lightskyblue;
 		
 		base font size 19px
 		base line height 28
 */

@media screen and (min-width: 68.75em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 28px;
		line-height: 2.8rem;
	}
	
	body{
	}

	button,
	input {
		line-height: normal;
	}
	
	/* SETS WIDTH OF TEXT COLUMN */
	.entry-content p,
    .ns-product-info-box,
	.artists,
	.entry-content h3 {
		max-width:27em;
		max-width:513px;
	}

	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table,
	.entry-content p,
    .ns-product-info-box,
	.artists
	{
		margin-bottom: 28px;
	}
	
	.entry-content
	{
		padding:28px;
	}
	
	.previous-year
	{
		padding:27px;
	}
	
	h1,
    .page-title h1,
	.entry-content h1 {
		font-size: 25px;
		font-size: 2.5rem;
		line-height: 32px;
		line-height: 3.2rem;
	}
	
	h1,
    .page-title h1,
	.entry-content h1 {
		margin-top: 0;
		margin-bottom: 21px;
	}
	
	.previously-content h1{
		margin-top: 0;
		margin-bottom: 32px;
	}
	
	h2,
	.entry-content h2 {
		margin-top: 0;
		margin-bottom: 28px;
	}
	
	.entry-content h3
	{
	/* same column width as p for entries above */
		margin:0 auto 14px auto;
	}

	.entry-content h4,
	.entry-content h5,
	.entry-content h6
	{
	/* same column width as p for entries above */
	}
	
	
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.post-password-form input[type="submit"],
	.widecolumn #submit,
	.widecolumn .mu_register input[type="submit"] {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0.8214em 1.5714em;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		padding: 0.5em;
	}



/**
 * 16.6 Desktop Large 1240px
 
 	background-color:mediumpurple;
 	base font size 21
 	base line height 30
 */

@media screen and (min-width: 77.5em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 21px;
		font-size: 2.1rem;
		line-height: 30px;
		line-height: 3.0rem;
	}
	
	body{
	}

	button,
	input {
		line-height: normal;
	}
	
	/* SETS WIDTH OF TEXT COLUMN */
	.entry-content p,
    .ns-product-info-box,
	.artists,
	.entry-content h3 {
		max-width:27em;
		max-width:567px;
	}

	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table,
	.entry-content p,
    .ns-product-info-box,
	.artists
	{
		margin-bottom: 30px;
	}
	
	.entry-content
	{
		padding:30px;
	}
	
	.previous-year
	{
		padding:29px;
	}
	
	h1,
    .page-title h1,
	.entry-content h1 {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 35px;
		line-height: 3.5rem;
	}
	
	h1,
    .page-title h1,
	.entry-content h1 {
		margin-top: 0;
		margin-bottom: 26px;
	}
	
	.previously-content h1{
		margin-top: 0;
		margin-bottom: 35px;
	}
	
	h2,
	.entry-content h2 {
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	.entry-content h3
	{
	/* same column width as p for entries above */
		margin:0 auto 15px auto;
	}

	.entry-content h4,
	.entry-content h5,
	.entry-content h6
	{
	/* same column width as p for entries above */
	}
	

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.post-password-form input[type="submit"],
	.widecolumn #submit,
	.widecolumn .mu_register input[type="submit"] {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0.8125em 1.625em;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		padding: 0.5278em;
	}

}


/**
 * 16.7 Desktop X-Large 1403px
 
 	background-color:orchid;
 */

@media screen and (min-width: 87.6875em) {
	body:before {
		width: -webkit-calc(50% - 289px);
		width: calc(50% - 289px);
	}
	
	body {
	}
	
}


/**
 * 17.0 Print
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		font-size: 11.25pt;
	}

	.secondary-toggle,
	.navigation,
	.page-links,
	.edit-link,
	#reply-title,
	.comment-form,
	.comment-edit-link,
	.comment-list .reply a,
	button,
	input,
	textarea,
	select,
	.widecolumn form,
	.widecolumn .mu_register form {
		display: none;
	}

	.site-header,
	.hentry,
	.entry-footer,
	.page-header,
	.page-content,
	.comments-area,
	.widecolumn {
		background: none !important; /* Make sure color schemes dont't affect to print */
	}

	body,
	blockquote,
	blockquote cite,
	blockquote small,
	label,
	a,
	.site-title a,
	.site-description,
	.post-title,
	.author-heading,
	.entry-footer,
	.entry-footer a,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.no-comments,
	.wp-caption-text,
	.gallery-caption {
		color: #000 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr[title],
	table,
	th,
	td,
	.site-header,
	.hentry + .hentry,
	.author-info,
	.page-header,
	.comments-area,
	.comment-list + .comment-respond,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 0 7.6923%;
	}

	.sidebar {
		position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
	}

	.site-branding {
		padding: 0;
	}

	.site-header {
		padding: 7.6923% 0;
	}

	.site-description {
		display: block;
	}

	.hentry + .hentry {
		margin-top: 7.6923%;
	}

	.hentry.has-post-thumbnail {
		padding-top: 7.6923%;
	}

	.entry-header,
	.entry-footer {
		padding: 0;
	}

	/* entry-content print */
	.entry-content,
	.entry-summary {
		padding: 0 7.6923%;
	}

	.post-thumbnail img {
		margin: 0;
	}

	.author-info {
		margin: 0;
	}

	.page-content {
		padding: 7.6923% 0 0;
	}

	.page-header {
		padding: 3.84615% 0;
	}

	.comments-area {
		border: 0;
		padding: 7.6923% 0 0;
	}

	.widecolumn {
		margin: 7.6923% 0 0;
		padding: 0;
	}
}