/*
Theme Name: The Pigs

*/

html ,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

@media (min-width: 300px) {
    html { font-size: 45%; }
}

@media (min-width: 768px) {
    html { font-size: 50%;}
}

@media (min-width: 900px) {
    html { font-size: 56%;}
}

@media (min-width: 1024px) {
    html { font-size: 62.5%; }
}

*, *:before, *:after {
  box-sizing: inherit;
}

body,iframe,p,blockquote,img,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.8rem;
}

body {
	background-position: center 0;
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #000000 !important;
	background-image: url(/wp-content/themes/The_Pigs/images/bg-hs.jpg);
	color: #FFF;
}

html body {
	color: #FFF;
}

li { list-style: none; font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}	
ol,ul { list-style: none; font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}	
	
em {font-style: italic !important; font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}

h1,h2,h3,h4,h5,h6 {
	margin: 1rem 0;
	color: #FFF;
	line-height: 130%;
}

h1.entry-title a, h1.entry-title, h2.entry-title a, h1 {
	font-family: 'Bungee Shade', cursive;
	font-size: 3rem;
	text-decoration:none;
	margin: 0 0 1rem 0;
	color: #FFF;
	line-height: 110%;
}

.page h1.entry-title {display: none;}

h2, h2 a {
	font-size: 2.4rem;
	font-family: 'Bungee Inline', cursive;
	margin: 1rem 0 1rem 0;
	text-shadow: 1px 1px #000;
}

h2.entry-title a:hover {
	color: #2793e6;
	padding: 0;
	transition: color 0.5s ease-in-out;
	text-decoration: none;
	}
	
h3 {
	font-family: 'Bungee', cursive !important;
	font-size: 2rem;
	font-weight: bold;
}

h3.widget-title {
	font-family: 'Bungee', cursive;
	font-size: 2rem;
	color: #FFF;
	padding: 1rem 1rem 1rem 0;
	text-align: right;
	margin: 0 !important;
}

h4 {
	font-size: 2rem;
	font-weight: 700;
}

.red {color: #E12B28}

h3 span.retailer {padding-top: 1.5rem !important}

#content header {
	color: #000;     
	z-index: 20;
    position: relative;
	}

a {color: #2793e6; text-decoration:none; word-wrap: break-word;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}
a:hover {color: #2793e6; text-decoration: underline}
h2 a:hover, h3 a:hover {color: #FFFFFF; transition: color 0.5s ease-in-out; text-decoration: none}

.page,
.post,
dd,
dt,
li,
blockquote,
p {
	font-size: 1.8rem;
	line-height: 150%;
}

.post ol, article ol, #content ol,
.post ul, article ul, #content ol
{list-style: decimal; margin:1rem 0 0 23px}

.post li, article li, div.summary.entry-summary div li
{list-style: decimal; margin:0 0 10px; color: #FFFFFF}

p {margin-top: 1rem;}

strong, b {font-weight: bold}

.seperator {
	color: #FFF;
	clear: both;
}

.post, article { 
	/*background: none repeat scroll 0 0 rgba(0, 0, 0, 1);*/
    width: 100%;
    float: left;
    margin: 0 0 2.5rem 0;
    padding: 2%;
    display: inline-block;
    color: #FFF;
    border: solid 2px #333;
    }
	
.post img {
	float: left;
    height: auto;
    margin: 0 2rem 2rem 0;
	max-width: 100%;
	min-width: 100%;
	}
	
.attachment-post-thumbnail {
	width: 100%;
	height: auto;
	}	
	
/* .post iframe, article iframe { 	
	width: 100% !important;
	height: 370px !important
	
} */

.page-template-shows li#custom_html-3 {display: none}

.page-template-shows .post {
	width: 46%;
	float: left;
	display: none;
}

.page-template-shows .post:nth-child(odd) {
	margin-left: 4%;
}


.page-template-shows .post:nth-child(even) {
	clear: both;
}

/* Background Full Screen */

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1368px; /* Specific to this particular image */
  opacity: 1;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: -8rem;
  left: 0;
  z-index: 1;
  display: none;
}

@media screen and (max-width: 1368px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -684px;   /* 50% */
  }
}


.flex-wrapper {
  display: flex !important;
  flex-flow: row wrap;
  justify-content: space-between;
}

.flex-wrapper-center {
  display: flex !important;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.flex-wrapper-spacearound {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
}

.flex-wrapper-spacebetween {
  display: flex;
  justify-content: space-between;
  
}

.flex-start {justify-content: flex-start; align-self: flex-start;}

.flex-grow {flex-grow: 1}

.flex-column {flex-direction: column;}

.flex-row {flex-direction: row;}

/*Structure*/

#wrapper {
	position: relative;
	z-index: 100;
}

#wrapper-inner {
	position: relative;
	max-width: 1100px;
	min-width: 340px;
	margin: 0 auto;}

#container {
	width: 90%;
	margin: -2rem auto 0;
	clear: both;
	}
	
#content {
	width: 62%;
	float: left;
	margin-left: 1rem;
	padding: 0 0 2rem 0
}

#sidebar {
	float: right;
	width: 32.8%;
	margin-right: 1%;
}

.woocommerce #content { 
	/* background: none repeat scroll 0 0 rgba(0,0,0,0.85);*/
	width: 64%;
	float: left;
	margin: 0 0 0 1%;
	padding: 2%;
	border: solid 2px #333;
	}



.xoxo li {	
	margin: 0 0 6rem 0;
	z-index: 10;
    position: relative;	
	background-color: #fca211;
	} 
	
.xoxo li li {	
	margin: 0;
	background: none;
	padding: 0;
	border: none;
	} 
	

.sidebar-tag {
	z-index: 10;
	position: absolute;
	-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
	margin: -2rem 0 0 18rem;
	display: none;
}

.sidebar-tag img {width: 200px; height: auto} 	

#custom_html-3 > div {
	 border: solid 2px #fca211;
}

.widget-container > div {
	background-color: rgba(0,0,0,1);
	padding: 2%;
	z-index: 5;
	position: relative;
	border-bottom: 2px solid #FFF;
	}
	
#gform_wrapper_3 {
	background-color: transparent;
	padding: 0;
	z-index: inherit;
	position: relative;
	border-bottom: none;
}
	
