/* default overrides, will apply to all screen sizes unless overidden later */

/* default font for body text */
body,
button,
input,
select,
textarea {
	font-family: "aktiv-grotesk-std", sans-serif !important;
}

/* default font for headings, also removes left and right spacing */
header.entry-header,
div.entry-summary,
div.entry-content,
nav.paging-navigation {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* remove space below entries (the "read more" link) */
footer.entry-footer { padding-bottom: 0; }

/* spacing for "next" and "pevious" section (padding is INSIDE the red box, margin is ABOVE the red box) */
nav.paging-navigation {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 10px !important;
}

/* "next" and "previous" font size and spacing around text */
div.nav-previous,
div.nav-previous span.smallPart,
div.nav-next,
div.nav-next span.smallPart
{
	font-size: 1.5rem;
	padding: .5rem;
}

/* spave above post entries on homepage */
div.entry-summary,
div.entry-content {
	margin-top: 1rem !important;
}

/* space at the bottom of the content on a page */
article.post { margin-bottom: 0 !important; }

/* space above the bottom portion of an entry on the homepage */
div.entry-bottom { padding-top: 0 !important; }

/* space below widget titles */
div.widget-title { margin-bottom: 0; }

/* make the content on all pages except home (and full page posts) take the full width */
body.page div#primary { width: 100%; }

/* space above banner */
div#page { margin-top: 90px; }

.main-navigation { padding-top: 4px; }

/* main nav font size, also adds small space to the right of the social bar */
.main-navigation a {
	font-size: 1.2rem;
	padding-right: 1px;
}

/* adds some space between nav links */
.main-navigation ul li .indicator { left: 50px; }

/* spacing for the social bar */
div.theNavigationSocial {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 0;
}

/* social bar icon size */
.fa { font-size: 1.3em; }

/* font size and spacing for "miling list" link in top nav */
a.join-mail-link {
	font-size: 1.3rem;
	padding: 0;
}

/* remove background colour on pages so tile shows through */
article.post, article.page { background: transparent; }

/* spacing for widget area */
div.widget-area { padding-top: 40px; }

/* remove extra space between widgets */
aside.widget { margin-bottom: 10px; }

/* tighten spacing between titles and content */
div.entry-page-title { padding-bottom: 0; }
div.entry-content { margin-top: 0; }

/* blockquote "lines" size */
blockquote { border-width: 5px; }

/* blockquote font size and line-height (leading) */
blockquote p {
	font-size: 1.9rem;
	line-height: 1.5em;
}

/* make sure "floating" images are never more than half the column width for text wrapping purposes */
div.entry-content img.alignleft, div.entry-content img.alignright {
	max-width: 50%;
	height: auto;
}

/* "Previous" and "Next" for blog entries */
.site-main .post-navigation {
	padding: 0;
	margin-top: 10px;
}
.post-navigation .meta-nav .nextPrevName {
	display: none;
}

/* inserting a horizontal rule will clear any previous floating options (because it's usually a new section) */
hr { clear: both; }

/* shop page styles */
body.product-template-default div#secondary, .woocommerce-result-count { display: none; }
body.product-template-default div#primary { width: 100%; }
body.product-template-default nav.navigation.post-navigation { display: none; }
a.checkout-button { display: none !important; }
form.woocommerce-ordering { display:none; }
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th,
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td {
	border: 1px solid #fff !important;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th.product-remove,
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th.product-thumbnail, 
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td.actions {
	border: none !important;
}
div.wcppec-checkout-buttons__separator { display: none; }

/* form (mailing list) styles */
div#mc_embed_signup_scroll {
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 5px 15px 10px;
	width: 90%;
	margin-bottom: 20px;
}
div#mc_embed_signup_scroll input {
	border: 1px solid #fff;
	border-radius: 4px;
	height: 35px;
	width: 80%;
}
div#mc_embed_signup_scroll input[type="submit"] {
	border: 0;
	margin-top: 10px;
	height: inherit;
	width: auto;
}

/* form (downloads page) styles */
form#dlform div { margin-bottom: 10px; }
form#dlform input[type="text"],
form#dlform input[type="email"]{
	border: 1px solid #fff;
	border-radius: 4px;
	height: 35px;
}
form#dlform input[type="submit"]{ border-radius: 4px; }

/* used for album covers on "other releases" page */
.albumcover {
	border: 2px solid #000;
	max-width: 100%;
	height: auto;
}

/* hide the big CDBaby player on small screens */
.bigPlayer { display: none; }

