/*
Theme Name: Fez Tickets
Author: Fez Digital
Author URI: fezdigital.com
Description: Fez Tickets Theme for the purchase of festival tickets
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: fezdigital
*/

@font-face {
    font-family: 'neoretrofillregular';
    src: url('fonts/NEORF.eot');
    src: url('fonts/NEORF.eot?#iefix') format('embedded-opentype'),
         url('fonts/NEORF.woff') format('woff'),
         url('fonts/NEORF.ttf') format('truetype'),
         url('fonts/NEORF.svg#neoretrofillregular') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing:-4px;

}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('fonts/BrandonGrotesque-Black.eot');
    src: url('fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonGrotesque-Black.woff2') format('woff2'),
        url('fonts/BrandonGrotesque-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('fonts/BrandonGrotesque-Regular.eot');
    src: url('fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonGrotesque-Regular.woff2') format('woff2'),
        url('fonts/BrandonGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'Brandon Grotesque', sans-serif;
	line-height: 1em;
	margin: 0;
	padding: 0;
	background: #f3f3f3;
}

h1, h2, h3, h4, h5{
	font-family: 'neoretrofillregular', sans-serif;
	color: #8c8100;
	line-height: 1.2em;
}

h1{
	color: #fff;
}

h2{
	font-size: 1.2em;
}

body *{
	box-sizing: border-box;
}

.container{
	padding: 1em;
	background: #fff;
}

address{
	line-height: 2em;
}

.site-info{
}

.site-info .container{
	background: transparent;
}

input, select{
	font-family: 'Brandon Grotesque', sans-serif;
	padding: 0.2em;
	border: 4px solid #e4e4e4;
	border-radius: 5px;
	min-width: 5em;
	font-size: 1.1em;
}

.select2-selection.select2-selection--single{
	font-family: 'Brandon Grotesque', sans-serif;
	border: 4px solid #e4e4e4;
	border-radius: 5px;
	min-width: 5em;
	font-size: 1.1em;
	height: 2.2em
}

.select2-dropdown{
	border: 4px solid #e4e4e4;
}

select{
	
}


button{
	font-family: 'Brandon Grotesque', sans-serif;
	font-weight: bold
}

button{
	font-size: 1em;
	background: grey;
	border-radius: 3px;
	color: #fff;
	text-transform: uppercase;
	padding: 0.8em 1.5em;
	display: inline-block;
	vertical-align: middle;
	border: 0;
	cursor: pointer;
}

button:hover, button:focus, .woocommerce a.button.alt:hover{
	filter: brightness(105%);
	outline:0;
}

button.success:disabled, button.back:disabled{
	cursor: default;
	background: #d6d6d6;
}

button.success, .woocommerce a.button.alt, .woocommerce a.button.alt:hover{
	background: #60c100;
	float: right;
}

button.back{
	background: #f8a806;
}


/* WOOCOMMERCE OVERIDES */
.woocommerce table.cart .product-thumbnail{
	display: none;
}

.woocommerce .cart-collaterals .cart_totals{
	width: 100%;
}

.woocommerce ul.order_details{
	padding: 0;
}

.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{
}

.woocommerce-checkout:after{
	content: "";
	display: table;
	clear:both;
}




.header-graphic img{
	max-width: 100%;
}

.dates{
	text-align: center;
	font-size: 11px;
	font-family: "neoretrofillregular";
	color: #435E55;
	letter-spacing: -0.1em;
	padding: 0.5em 0;
}

@media (min-width: 768px){
	.container{
		width: 768px;
		margin-left: auto;
		margin-right: auto;
	}

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

	.dates{
		font-size: 1.5em;
	}

	#customer_details{
		width: 48%;
		float: left;
	}

	.woocommerce-checkout-review-order, #order_review_heading{
		width: 48%;
		float: right;
	}
}

@media (min-width: 992px){
	.container{
		width: 992px;
	}
}