.post-tag {
	z-index: 10;
	position: absolute;
	-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
	margin: -2rem 0 0 -4rem;
	display: none;
}

.post-tag img {width: auto; height: auto; max-width: 100%;} 	
	
	
/*HEADER*/

#header {
	max-width: 1100px;
	margin: 0 auto;
	clear: both;
	position: relative;
	}
	
#search, #site-title, #site-description, .post-edit-link {display: none;}

#logo-wrapper {
	margin: 2rem auto 1.5rem;
	z-index: 10000;
	position: relative;
	display: block;
	height: 25rem;
	width: 41.8rem;
	}	
	
img#logo, .woocommerce-page img#logo,
img#logo-white, .woocommerce-page img#logo-white {
	position: absolute;
	width: 100%;
	height: auto;
}

#hs-label {
	margin: 2rem 0 0 0;
    width: 15rem;
    height: auto;
    position: absolute;
    right: 6.5rem;
}

#hs-label a {
	box-shadow: 0 0 30px 3px #999;
	transition: all ease-in-out 0.5;
	display: block
   }

#hs-label a:hover {
	box-shadow: 0 0 30px 5px #fff;
   }


#hs-label img {
	height: auto;
	width: 100%;
	}
	
/* Menu */

#menu {
	width: 100%;
	overflow: visible;
    max-width: 100%;
	z-index: 1500;
	position: relative;
}

#menu img {
	position: absolute;
	margin-left: -5%;
	margin-top: -1.2rem;
	width: 110%	;
	max-width: 110%;
	height: auto;
	display: none;
}

nav#menu div.menu-main-container {
	height: 8rem;
	margin: 0 0 0 -4rem;
	padding: 0 2.8% 0 6.8%;
	position: relative;
	text-align: center;
}

.nav {
font-stretch: condensed;
font-stretch: narrower;
}

ul#menu-main, ul#menu-main ul {
	list-style: none !important;
	}

.nav li {
	color:#999999;
	display: inline;
	height:5rem;
	position:relative;
	z-index: 1000;
}
.nav li a {
	display: inline;
	padding: 2% 1rem 0;
	color: rgba(255,255,255,0.85);
	font-family: 'Bungee', cursive;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 140%;
	font-weight: normal;
	letter-spacing:0.7px;
	z-index: 1000;
	text-shadow:
     -1px -1px 0 #3F2511,  
      1px -1px 0 #3F2511,
      -1px 1px 0 #3F2511,
       1px 1px 0 #3F2511;
}

.nav li:hover a,
.nav li.sfhover a,
.nav li.current-menu-item a,
.nav li.current_page_item a {
	text-decoration: none;
	z-index: 1000;
	color: #FFF;
	transition: background 0.25s, color 0.25s;
}

.nav li.current-menu-item a,
.nav li.current_page_item a {
	margin: 0 0 -20px 0;
	font-size: 180%;
	text-shadow:
       3px 3px 0 #3F2511,
     -1px -1px 0 #3F2511,  
      1px -1px 0 #3F2511,
      -1px 1px 0 #3F2511,
       1px 1px 0 #3F2511;
	   
}

.nav li.has-children a {
	margin-right: 1rem;
}


/* Dropdown */
.nav li ul {
	width: 180px;
	position: absolute;
	opacity: 0;
	padding: 0 0 0 0;
	z-index:99;
	margin-top: .6rem;
}

.nav li:hover ul,
.nav li.sfhover ul {
	opacity: 1;
	
}
.nav li:hover li,
.nav li.sfhover li,
.nav li.current-menu-item li,
.nav li.current_page_item li,
.nav li li {
	background: rgba(0,0,0,0.95) 0 0;
	height: auto;
	line-height: 14px;
	border-top: none;
	margin-top: -2px;
	width: 180px;
}

.nav li li a {
font-size: 14px;
width: 180px;
padding: 8px 10px;
}

.nav li:hover li a,
.nav li.sfhover li a {
	background: none;
	color: #FCFBF4 !important;
	height: auto;
	padding: 8px 10px;
	font-size: 14px;
}

.nav li:hover li a:hover,
.nav li.sfhover li a:hover {
	color: #E12B28 !important;
}

/* Flyout */
.nav li:hover li ul,
.nav li.sfhover li ul {
	left: -999em;
	padding: 0;
}
.nav li:hover li:hover ul,
.nav li.sfhover li.sfhover ul {
	top:0;
	left: 199px;
}
.nav li li li {
	background: #333 0 0;
	width: 198px;
	border: 1px solid #303030;
	border-top: none;
}
.nav li:hover li:hover li a,
.nav li.sfhover li.sfhover li a {
	background: none;
	color: #999999!important;
}

/* .entry-content iframe {width: 100% !important; min-height: 320px; height: auto !important;} */
.entry-content {
	padding: 10px 0 10px 0;     
	z-index: 20;
    position: relative;}
.entry-meta, .entry-meta a, .cat-links, .cat-links a, .comment-meta a, .entry-footer a {font-size: 1.1rem; color: #FFF}
.entry-meta, .entry-meta a {}
footer.entry-footer {
	clear: both; 
	text-align: left;
    width: 100%;
	min-height: 4rem;
	margin-top: .5rem
	}
	
.cat-links, .tag-links {float: right; width: 50%; text-align: right; vertical-align: bottom; line-height: 140%}	
.home div.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing {float: left; margin: 20px 0 -35px 0;}
div.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing {margin: 20px 0 -10px 0; display: block;}

.entry-footer .comments-link, .entry-footer .meta-sep, .entry-meta, .seperator {display: none}

#social-share {float: left; width: 50%}

#social {
	float: right;
	margin: .5rem 5rem -5rem 0;
}

#social-share .fa, #social-share .fab {
	font-size: 3.5rem;
    margin-right: 0.5rem;
	}

#social .fa, #social .fab {
	font-size: 3.5rem;
    margin: 0.5rem 1.5rem 0.5rem 0;
	}

a.fa-twitter, a.fa-twitter-square {
	color: #55ACEE;
	text-decoration: none;
}

a.fa-facebook-square {
	color: #3C568B;
	text-decoration: none;
}

a.fa-instagram {
	color: #9d5902;
	text-decoration: none;
}