/* social page style, disabled since we're not using that page right now */
/*
.social-container{
	width: 90%;
	height: 500px;
	margin-bottom: 10px;
}
.social-container h3 {
	font-family: "aktiv-grotesk-std", sans-serif !important;
}
.youtube-wrapper {
	clear: both;
	margin-top: 10px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	width: 90%;
	height: 0;
}
.youtube-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/



/* banner size and background image for small screens */
header#masthead.site-header {
	height: 180px;
	background: url("/assets/banner-graphics/banner-black-bg-180.jpg") no-repeat;
	margin-bottom: 0;
}
/* banner main text for small screens */
.site-title {
	font-size: 3.2rem;
	text-align: right;
	padding-top: 10px;	
	padding-left: 120px;	
	padding-right: 10px;	
}
/* banner byline text for small screens */
.site-description {
	font-size: 1.5rem;
	line-height: 1.5rem;
	text-align: right;
	padding-left: 130px;	
	padding-right: 10px;
}



/* *** the following styles will apply to medium size screens and above (phones in landscape) *** */
@media screen and (min-width: 667px) {
	/* banner main text for medium screens */
	.site-title {
		text-align: left;
		font-size: 5.5rem;
		padding-top: 0;
		padding-left: 140px;
	}
	/* banner byline text for medium screens */
	.site-description {
		text-align: left;
		font-size: 1.5rem;
		padding-left: 180px;
		padding-top: 10px;
	}
	/* 2-column layout, left column */
	.col1 {
		float: left;
		width: 50%;
	}
	/* 2-column layout, right column */
	.col2 {
		float: right;
		width: 50%;
	}
	/* hide any content with this class on medium and above screens */
	.hideMed { display: none; }
}



/* *** the following styles will apply to large size screens and above (tablets in portrait, maybe BIG smartphones in landsacpe) *** */
@media screen and (min-width: 768px) {
	/* banner size and background image */
	header#masthead.site-header {
		height: 360px;
		background: url("/assets/banner-graphics/banner-black-bg-360.jpg") no-repeat;
	}
	/* banner main text for large screens */
	.site-title {
		padding-top: 30px;
		padding-left: 260px;
	}
	/* banner byline text for large screens */
	.site-description {
		padding-left: 290px;
	}
	/* show the big CDBaby player */
	.bigPlayer { display: block; }
	/* hide the small CDBaby player */
	.smallPlayer { display: none; }
}



/* *** the following styles will apply to extra large size screens and above (tablets in landscape, desktops/laptops) *** */
@media screen and (min-width: 1024px) {
	/* banner main text for extra large screens */
	.site-title {
		padding-top: 0;
		font-size: 7rem;
		padding-left: 280px;
	}
	/* banner byline text for extra large screens */
	.site-description {
		font-size: 2rem;
		padding-left: 340px;
		line-height: 2rem;
	}
	/* social feeds containers go to 3 columns (disabled since that page is not in use) */
	/*
	.social-container {
		width: 30%;
		float: left;
		margin-right: 10px !important;
	}
	*/
	/* since we get the top nav at this point, on the "other releases" page, the anchors are too high up,
	so we have to add space below the horizontal rules so the links go to the right spot */
	hr.albumdivide { margin-bottom: 100px; }
	/* hide any content that has the "hideLrg" class applied */
	.hideLrg { display: none; }
}



/* *** bands in town *** */
.bit-widget .bit-venue {
    color: #fff !important;
}
.bit-widget .bit-rsvp {
    color: #fff !important;
    border: 1px solid #fff !important;
}




/* *** woo commerce *** */

.woocommerce-loop-category__title {
	text-align: center;
}
.woocommerce mark {
    background: transparent;
    color: inherit;
}

/* shop page description tabs */
li.active {
	color: #000;
}

/* cart page */
.restore-item:hover {
	color: #f1a849;
	text-decoration: underline;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td.product-remove {
	border-right: none !important;
}
.woocommerce a.remove {
	width: 100%;
	font-size: 1em;
	border-radius: 0;
}
.woocommerce a.remove:hover {
	background-color: transparent;
}
.woocommerce a.remove::after {
	content: " Remove";
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th.product-thumbnail,
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td.product-thumbnail {
	border-left: none !important;
	width: 1px !important;
	min-width: 1px !important;
	padding: 0 !important;
	font-size: 1px !important;
}
.woocommerce-page table.cart img.woocommerce-placeholder {
	display: none;
	width: 1px !important;
	height: 1px !important;
}


/* fields */
.select2-dropdown {
	color: #000;
}
.woocommerce input {
	border: 1px solid #fff;
	border-radius: 10px;
}
.woocommerce input::placeholder {
	color: #f1a849;
}
input#coupon_code {
	width: 150px !important;
}
.woocommerce button.button {
	margin-top: 5px;
	margin-left: 5px;
}
.woocommerce small {
	color: inherit !important;
}