/*
Theme Name: Legion of Skanks
Theme URI: http://www.legionofskanks.com
Description: Theme for Legion of Skanks
Author: Think Four Graphic Design
Author URI: http://www.thinkfourdesign.com
Version: 1.0


"It is the duty of the patriot to protect his country from its government."
- Thomas Paine
*/

@font-face {
    font-family: 'angilla_tattoo_personal_useRg';
    src: url('fonts/angillatattoo_personal_use_only-webfont.eot');
    src: url('fonts/angillatattoo_personal_use_only-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/angillatattoo_personal_use_only-webfont.woff2') format('woff2'),
         url('fonts/angillatattoo_personal_use_only-webfont.woff') format('woff'),
         url('fonts/angillatattoo_personal_use_only-webfont.ttf') format('truetype'),
         url('fonts/angillatattoo_personal_use_only-webfont.svg#angilla_tattoo_personal_useRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald-light-webfont.eot');
    src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-light-webfont.woff2') format('woff2'),
         url('fonts/oswald-light-webfont.woff') format('woff'),
         url('fonts/oswald-light-webfont.ttf') format('truetype'),
         url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswald_regularregular';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/***************************************************************************************/
/** GENERAL ****************************************************************************/
/***************************************************************************************/

body {
	font-family: "proxima-nova", Helvetica, arial, sans-serif;
	font-size: 17px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'oswaldbold', Helvetica, arial, sans-serif;
}

h1.tattoo,h2.tattoo,h3.tattoo,h4.tattoo,h5.tattoo,h6.tattoo {
	font-family: 'angilla_tattoo_personal_useRg';
	line-height: 100%;
	margin: 0;
    letter-spacing: 0.5px;
}

h3.tattoo {
	font-size: 32px;
}

.main {
	background: url('img/bg-mobile.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.main.inner {
	background: url('img/bg-pageheader.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.main .row {
	padding: 0;
}

.row.fullwidth {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: initial;
	padding: 0!important;
}

.columns.no-padding {
	padding:0;
}

.column, .columns {
    padding: 20px 3em;
}

a.small {
	font-size: 12px;
	letter-spacing: 2px;
}

.uppercase {
	text-transform: uppercase;
}

a.button.margin-right {
	margin-right: 0;
}

.button.smaller {
	width: 117px;
}

p.intro {
	font-family: 'oswaldlight', Helvetica, arial, sans-serif;
	font-size: 26px;
}

p.intro-bigger {
	font-family: "oswaldlight",Helvetica,arial,sans-serif;
    font-size: 34px;
    line-height: 42px;
}

.columns.nopadding {
	padding: 0;
}

@media only screen and (min-width: 40.063em) { 
	a.button.margin-right {
		margin-right: 10px;
	}
}

@media only screen and (min-width: 64.063em) {
	.main {
		background: url('img/bg.jpg') no-repeat top center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.column, .columns {
		padding-left: 3.0em;
		padding-right: 3.0em;
	}
	p.intro {
		padding: 0 250px;
	}
	.column, .columns {
    	padding: 0px 3em;
	}
}



/***************************************************************************************/
/** HEADER ****************************************************************************/
/***************************************************************************************/

.links ul li {
	font-family: 'oswaldbold', Helvetica, arial, sans-serif;
}

.row.header ul li {
	font-family: 'oswaldbold', Helvetica, arial, sans-serif;
	float: left;
	padding: 0 50px 0 0;
	list-style: none;
	text-transform: uppercase;
	letter-spacing: 1.7px;
}

.row.header ul li:last-child {
	padding: 0;
}

img.logo-header {
	max-width: 235px;
	padding: 4px 0 0 0;
	margin: 0 0 0 -20px;
}

ul.header-nav {
	float: right;
	padding: 40px 20px 0 0!important;
}

.row.header ul li.twitter {
	padding: 3px 20px 0 0;
}

.row.header ul li.twitter a {
	background: url('img/icon-twitter.png') no-repeat top center;
	width: 22px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
}

.row.header ul li.twitter a:hover {
	background: url('img/icon-twitter-red.png') no-repeat top center;
}

.row.header ul li.facebook {
	padding: 3px 20px 0 0;
}

.row.header ul li.facebook a {
	background: url('img/icon-facebook.png') no-repeat top center;
	width: 22px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
	padding: 3px 0 0 0;
}

.row.header ul li.facebook a:hover {
	background: url('img/icon-facebook-red.png') no-repeat top center;
}

.row.header ul li.youtube {
	padding: 3px 20px 0 0;
}

.row.header ul li.youtube a {
	background: url('img/icon-youtube.png') no-repeat top center;
	width: 22px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
	padding: 3px 0 0 0;
}

.row.header ul li.youtube a:hover {
	background: url('img/icon-youtube-hover.png') no-repeat top center;
}

.row.header ul li.itunes {
	padding: 3px 0px 0 0;
}

.row.header ul li.itunes a {
	background: url('img/icon-listen-header.png') no-repeat top center;
	width: 16px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
	padding: 3px 0 0 0;
}

.row.header ul li.itunes a:hover {
	background: url('img/icon-listen-header-hover.png') no-repeat top center;
}

.row.header a {
	color: #fff;
}

.row.header a:hover {
	color: #830d0d;
}

.row.header.hide-for-large-up .small-3.columns {
	padding: 0px;
}

.row.header .row {
	margin-left: 0;
	margin-right: 0;
}

.row.header .columns.pageheader {
	padding: 0 0 35px 0;
}

.row.header .columns.pageheader h2 {
	font-family: 'angilla_tattoo_personal_useRg';
	font-size: 80px;
	line-height: 83px;
	padding: 0 0 40px 0;
	color: #fff;
}


@media only screen and (min-width: 40.063em) {
	img.logo-header {
		padding: 25px 0 0 0;
		margin: 0;
	}
}

@media only screen and (min-width: 64.063em) {
	.row.header .columns.pageheader h2 {
		padding: 28px 0 40px 0;
	}
}

/***************************************************************************************/
/** MOBILE NAVIGATION ******************************************************************/
/***************************************************************************************/

button#trigger-overlay {
	background: url('img/icon-menu.png') no-repeat top center; 
	width: 29px!important;
	height: 13px;
	text-indent: -9999px;
	display: inline-block;
	padding: 0;
	margin: 50px 20px 0 0;
}

.header .div.small-2.columns.text-right {
	margin: 0;
	padding: 0;
}

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.92);
	z-index: 1;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url('img/cross.png') no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 1;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 75px 0 0 0;
	margin: 0 auto;
	height: 100%;
	position: relative;
	text-align: center;
}

.overlay ul li {
	display: block;
	height: 10%;
	min-height: 20px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding: 0 0 22px 0!important;
	float: none!important;
}

.overlay ul li a {
	font-family: 'oswaldbold', Helvetica, arial, sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-transform: uppercase;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #0b9ac8;
}

.overlay ul li.twitter {
    float: left !important;
    margin: 0 0 0 36%;
    padding: 20px 20px 0 0;
    width: 7%;
}

.overlay ul li.facebook, .overlay ul li.youtube, .overlay ul li.itunes {
    float: left !important;
    width: 7%;
}

.overlay.overlay-slidedown.open a img {
    border-bottom: 1px solid #2a2a2a;
    margin: 0 0 -44px 8px;
    padding: 0 0 21px;
}

/* Effects */
.overlay-slidedown {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
	transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.overlay-slidedown.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 20px;
	}
	.overlay ul li {
		min-height: 20px;
	}
}