a.fa-youtube {
	color: #c4302b;
	text-decoration: none;
}

a.fa-spotify {
	color: #8FB910;
	text-decoration: none;
}

a.fa-soundcloud {
	color: #FF4500;
	text-decoration: none;
}

a.fa-itunes-note {
	color: #fa57c1;
	text-decoration: none;
}

a.itunes img {
	margin: 0 0 -.4rem 1.5rem;
	height: 3.5rem;
	width: 3.5rem;
}

a.fa-pinterest {
	color: #BD1E23;
	text-decoration: none;
} 

a.fa-reddit-square {
	color: #FF5600;
	text-decoration: none;
}

a.fa-google-plus-square {
	color: #DF4B38;
	text-decoration: none;
}

a.fa-digg {
	color: #333333;
	text-decoration: none;
}

.fa-bullhorn {
	font-size: 3rem !important;
	margin-right: 2rem !important;
}

/*

td.bit-date {width: 6.5rem !important;
text-align: center !important;
background-color: #e12b28 !important;
color: #FFFFFF;
text-transform: uppercase;
word-break:break-word !important;
border: 1px solid #FFF;
}

td.bit-date a {
text-align: center !important;
margin: 0 auto !important;
font-size: 1.8rem !important;
}

*/


.page-template-shows {padding: 0 0 0 0;}

.page-template-shows .bit-widget .bit-local-events-container {margin: -2rem 10px 0px 10px !important;}

.page-template-shows .bit-widget .bit-event-list-title {padding: 0 12px 10px 0px !important;}
	

.bit-date, .bit-details {
	display: table !important;
	}
	
.bit-event div.bit-date {
font-family: 'Bungee', cursive;	
display: table-cell !important;
margin: 0 auto !important;
font-size: 2rem !important;
line-height: 110% !important;
text-align: center !important;
background-color: #e12b28 !important;
color: #FFFFFF !important;
text-transform: uppercase !important;
vertical-align: middle !important;
white-space: pre-wrap !important; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap !important; /* Opera 4-6 */
    white-space: -o-pre-wrap !important; /* Opera 7 */
    word-wrap: break-word !important; /* Internet Explorer 5.5+ */
padding: 1rem !important;	
width: 15% !important;
	max-width: 15% !important;
}

.bit-widget {
	background-color: transparent !important;
	display: table !important;
	
}

.bit-widget .bit-event .bit-offers {
    -ms-flex: auto !important;
    flex: auto !important;
	white-space: wrap !important;
}

.bit-widget .bit-event {
    border-top: none !important;
    color: #FFF !important;
	background-color: rgba(0,0,0,0.5) !important;
	padding: 2% !important;
}

.bit-widget.bit-layout-row .bit-event:hover,
li.widget_bandsintown_js_widget .bit-widget a.bit-event:hover {
    background-color: #2f95de !important;
}

.bit-widget.bit-layout-row .bit-event .bit-details {
    width: 75% !important;
}

.bit-location {	
	color: #FFF !important;
	font-size: 1.2rem !important;
	line-height: 110% !important;
	display: table-cell !important;
	vertical-align: middle !important;
	width: 150px !important;
	max-width: 150px !important;
	padding: 0.5rem 2rem !important;
	white-space: pre-wrap !important; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap !important; /* Opera 4-6 */
    white-space: -o-pre-wrap !important; /* Opera 7 */
    word-wrap: break-word !important; /* Internet Explorer 5.5+ */
}

.bit-widget .bit-button {
	color: #FFFFFF !important; 
	background: #2793e6 !important; 
	padding: 0 0.5rem !important; 
	text-decoration:none !important; 
	font-size: 1.6rem !important;
	font-family: 'Bungee', cursive !important;
	margin: 0 3% 0 0;
    width: 45% !important;
	float: left !important;
	border: none !important;
	/*max-width: 25% !important;
	white-space: pre-wrap !important;  css-3
    white-space: -moz-pre-wrap !important;  Mozilla, since 1999 */
    /*white-space: -pre-wrap !important;  Opera 4-6 */
    /*white-space: -o-pre-wrap !important;  Opera 7 */
    /*word-wrap: break-word !important;  Internet Explorer 5.5+ */
	}
	
.bit-widget .bit-event .bit-details a, .bit-widget .bit-event .bit-offers-menu a {
    float: left !important;	
	}

.page-id-4 .bit-widget .bit-event .bit-event-buttons {
	margin-top: 1rem !important;
    width: 250px !important;	
	max-width: 250px !important;	
	}
	
.widget_bandsintown_js_widget .bit-widget .bit-event .bit-venue {
    margin: 8px 0 4px 0 !important;	
}	

.bit-venue {
	font-size: 90% !important;
	font-family: 'Bungee Shade', cursive !important;
	line-height: 120% !important;
	padding: 0.5rem !important;
	width: 300px !important
	max-width: 300px !important
	display: table-cell !important;
	vertical-align: middle !important;
	}
	
.bit-widget .bit-upcoming-events, bit-past-events {
    border-bottom: none !important;
}	

li.widget_bandsintown_js_widget {
	background: none; 
    padding: 0;
	}

li.widget_bandsintown_js_widget .bit-widget .bit-upcoming-events, .bit-widget .bit-past-events {
    margin-bottom: 8px;
    margin: 0 0 10px 0 !important;
}

li.widget_bandsintown_js_widget .bit-widget .bit-event {
    margin-bottom: 10px;
}

li.widget_bandsintown_js_widget .bit-location {
   display: none !important;
}

li.widget_bandsintown_js_widget .bit-details {
    width: 70% !important;
}

li.widget_bandsintown_js_widget .bit-widget .bit-button {
	font-size: 1.1rem !important;
}
	
td.bit-venue > a {	
	line-height: 100% !important;
	font-family: 'Bungee Shade', cursive !important;
}

li.widget_bandsintown_js_widget .bit-widget .bit-nav-bar-container {display: none !important;}

td.bit-venue a {	
	color: #FFF !important;
	}

.bit-events-narrow td, #bit-events .bit-events td {
	border-top: none !important;
	
		}
	
th.bit-description-links, td.bit-description-links {display: none;}

td.bit-concert {padding-left: 1rem !important;}
	
td.bit-rsvp label.bit-uiButton.bit-uiButtonDefault a {
	font-family: 'Open Sans', sans-serif !important;
    font-size: 1.6rem !important;
	font-weight: 300;
	color: #FFF !important;
}

td.bit-rsvp label.bit-uiButton.bit-uiButtonDefault {
	background: none !important;
    border: none !important;
	box-shadow: none !important;
	padding-right: .2rem !important;
    width: 3.2rem !important;
	display: none !important;
}

#bit-events td.bit-rsvp {
    width: 1px !important;
    padding-right: 1px !important;
}

#bit-events table {
	border-bottom: none !important;
}

.bit-header-narrow .bit-header-links a, .bit-header-narrow .bit-header-links {color: #333333;}
.bit-header-links a {color: #f3f3f3; font-size: 1.6rem;}
#bit-events span.bit-share-links a {margin: 0 !important;}

#bit-events td.bit-tickets, #bit-events th.bit-tickets {
	width: 7.5rem !important;
}

.bit-events-narrow td.bit-date {
	
}

.bit-events-narrow a.bit-buy-tix {
	background: #FFF;
	padding: 5px 5px 2px 5px;
	margin: 5px 0 !important;
	font-size: 1.3rem
}

.bit-events-narrow div.location {
	padding-bottom: 10px !important;
}

.page-template-shows #sidebar #bandsintown_js_widget-2 {display: none;}

.post .bit-track-artist-header, .post .bit-description-links {display: none !important;}

#bit-events th, .bit-no-dates-container {color: #FFFFFF !important;}

.postid-3454 ul.xoxo #bandsintown_js_widget-2,
.postid-3461 ul.xoxo #bandsintown_js_widget-2,
.postid-3442 ul.xoxo #bandsintown_js_widget-2 {display: none}

.bit-show-upcoming {color: #FFFFFF !important;}

.page-template-shows .article iframe {height: inherit !important}

.ticket-link:hover, .additional-link:hover {background: rgba(176,121,23, 1);}

.category-8 #content, .category-132 #content, .category-157 #content, .category-158 #content, .category-133 #content {
	width: 98%;
	float: left;
	margin-left: 1rem;
    padding: 0 0 2rem;
	background: url(wp-content/themes/The_Pigs/images/jeans.png) center top;
	background-size: 100% auto;
}

.category-8 .post, .category-132 .post, .category-157 .post, .category-158 .post, .category-133 .post {
	width: 48.5%;
	position: relative;
}

.category-8 .post iframe, .category-132 .post iframe, .category-157 .post iframe, .category-158 .post iframe, .category-133 .post iframe { 	
	width: 100% !important;
	height: 238px !important
}

.content-wrapper {position: relative}

a.video-button {
	position: absolute;
	width: 100%;
	height: 80%;
	z-index: 100;
	display: flex;
	justify-content: center;
}

a.video-button i {
	color: #c4302b;
    font-size: 70px;
    margin-top: 87px;
	opacity: 0;
	transition: opacity ease-in-out 0.25s;
	-webkit-transition: opacity ease-in-out 0.25s;
  	-moz-transition: opacity ease-in-out 0.25s;
  	-o-transition: opacity ease-in-out 0.25s;
}

a:hover.video-button i {
	opacity: 1;
}

.product-category {
	border-bottom: 2px solid #FFF;
	margin: 0 0 50px 0;
	z-index: 20;
    position: relative;
	}
.single-product .entry-summary .price  .amount,
span.price {
	font-weight: bold !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #515151 !important;
}
	
div.summary.entry-summary, .shop_attributes  {color: #FFF}

.single-product .entry-summary .price  .amount {font-size: 3rem;}

.xoxo .woocommerce ul.products li.product h3 {color: #FFF}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
	text-align: right;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th {
	text-align: left;
}

.woocommerce-cart table.cart img {
    width: 120px !important;
    box-shadow: none;
}

.woocommerce table.shop_table td {
    border-top: 1px solid rgba(255,255,255,.5) !important;
    padding: 6px 5px !important;  
}

.woocommerce td.product-name dl.variation dd p,
.woocommerce ul.product_list_widget li dl dd p {
	margin-top: 0 !important;
}

.woocommerce td.product-name dl.variation dd,
.woocommerce ul.product_list_widget li dl dd {
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.woocommerce .coupon input.button {
    font-size: 11px !important;
}

.woocommerce-error li {color: #000000 !important;}

.woocommerce ul.product_list_widget li a {max-height: inherit !important;}

.widget_shopping_cart_content .paypal_box_button {margin-top: 2rem;}

#content > ul,
.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-pagination {display: none !important;}

.woocommerce-tabs .panel p {color: #FFF}

.woocommerce.columns-2 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    text-align: center;
}

.woocommerce div.product p.price {
    padding: 1rem 0;
}

.woocommerce .quantity .qty {
    font-size: 100%;
	padding: .5em 1em;
}

.product {
	z-index: 20;
    position: relative;
}

.woocommerce .widget-container > div.hide_cart_widget_if_empty {
   
    padding: 2%;
    z-index: 5;
    position: relative;
    border-bottom: 2px solid #FFF;
}

.woocommerce-privacy-policy-text {display: none}

#payment > ul > li.wc_payment_method.payment_method_paypal > label,
#payment > ul > li.wc_payment_method.payment_method_square_credit_card > label {color: #000000 !important;}

.woocommerce ul.order_details {
    margin: 2em 0 1em;
}

.woocommerce-checkout article,
.woocommerce-cart article {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9) !important;
}

.woocommerce ul.products li.product a img {
    background: rgba(255,255,255,0.85) !important;
}

.woocommerce ul.products li.product .button {
    font-size: 1.4rem;
}

.woocommerce.widget_shopping_cart .cart_list li {
    color: #FFF;
}	

.woocommerce.widget_shopping_cart .total {
    color: #FFF;
    text-align: right;
}

.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none !important;
	width: 100% !important;
}

#woocommerce_widget_cart-2 > div > div > ul > li > a.remove.remove_from_cart_button {
	color: #FFF;
}

.woocommerce ul.cart_list li img{
    
    width: 65px !important;
    }
	
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	display: flex;
    flex-flow: column;
    justify-content: space-between;
	align-items: center;
    
}

.woocommerce div.product form.cart .variations select {
    font-size: 14px;
}

div.product_cat-hillbilly-synthesiser div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images > figure > div:nth-child(1) > a > img,
.woocommerce ul.products li.product.product_cat-hillbilly-synthesiser a img {
	box-shadow: 0 0 10px 2px rgba(255,255,255,0.5);
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
    margin-top: 20px;
}

#shipping_method > li > label {    visibility: hidden;}
#shipping_method > li > label > span {    visibility: visible;}

.woocommerce.columns-3 ul.products li.product {width: 29% !important; margin: 30px 2% 10px !important;}
.woocommerce.columns-2 ul.products li.product {width: 42% !important; margin: 30px 3.8% 10px !important;}

.woocommerce .products ul, .woocommerce ul.products {
    display: flex;    
    flex-direction: row;
	flex-wrap: wrap;
    }
	
#text-10 > div > div > ul {
	margin: 2rem 0 0 !important;
}