@media only screen and (min-width: 40.063em) {
	button#trigger-overlay {
		margin: 61px 30px 0 0;
	}
}





/***************************************************************************************/
/** HOMEPAGE ***************************************************************************/
/***************************************************************************************/

.watch-live {
	background: url('img/bg-watchlive.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 75px 0;
	color: #fff;
}

.watch-live h3 {
	color: #fff;
	padding: 0 0 17px 0;
}

.watch-live h4 {
	font-family: 'oswaldlight', Helvetica, arial, sans-serif;
	font-size: 20px;
	color: #fff;
}

.watch-live img.logo {
	padding: 0 0 9px 0;
}

.next-guest {
	background: url('img/bg-nextguest.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 100px 0 80px 0;
	color: #fff;
}

.next-guest a {
	color: #fff;
}

.next-guest a:hover {
	text-decoration: underline;
}

.next-guest img {
	border-radius: 100px;	
}

.next-guest h3 {
	line-height: 100%;
	margin: 18px 0 0 0;
	color: #fff;
}

.next-guest h3.tattoo {
	margin: 0 0 13px 0;
}

ul.nextguests li {
	border-top: 1px solid #771b1b;
	list-style: none;
	padding-top: 30px!important;
}

ul.nextguests li:first-child {
	padding-right: 0;
}

ul.nextguests li:last-child {
	padding-left: 0;
}

.next-guest a.learn {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	color: #000;
}

.row.fullwidth.merch-home {
	background: url('img/bg-merch.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 92px 0 110px 0!important;
}

.mailing-list {
	background: url('img/bg-mailinglist.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mailing-list p {
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
}

.merch-home .merch-header {
	background: url('img/bg-merchheader.png') no-repeat center center;
	margin: 0 0 12px;
	padding: 39px 0;
}

.row.fullwidth.home-dates {
	background: url('img/bg-showhome.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.home-dates .large-3.medium-4 {
	padding: 113px 0 113px 0;
}

.home-dates .large-3.medium-4.border {
	border-bottom: 1px solid #e0e0e0;
}

.home-dates .header {
	background: #fff;
	padding-top: 85px;
	padding-bottom: 90px;
	text-align: center;
}

.home-dates .date, .home-dates td.gigpress-date {
	font-family: 'oswald_regularregular', Helvetica, arial, sans-serif;
	text-transform: uppercase;
	margin: 20px 0 0 0;
	font-size: 19px;
	line-height: 100%;
}

.home-dates .place, .home-dates td.gigpress-city {
	font-family: 'oswald_regularregular', Helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 100%;
	font-weight: 200;
	margin: 5px 0;
}

.home-dates .club, .home-dates td.gigpress-venue {
	font-family: 'oswald_regularregular', Helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 100%;
	font-weight: 600;
	margin: 0;
}

.home-dates .button {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 185px;
}

.square-bg {
	background: url('img/bg-livetext.png') no-repeat top center;
	padding: 57px 0;
}

h3.product-header {
	margin: 0;
}

body.page-id-5 .gigpress-header {
	display: none;
}

body.page-id-5 p.gigpress-subscribe {
	display: none;
}

body.page-id-5 .gigpress-info.active {
	display: none;
}

body.page-id-5 .gigpress-row td {
	border-bottom: 0;
}

body.page-id-5 .gigpress-table {
	background: none;
	border: 0;
}

body.page-id-5 .gigpress-table td {
	display: block;
	text-align: center;
	padding: 0;
}

.gigpress-header {
	display: none;
}

.gigpress-row td {
	border-bottom: 0 none!important;
	text-align: center!important;
}

.gigpress-table {
	background: none;
	border: 0;
}

.gigpress-table td {
	display: block;
	text-align: center;
	padding: 0;
}

td.gigpress-date {
	font-family: 'oswald_regularregular', Helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-size: 19px;
	line-height: 100%;
}

td.gigpress-city {
	font-family: 'oswald_regularregular', Helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 100%;
	font-weight: 200;
}

td.gigpress-venue {
	font-family: 'oswald_regularregular', Helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 100%;
	font-weight: 600;
}

.gigpress-info.active {
	background: none;
}

tr.gigpress-info td {
	border-bottom: 0 none!important;
	text-align: center;
	margin: 0 0 64px 0!important;
}

td.gigpress-links-cell {
	display: none;
}

.gigpress-table td {
    margin: 0 !important;
	padding: 2px 0 !important;
    text-align: left;
    vertical-align: middle;
}

td.gigpress-venue {
	font-family: "oswaldlight",Helvetica,arial,sans-serif;
}

p.gigpress-subscribe {
	border-top: 1px solid #ddd!important;
	color: #999;
	font-family: "oswaldlight",Helvetica,arial,sans-serif!important;
	font-size: 13px!important;
	letter-spacing: 3px!important;
	padding: 9px 0 0!important;
	text-align: center!important;
	text-transform: uppercase!important;
	margin: 0!important;
}

.gigpress-table {
	border: 0!important;
}

h3.shows {
	border-bottom: 1px solid #ddd;
	padding: 0 0 10px 0;
	margin: 0 0 55px 0;
}

img.shows {
	border-radius: 100px;
	margin: 0 0 10px 0;
}


@media only screen and (min-width: 40.063em) { 
	.home-dates .large-3.medium-4.border {
		border-right: 1px solid #e0e0e0;
	}
	ul.nextguests li {
		display: inline-block;
	}
	ul.nextguests li:first-child {
		padding: 0 32px 0 0;
	}
	ul.nextguests li:last-child {
		padding: 0 0 0 32px;
		margin: 0 0 0 -4px;
	}
	div.buttons a.button {
		font-size: 21px;
		width: 263px;
	}
}

@media only screen and (min-width: 64.063em) { 
	.home-dates .header {
		text-align: left;
	}
	ul.nextguests li {
		display: inline-block;
	}
	ul.nextguests li:first-child {
		border-right: 1px solid #721919;
		padding: 0 32px 0 0;
	}
	ul.nextguests li:last-child {
		padding: 0 0 0 32px;
		margin: 0 0 0 -4px;
	}
}





/***************************************************************************************/
/** CONTENT ****************************************************************************/
/***************************************************************************************/

.row .content {
	padding-top: 75px;
	padding-bottom: 75px;
}

.headline {
	padding: 55px 25px 24px 25px;
}

div.buttons {
	padding: 0 0 110px 0;
}

a.button {
	font-family: 'oswald_regularregular', Helvetica, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #830d0d;
	margin: 0 0 5px 0;
}

a.button.wider {
	padding-left: 7px;
	padding-right: 7px;
}

.button {
	width: 85%;
}

a.button:hover, a.button:active {
	background: #670505;
	color: #fff;
}

.row.header a.button:hover, .row.header a.button:active {
	background: #670505;
	color: #fff;
}

ul.products {
	list-style: none;
	width: 100%;	
	float: left;
	margin: 0;
}

ul.products li {
	float: left;
	width: 100%;
}

ul.products li h3 {
	margin: 0;
}

.price {
	color: #000;
	display: block;
	font-size: 30px;
	line-height: 35px;
}

.button.product_type_external {
	margin: 11px 0 0;
}

@media only screen and (min-width: 64.063em) {
	ul.products li {
		float: left;
		width: 33%;
	}
}




/***************************************************************************************/
/** ABOUT ******************************************************************************/
/***************************************************************************************/

body.page-template-template-about a.button {
	margin-top: 20px;
	margin-bottom: 20px;
}

ul.podcast-album li {
	list-style: none;
	display: inline;
	padding: 0 10px 0 0;
	margin-left: 0;
}

ul.podcast-album li:last-child {
	list-style: none;
	padding: 0;
}

body.page-template-template-about .button.smaller {
	padding-left: 0rem;
	padding-right: 0rem;
	width: 81px !important;
}

@media only screen and (min-width: 40.063em) {
	body.page-template-template-about .button.smaller {
		padding-left: 2rem;
		padding-right: 2rem;
		width: 117px !important;
	}
}





/***************************************************************************************/
/** CONTACT ***************************************************************************/
/***************************************************************************************/

.large-6.columns.contact-intro {
	background: url('img/bg-merch.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 75px;
	padding-bottom: 75px;
	text-align: center;
}

.large-6.columns.contact-intro h3 {
	padding: 0 0 20px 0;
}

.large-6.columns.text-center.redpic {
	background: url('img/bg-redpic.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 49px;
	padding-bottom: 35px;
}

.gform_wrapper .top_label .gfield_label {
	display: none!important;
}

.gform_wrapper .gform_footer {
	margin: 0;
	padding: 0 0 0.625em!important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
    font-size: 1em;
	width: 100%!important;
}

.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
	height: 52px;
	padding-left: 1.2em;
	width: 100%!important;
}

.gform_wrapper textarea.medium {
	width: 100%!important;
}

.gform_wrapper textarea {
	padding: 0.8em 1.2em!important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="image"], .gform_wrapper .gform_footer input[type="submit"] {
	font-family: 'oswald_regularregular', Helvetica, arial, sans-serif;
	background: url('img/bg-mailinglist.jpg') no-repeat top center;
	text-transform: uppercase;
	letter-spacing: 1px;
}


@media only screen and (min-width: 64.063em) {
	.large-6.columns.contact-intro {
		padding-top: 150px;
		padding-bottom: 150px;
		text-align: left;
	}
}






/***************************************************************************************/
/** LISTEN / WATCH *********************************************************************/
/***************************************************************************************/

.large-6.columns.text-center.listen-free {
	background: url('img/bg-merch.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 150px 30px;
}

.large-6.columns.text-center.listen-free .button {
    padding-left: 3rem;
    padding-right: 3rem;
    width: 185px;
} 

.large-6.columns.text-center.subscribe {
	background: url('img/pic-cumiared.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
	padding: 150px 30px;
}

.large-6.columns.text-center.subscribe .button {
	background: #000;
}

.large-6.columns.text-center.subscribe h3 {
	color: #fff;
}

@media only screen and (min-width: 40.063em) { 
	.large-6.columns.text-center.listen-free {
		padding: 150px 125px;
	}
	.large-6.columns.text-center.subscribe {
		padding: 150px 125px;
	}
}



/***************************************************************************************/
/** MERCH ******************************************************************************/
/***************************************************************************************/

body.page-template-template-merch ul.products li {
	padding-bottom: 85px;
}



/***************************************************************************************/
/** FOOTER *****************************************************************************/
/***************************************************************************************/

.row.fullwidth.mailing-list {
	padding: 95px 0!important;
	text-align: center;
}

.row.fullwidth.mailing-list .merch-header {
	border-right: 1px solid #054261;
}

.row.fullwidth.mailing-list h2 {
	color: #fff;
}

.mc-field-group input {
    float: left;
}

.mc-field-group input#mce-EMAIL {
	width: 100%;
	height: 53px;
	margin-right: 0px;
}

.mc-field-group input#mce-MMERGE2 {
	width: 100%;
	height: 53px;
	margin-right: 0px;
}

.mc-field-group input#mc-embedded-subscribe {
	font-family: "oswald_regularregular",Helvetica,arial,sans-serif;
	text-transform: uppercase;
	background: #000;
	font-size: 19px;
	width: 100%;
}

#mc-embedded-subscribe-form > div {
    padding: 21px 0 0;
}

.footer {
	background: url('img/bg-footer.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 55px 0;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: #830d0d;
}

.show-for-large-up ul {
	padding: 27px 25px 0 0;
	margin: 0;

}

.hidden-for-large-up ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding 0;
}

.hidden-for-large-up ul li.twitter {
	padding-right: 0!important;
}

.show-for-large-up ul li {
	float: left;
	padding: 0 44px 0 0;
	list-style: none;
	text-transform: uppercase;
	letter-spacing: 1.7px;
}

.footer ul li:last-child {
	padding: 0;
}



.footer ul li.twitter a {
	background: url('img/icon-twitter.png') no-repeat top center;
	width: 22px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
}

.footer ul li.twitter a:hover {
	background: url('img/icon-twitter-red.png') no-repeat top center;
}

.footer ul li.facebook a {
	background: url('img/icon-facebook.png') no-repeat top center;
	width: 22px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
	padding: 3px 0px 0 0;
}

.footer ul li.facebook a:hover {
	background: url('img/icon-facebook-red.png') no-repeat top center;
}

.footer ul li.youtube a {
	background: url('img/icon-youtube.png') no-repeat top center;
	width: 22px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
	padding: 3px 0 0 0;
}

.footer ul li.youtube a:hover {
	background: url('img/icon-youtube-hover.png') no-repeat top center;
}

.footer ul li.itunes {
	padding: 3px 0px 0 0;
}

.footer ul li.itunes a {
	background: url('img/icon-listen-header.png') no-repeat top center;
	width: 16px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
	padding: 3px 0 0 0;
}

.footer ul li.itunes a:hover {
	background: url('img/icon-listen-header-hover.png') no-repeat top center;
}

.footer ul li.facebook, .footer ul li.youtube, .footer ul li.twitter {
	padding: 0;
}

.footer p {
	display: block;
}

.copyright {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 20px 0 0 0;
}

.copyright p {
	font-size: 11px;
	color: #565454;
}

.footer .copyright a {
    color: #7a7a7a;
}

.footer .copyright a:hover {
    color: #fff;
}

@media only screen and (min-width: 40.063em) { 
	.button {
		padding-left: 3rem;
		padding-right: 3rem;
		width: 180px;
	}
	div.buttons {
		padding: 0 0 275px 0;
	}
	.mc-field-group input {
    	float: left;
	}
	.mc-field-group input#mce-EMAIL {
		width: 48%;
		height: 53px;
		margin-right: 10px;
	}
	
	.mc-field-group input#mce-MMERGE2 {
		width: 28%;
		height: 53px;
		margin-right: 10px;
	}
	
	.mc-field-group input#mc-embedded-subscribe {
		background: #000;
		width: 20%;
	}
}

@media only screen and (min-width: 64.063em) {
	.headline {
		padding: 245px 25px 24px 25px;
	}
	.main .row {
		padding: 25px 0 70px 0;
	}
	.show-for-large-up ul {
		padding: 16px 0 0;
		margin: 0;
		float: right;
	}
	.copyright {
		text-align: right;
		padding: 0;
	}
	.row.fullwidth.mailing-list {
		text-align: left;
	}
	.footer ul li.twitter {
		padding: 3px 20px 0 0;
	}
	.footer ul li.facebook {
		padding: 3px 20px 0 0;
	}
	.footer ul li.youtube {
		padding: 3px 20px 0 0;
	}
}