.fad.fa-compact-disc, .fad.fa-cloud-download, .fad.fa-tshirt,
.fas.fa-compact-disc, .fas.fa-cloud-download, .fas.fa-tshirt {
    font-size: 70px;
    margin-right: 2%;
}	

.woocommerce h2.store-cat {
	border-bottom: 6px solid #333;
	margin-top: 20px;
    padding: 3rem 1rem 1rem 1rem;
	
}

div.cross-sells {display: none}

#sidebar input, #content input {
    padding: 10px;
	font-size: 14px;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: none !important;
    width: 100% !important;
}



/* comments */

li.comment {
	margin: 20px 0;
	color: #FFF !important;
	}
	
li.parent {
	border-bottom: #CCC 1px solid;
	}
	
.comment-body {
	margin: 20px 0;
	color: #FFF !important;
	}	
	
ul.children {
	margin: 0 0 0 20px;
	
	}	

#comments { 
	background: #333;	
	color: #FFF !important;
	width: 96%;
	float: left;
	margin: 0 0 25px 0;
	padding: 2%;
	display: none;
	}
	
h3.comments-title, h3#reply-title {
	color: #2793e6;
	font-size: 20px;
}
	
.comment-body p	{
	color: #FFF !important;
	clear: both;
	}
	
.comment-body a, p.logged-in-as, p.logged-in-as a {
	color: #FFF !important;
	}
	
p.form-allowed-tags	{
	color: #FFF !important;
	font-size: 12px;
	}			
	
.comment-meta {float: right}

.comment-author	{float: left}

.avatar	{display: none;}

textarea#comment {width: 95%}

#topleft-widget-area {
	float: left;
	margin: 0 0 -5rem 3rem;
	height: 5rem;
	display: none;
}

#topleft-widget-area .gform_body  {
	float: left;
	width: 25rem;
	}
	
#topbar .gform_wrapper .top_label .gfield_label {margin: 0 !important;}	

#topbar .gform_wrapper {margin: 0 0 0 7.5rem !important;}	

#topbar {
	width: 100%;
	height: 5rem;
	background: rgba(0, 0, 0, 0.85);
	}
	
#topleft-widget-area .gform_wrapper .gform_footer {
    clear: none !important;
    float: right;
	width: 40px !important;
	margin: .5rem 0 0 4px !important;
	padding: 0 !important;
}

div#topleft-widget-area label.gfield_label {
 display: none;
}

#topbar .gform_wrapper input[type="text"], #topbar .gform_wrapper input[type="url"], #topbar .gform_wrapper input[type="email"], #topbar .gform_wrapper input[type="tel"], #topbar .gform_wrapper input[type="number"], #topbar .gform_wrapper input[type="password"], #topbar .gform_wrapper.gf_browser_gecko select {
	padding: 0 !important;
	font-size: 10px !important;	
	height: 18px
	}
	
div#topbar select#input_3_3.medium.gfield_select {	
	padding: 0;
	height: 18px\9;
	font-size: 10px !important;
}
	
#topbar .gf_right_half, #topbar .gf_left_half {
	margin-top: 1rem;
	margin-top: 12px\9;
	}
	
input#gform_submit_button_3.gform_button.gform_image_button	 {
	height: 3.7rem;
	width: auto;
}
	
body .gform_wrapper .top_label div.ginput_container {
    margin-top:0 !important;
}
	
#bottom-bar {
	width: 94%;
	height: 5rem;
	margin: 0 0 0 3%;
	}
	
#copyright {	
	float: left;
	width: 50% !important;
	color: #FFF;
	font-size: 1.2rem;
	margin: 1.4rem 0 0 0;
	line-height: 160%
	}
	
#copyright img {
	vertical-align: text-bottom;
	margin: 0 0 -1px 3px;
}
			

footer #social {
	float: right;
	margin: .5rem 0 0 0;
}

#footer {
	background: rgba(0, 0, 0, 0.85);
	height: 5rem;
	}
	
#nav-below {
	width: 150px;
	margin: 0 auto;
}
	
.nav-previous a, div.nav-previous {
	text-decoration: none;
	padding: 0 25px 0 0;
	float: right;
	color: #FFF;
}

.nav-next a, div.nav-next {
	text-decoration: none;
	color: #FFF;
	float: left;
}


.nav-previous a:hover, .nav-next a:hover {
	color: #2793e6 !important;
}

.cart_list li, product_list_widget li {
	border: none;
}

form.cart {margin: 2rem 0 !important}

.product-cat-image,
.page-id-2438 h2 img.alignleft.size-thumbnail, .page-id-2606 h2 img.alignleft.size-thumbnail,
.woocommerce h2 img.alignleft.size-thumbnail {
	width: 6rem; 
	height: auto;
	float: left;
	margin: -1.6rem 1.5rem 2.5rem 0;
	
	}

.woocommerce h1.page-title {
	margin-bottom: 3rem;
	z-index: 20;
    position: relative;
	display: none;
}

.page-id-2438 h1.entry-title {display: none;}

h2 a.shipping-calculator-button:hover {
	background: none;
	color: #2793e6;
	text-decoration: underline
}

h2 a.shipping-calculator-button {
	width: 40rem !important;
	}

.shop-link li {
	margin: 0 10% 0 0 !important;
}

.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {display: none; line-height: 140% !important}

body > span.select2-container {color: #333333 !important}

div.cycle-product-name a {text-align: center !important}

.price {
	margin-top: 1rem;
	font-size: 2rem !important;
}

#___ytsubscribe_0 {
	margin: 0 0 0 62px !important;
}

#spotify-subscribe {
	margin: 0 0 0 40px;
}

#sidebar input,
#content input {
	border: 1px solid #333333;
}

#sidebar .gfield_label,
section#content .gfield_label, .gfield_description {
	font-size: inherit;
	font-weight: normal !important;
	color: #FFF !important;
}

.gform_wrapper ul.gform_fields li#field_2_1,
.gform_wrapper ul.gform_fields li#field_2_2 {
	padding-right: 0 !important;
}



input.gform_button.button:hover {
	cursor: pointer;
}

span.gform_description span {
	font-weight: bold
	}
	
.gform_wrapper .chosen-container-single .chosen-single {
    background: FFF !important;
    border: 1px solid #333 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
	height: 28px !important;
	color: #000000 !important;
	padding: 2px 0 0 8px !important;
}

.gform_wrapper .chosen-container .chosen-results li {
    color: #000000 !important;
}

.column {
	width: 50%;
	padding: 0 5% 5% 0;
	float: left;
}
div#last.column {
	float: none;
}

.gig-details {
	margin: 1rem 0 0 0;
	padding: 2rem 2rem 0 2rem;
	background: rgba(0,0,0,0.8);
	border: solid 1px rgba(255,0,0,0.3);
}


.date, .time {
	font-family: 'Bungee', cursive;
	font-size: 1.8rem;
	
}

.venue {
	font-family: 'Bungee', cursive;
	font-size: 2.2rem;
	
}

.gig-details .date span, .gig-details .time span, .gig-details .venue span {
	color: #9DB861;
}

.gig-details .date, .gig-details .time {
	float: left;
	margin: 0 2% 2rem 0;
	}

.address {
	clear: both;
	font-size: 1.5rem;
}

.gig-description {
	font-size: 1.7rem;
	margin-top: -1rem;
	clear: both !important;
}

.ticket_link {
	float: right;
	}
	
.ticket_link a {
	color: #000;
    background: #2793e6;
    padding: .6rem 1rem;
    text-decoration: none;
    font-size: 1.8rem;
	font-family: 'Bungee', cursive;
	transition: background 0.5s ease-in-out;
}

.ticket_link a:hover {
	background: #0ad600;
}

.page-template-shows .ticket_link {
	float: none;
	margin: 2rem 0 0 0;
	}	

.page-template-shows .ticket_link a {
	width: 100%;
	display: block;
	text-align:center;
}

.single-post.postid-3083 .wp-post-image {display: none;}

.wdi_feed_container, .wdi_feed_wrapper, .wdi_load_more {
    background-color: transparent !important;
	}

.wdi_photo_wrap {
    padding: 2px !important;
	}

.wdi_load_more {display: none !important;}

.wdi_feed_thumbnail_1 .wdi_feed_container {
    border-bottom: none !important;
	}
	
.insta-image {
	width: 35%;
	height: auto;
	}
	
.page-id-3683 article {
    padding: 2%;
	}
	
.page-id-3683 .entry-content {
    padding: 0;
	}	

.postid-3968 #content,
.page-id-3683 #content {
    width: 100%;
}
.postid-3968 #sidebar, 
.page-id-3683 	#sidebar {display: none}

.page-id-3683 #logo-wrapper {
    height: 22rem;
    width: 50rem;
}

a.hover-block {
	display: block;
	padding: 1.5%;
	}

a.hover-block:hover {
	background: #2793e6;
	color: #FFF;
	transition: all ease-in-out 0.5s;
}

.woocommerce-page a.hover-block img {
	float: left;
	margin-right: 2%;
}

html .modal {
    z-index: 10050;
}

html .modal-dialog {
    max-width: 1200px;
    width: 90%;
    margin: 6rem auto 0;
}

html .modal-body {
   padding: 0;
}

.modal-body  .text {
   padding-left: 40px;
}

.modal-content {
    /* background-color: #2E1F27 !important;
	color: #FFF */
}

.modal-content {
    border: none !important;
	
}

html .embed-responsive {
    position: inherit;
}

html .modal-backdrop.show {
    opacity: .6;
}

html .modal-backdrop {
    z-index: 50;
}

iframe {
    width: 100%;
}

.category-official-videos .post .modal-body,
.category-miscellaneous-videos .post .modal-body,
.category-videos .post .modal-body {
	max-height: 100vh;
}

.category-official-videos .post .modal-body iframe,
.category-miscellaneous-videos .post .modal-body iframe,
.category-videos .post .modal-body iframe {
    width: 100% !important;
    height: 100% !important;
}

.close {
    float: inherit;
    position: absolute;
    top: -33px;
    right: -35px;
	opacity: 1 !important;
	text-shadow: none !important;
}

a.close i {
	font-size: 5rem;
	color: #EB870A
}

a.close:hover i {
	color: #c4302b;
}


.screens {display: block;}
.tablets {display: none;}
.phones {display: none;}
div#mega-menu-wrap-mobile-menu.mega-menu-wrap {display: none;}

/*	Mobile
*/

/*	Tablets
*/

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

#wrapper {	
	min-width: 100%; overflow: hidden;
	}
	
#container {
    margin: -3rem auto 0;
}

.nav li.current-menu-item a,
.nav li.current_page_item a {
	font-size: 150%;
}

.ticket_link {
	float: none;
	margin: 2rem 0;
	}

.ticket_link a {
	width: 100%;
	display: block;
	font-size: 2.2rem;
	text-align:center;
	}
	
.date, .time, .venue {
	font-size: 2.2rem;
}

.bit-widget {
    min-width: inherit; 
	}

.screens {display: none !important;}
.tablets.phones {display: block !important;}

}

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

body {
	
	background-size: 140% auto;
}

nav#menu div.menu-main-container {
	padding: 0.8rem 2.8% 0 6.8%;
}

#not-in-oz {
	margin: .5rem 0 0 40.5rem;
	padding: .65rem .5rem .65rem .2rem;
}

.nav li ul {
	margin-top: 0;
}

.price {
	font-size: 2.5rem !important;
	margin-top: 1.8rem;
	}
	
.woocommerce ul.products li.product h3 {
    font-size: 2.2rem !important;
}

.insta-image {
	width: 50%;
	height: auto;
	}

}
@media only screen and (max-width : 899px) 
{
	
a.video-button {
	display: none
	}

.category-8 .post, .category-132 .post, .category-157 .post, .category-158 .post, .category-133 .post {
	width: 100%;
	}

.category-8 .post iframe, .category-132 .post iframe, .category-157 .post iframe, .category-158 .post iframe, .category-133 .post iframe { 	
	width: 100% !important;
	height: 54rem !important
}

}
/*	phones
*/

@media (max-width: 767px) 

{
	
body {
	font-size: 1.8rem;
	min-width: 100%;	
}

body {	
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000000 !important;
	}


#wrapper {	
	min-width: 100%;
	}
	
#wrapper-inner {
	min-width: 100%;
	max-width: 100%;
}

#logo-wrapper {
    height: 14rem;
	width: 23rem;
    margin: 2rem auto 1.5rem;
}	

.page-id-3683 #logo-wrapper {
    height: 18rem;
    width: 40rem;
    max-width: 100%;
}

h2, h2 a {
    font-size: 3.2rem;
	}
	
h3 {
	font-size: 3rem;
	}	

.page, .post, dd, dt, li, blockquote, p, a {
	font-size: 2.8rem;
	line-height: 120%;
}
	
#container { 
	width: 97%;
}

#content, .post, article {
   margin-left: 0;
   width: 100%;
   float: none !important;
}
	
.woocommerce #content {
	width: 98%; 
	float: none !important;}	

#sidebar {
	float: none !important; 
	width: 100%
	}

#sidebar li {	
	display: none;
	margin: 2rem 1%;
    width: 98%;
	}

#sidebar li:first-child {	
	display: block !important;
	}
	
#sidebar li:first-child li {	
	display: block !important;
	}	
	
.page-id-4 #sidebar li:first-child {	
	display: none !important;
	}	
	
p {margin-bottom: 3rem;}
	
.attachment-post-thumbnail {
    height: auto;
    width: 100%;
}

.post iframe, article iframe { 	
	width: 98% !important;
	height: 54rem !important
}	

#topbar {
	   background: none left top no-repeat rgba(0, 0, 0, 0.7);
	   padding: .3rem 0 0 0;
	   height: 4.5rem;
	   display: block;
	   
	   }
	   
#topleft-widget-area, #not-in-oz {display: none}

#social {
	position: relative;
	float: none;
	display: block;
	margin: .2rem auto;
	width: 100%;
	text-align: center;
}

#social .fa {
    font-size: 4rem;
    margin: 0 3.8%;
}

#social .fa .fa-facebook-square {
	margin: 0 3.2% 0 0;
}

#social .fa .fa-spotify {
	margin: 0 0 0 3.2%;
}

a.itunes img {
	height: 3.1rem;
	width: auto;
	margin: 0  3.5% -.3rem;
}

footer #social {
    display: none;
}

#copyright {
    float: none;
    font-size: 1.4rem;
    padding: 2rem 0 0;
    width: 100% !important;
	text-align: center;
}

.cat-links {display: none;}
#social-share {width: 100%;}

#homebrew-label {display: none;}

#menu {
	display: none;
}

div#mega-menu-wrap-mobile-menu.mega-menu-wrap {
	display: block;
	margin-bottom: 5rem;
	width: 100% !important;
	}
	
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu a {
	text-align: left !important;
}


h1.entry-title a, h1.entry-title, h2.entry-title a, h1 {
    text-align: center;
    font-size: 3.5rem;
    margin: 1rem 0 2rem;
}

td.bit-date a {
text-align: center !important;
word-spacing:  6.5rem !important;
margin: 0 auto !important;
}

#bit-events .venue, .location {
	font-size: 1.5rem !important;
	
	}

.bit-events-narrow td.bit-description-links {display: none;}

td.bit-concert {padding-left: 1rem !important;}
	
#bit-events .bit-fb-share, #bit-events .bit-twitter-share {background-size: 4rem 4rem !important;}
#bit-events .bit-share-links a {width: 4rem !important; height: 4rem !important;}
.bit-header-overflow-fix {height: 5rem !important;}
.page-id-4 td.bit-rsvp {display: none !important;}

.lineup {display: none !important;}

td.bit-date, #bit-events a.bit-track-artist-header, a.bit-buy-tix, .bit-header-links, .bit-share-links, .bit-share-text, a.bit-events-nav, td.bit-rsvp label.bit-uiButton.bit-uiButtonDefault a, th.bit-date, th.bit-venue, th.bit-location, th.bit-artist-event-link, th.bit-tickets {font-size: 2rem !important;}
a.bit-event-data {font-size: 2.5rem !important; line-height: 110% !important;}

.category-videos .woocommerce ul.products li.product, .category-videos .woocommerce-page ul.products li.product,
.category-official-videos .woocommerce ul.products li.product, .category-official-videos .woocommerce-page ul.products li.product,
.category-miscellaneous-videos .woocommerce ul.products li.product, .category-miscellaneous-videos .woocommerce-page ul.products li.product {
    margin: 0 0 2.992em;
    width: 40% !important;
}

.price {
	font-size: 2.5rem !important;
	margin-top: 1.8rem;
	}

.woocommerce.columns-3 ul.products li.product {width: 42% !important; margin: 30px 4% 10px !important;}
	
.woocommerce ul.products li.product h3 {
    font-size: 2.2rem !important;
}

.woocommerce ul.products li.product .button {
    font-size: 2.4rem;
}

.page-template-shows .post {
	width: 98%;
	float: none;
}

.page-template-shows .post:nth-child(odd) {
	margin-left: 0;
}


.page-template-shows .post:nth-child(even) {
	clear: none;
}

.seperator, .entry-meta {text-align: center}

.ticket_link {
	float: none;
	margin: 2rem 0;
	}

.ticket_link a {
	width: 100%;
	display: block;
	text-align:center;
	}
	

.date, .time, .venue, .ticket_link a {
	font-size: 2.8rem;
		}
		
.ticket_link a {
	padding: 1.5rem;
	}	
	
.address {
	margin-top: 1rem;
	font-size: 2rem;
	display: none;
	}		
	
.post-tag {
	z-index: 10;
	position: absolute;
	-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
	margin: -2rem 0 0 -4rem;
}

.post-tag {
      margin: -2rem 0 0 -4rem;	
}

.insta-image {
	width: 100%;
	height: auto;
	float: none !important
	}

.sidebar-tag, .post-tag img {display: none;}

.gform_wrapper .chosen-container-single .chosen-single {
	line-height: 2 !important;
	height: inherit !important; */
	}
	
#hs-label {display: none}	
	
.phones {display: block !important;}
.screens {display: none !important;}


}


@media only screen and (-webkit-device-pixel-ratio: .75),
@media only screen and (-webkit-device-pixel-ratio: 1) and (max-device-width: 768px),
@media only screen and (-webkit-device-pixel-ratio: 1.5),
@media only screen and (-webkit-device-pixel-ratio: 2) {
	
}

 /* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */

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

/* Force table to not be like tables anymore */
.woocommerce-page table.shop_table,
.woocommerce-page table.shop_table thead,
.woocommerce-page table.shop_table tbody,
.woocommerce-page table.shop_table th,
.woocommerce-page table.shop_table td,
.woocommerce-page table.shop_table tr {
    display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.woocommerce-page table.shop_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.woocommerce-page table.shop_table tr {
    /*border: 1px solid #d2d3d3; */
}

.woocommerce-page table.shop_table td {
    /* Behave like a "row" */
    border: 1px solid #d2d3d3;
    position: relative;
    padding-left: 30% !important;
}

.woocommerce-page table.shop_table {
    border: none;
}

.woocommerce-page table.shop_table td.product-spacer {
    border-color: #FFF;
    height: 10px;
}

.woocommerce-page table.shop_table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 25%;
    padding-right: 10px;
    white-space: nowrap;
}

/*
Label the data
*/
.woocommerce-page table.shop_table td.product-remove:before {
    content: "DELETE";
}

.woocommerce-page table.shop_table td.product-thumbnail:before {
    content: "IMAGE";
}

.woocommerce-page table.shop_table td.product-name:before {
    content: "PRODUCT";
}

.woocommerce-page table.shop_table td.product-price:before {
    content: "PRICE";
}

.woocommerce-page table.shop_table td.product-quantity:before {
    content: "QUANTITY";
}

.woocommerce-page table.shop_table td.product-subtotal:before {
    content: "SUBTOTAL";
}

.woocommerce-page table.shop_table td.product-total:before {
    content: "TOTAL";
}

.woocommerce .quantity,
.woocommerce #content .quantity,
.woocommerce-page .quantity,
.woocommerce-page #content .quantity {
    margin: 0;
}

.woocommerce-page table.cart td.actions,
.woocommerce-page #content table.cart td.actions {
    text-align: left;
    border:0;
    padding-left: 6px !important;
}

.woocommerce-page table.cart td.actions .button.alt,
.woocommerce-page #content table.cart td.actions .button.alt {
    float: left;
    margin-top: 10px;
}

.woocommerce-page table.cart td.actions div,
.woocommerce-page #content table.cart td.actions div,
.woocommerce-page table.cart td.actions input,
.woocommerce-page #content table.cart td.actions input {
    margin-bottom: 10px;
}

.woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
    text-align: left;
}

.woocommerce-page .cart-collaterals .cart_totals th,
.woocommerce-page .cart-collaterals .cart_totals td {
    border:0 !important;
}

.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
.woocommerce-page .cart-collaterals .cart_totals table tr.total td {
    padding-left: 6px !important;
}

.woocommerce-page table.shop_table tr.cart-subtotal td,
.woocommerce-page table.shop_table tr.shipping td,
.woocommerce-page table.shop_table tr.total td,
.woocommerce-page table.shop_table.order_details tfoot th,
.woocommerce-page table.shop_table.order_details tfoot td {
    padding-left: 6px !important;
    border:0 !important;
}

.woocommerce-page table.shop_table tbody {
    padding-top: 10px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
}

.woocommerce .order_details ul,
.woocommerce-page .order_details ul,
.woocommerce .order_details,
.woocommerce-page .order_details {
    padding:0;
}

.woocommerce .order_details li,
.woocommerce-page .order_details li {
    clear: left;
    margin-bottom: 10px;
    border:0;
}

/* make buttons full width, text wide anyway, improves effectiveness */
#content table.cart td.actions .button,
.woocommerce #content table.cart td.actions .input-text,
.woocommerce #content table.cart td.actions input,
.woocommerce table.cart td.actions .button,
.woocommerce table.cart td.actions .input-text,
.woocommerce table.cart td.actions input,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions input,
.woocommerce-page table.cart td.actions .button,
.woocommerce-page table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions input {
    width: 100%;
}

/* keep coupon at 50% */
#content table.cart td.actions .coupon .button,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon input,
.woocommerce table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon input,
.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon input,
.woocommerce-page table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon input {
    width: 48%;
}

/* clean up how coupon inputs display */
#content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
    margin-top: 1.5em;
}

#content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
    margin-bottom: 1em;
}

/* remove cross sells, they interfere with flow between cart and cart totals + shipping calculator */
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
    display: none;
}

}

/* END Make the cart table responsive */

/* Fluid Video Embeds 
.fve-video-wrapper {
    position: relative;
    overflow: hidden;
    height: 0;
    background-color: transparent;
    padding-bottom: 56.25%;
    margin: 0.5em 0;
}
.fve-video-wrapper iframe,
.fve-video-wrapper object,
.fve-video-wrapper embed {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fve-video-wrapper a.hyperlink-image {
    position: relative;
    display: none;
}
.fve-video-wrapper a.hyperlink-image img {
    position: relative;
    z-index: 2;
    width: 100%;
}
.fve-video-wrapper a.hyperlink-image .fve-play-button {
    position: absolute;
    left: 35%;
    top: 35%;
    right: 35%;
    bottom: 35%;
    z-index: 3;
    background-color: rgba(40, 40, 40, 0.75);
    background-size: 100% 100%;
    border-radius: 10px;
}
.fve-video-wrapper a.hyperlink-image:hover .fve-play-button {
    background-color: rgba(0, 0, 0, 0.85);
}*/