/*============================================
 * Layout
 * Project: Skunkworks Vapors
 *
 *  #General
 *  #Pages
 *	#Components
 *	#Forms
 *  #Header
 *  #Navigation
 *	#Antler King - Home
 *	#Shop
 *	#Single Product
 *	#Cart
 *	#Checkout
 *	#Store Locator
 *  #Blog
 *	#Contact
 *	#Page Not Found
 *	#Footer

 * ==========================================*/


/*============================================
 * Global
 * ==========================================*/

body {
	background: url(../images/bg-body.jpg);
	padding: 100px;
	position: relative;
}

p {
	margin-bottom: 15px;
}

#av-overlay-wrap {
	background: rgba(255, 255, 255, 0.95) !important;
}

#av_verify_form .submit label {
	display: none;
}

#av_verify_form input[type="checkbox"] {
	float: left;
	margin-right: 15px;
	width: auto;
}

#av_verify_form label {
	float: left;
	font-size: 16px;
	margin-bottom: 30px;
	width: auto;
}

#av_verify_form button, 
#av_verify_form input[type="button"], 
#av_verify_form input[type="reset"], 
#av_verify_form input[type="submit"] {
	background: #f77023;
	color: #fff;
}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    margin-bottom: 30px;
    padding-bottom: 50%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





/*============================================
 * Pages
 * ==========================================*/


.page-container {
	background: url(../images/bg-paper.jpg);
	margin: 0 auto;
	max-width: 1200px;
}

.page-content {
	padding: 50px 0;
}

.section {
	margin-bottom: 30px;
	position: relative;
}

.sidebar {
	text-align: center;
}

.sidebar .img-container {
	background: #000;
	margin-bottom: 15px;
	padding: 30px;
}

.sidebar img {
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}



/*============================================
 * Components
 * ==========================================*/



/*============================================
 * Forms
 * ==========================================*/

input, textarea {
	border: 1px solid #ccc;
	border-radius: 4px;
	line-height: normal;
	margin-bottom: 15px;
	padding: 10px 15px;
	outline: 0;
	resize: none;
	width: 100%;
}

select {
	font-size: 16px;
	padding: 10px 15px;
}



/*============================================
 * Header
 * ==========================================*/

.header {
	background: #252525;
	height: 60px;
	line-height: 60px;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}

.header .logo {
	color: #fff;
	float: left;
	position: absolute;
	top: -100px;
}

.free-shipping {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0;
	position: absolute;
	text-align: right;
	top: 20px;
	width: 100%;
}

.free-shipping img {
	height: auto;
	max-width: 100%;
}



/*============================================
 * Navigation
 * ==========================================*/

.nav-main {
	background: none;
	box-shadow: none;
	border: 0;
	float: right;
	margin: 0;
}

.nav-main li {
	float: left;
}

.nav-main a {
	border-left: 1px solid #353535;
	color: #fff;
	padding: 0 25px;
	float: left;
	font-size: 15px;
	text-decoration: none;
}

.nav-main a:hover {
	background: #353535;
}

#nav-main-dropdown {
	padding: 0;
}



/*============================================
 * Antler King - Home
 * ==========================================*/

#store-items img {
	height: auto;
	width: 100%;
}

#free-shipping {
	text-align: center;
}

#mission-statement {
	text-align: center;
}

#carousel-partners,
#carousel-events {
	background: #fff;
	border: 1px solid #ccc;
}



/*============================================
 * Shop
 * ==========================================*/

#shop .filters select {
	font-size: 16px;
	padding: 10px 15px;
}

#shop .item {
	background: #f6f6f6;
	border: 1px solid #ccc;
	margin-bottom: 25px;
	padding: 25px 25px 65px;
	position: relative;
	text-align: center;
}

#shop .item a {
	display: block;
	text-decoration: none;
}

#shop .item img {
	height: auto;
	margin-bottom: 25px;
	max-width: 100%;
}

#shop .item h3 {
	font-size: 21px;
	margin-bottom: 10px;
}

#shop .item .price {
	color: #f77023;
	font-size: 18px;
	font-weight: bold;
}

#shop .item .item-rating {
	bottom: 0;
	font-size: 18px;
	left: 0;
	padding: 15px 25px;
	position: absolute;
}

#shop .item .controls {
	bottom: -1px;
	position: absolute;
	right: -1px;
}

#shop .item .controls a {
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 21px;
	height: 40px;
	line-height: 40px;
	margin-left: 5px;
	text-align: center;
	width: 40px;
}

#shop .item .controls a.view-item {
	color: #555;
}

#shop .item .controls a.add-to-cart {
	background: #f77023;
	color: #fff;
}

#shop .item mark {
	background: 0;
}



/*============================================
 * Single Product
 * ==========================================*/

#single-product .images {
	background: #f6f6f6;
	border: 1px solid #ccc;
	margin-bottom: 50px;
	padding: 25px;
}

#single-product .images img {
	height: auto;
	max-width: 100%;
}

#single-product h1 {
	color: #555;
	font-size: 31px;
	margin-bottom: 10px;
}

#single-product .product-price,
#single-product div.product span.price{
	color: #f77023;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

#single-product .product-description {
	margin-bottom: 25px;
}

#single-product .product-description ul {
	list-style: disc;
	margin-bottom: 15px;
	margin-left: 20px;
}

#single-product .product-description p {
	margin-bottom: 15px;
}

#single-product .product-value {
	float: left;
	font-size: 16px;
}

#single-product .product-reset {
	font-size: 14px;
}

#single-product .quantity {
	float: none;
	margin-bottom: 25px;
}

#single-product .variations .label {
	color: #333;
	display: block;
	padding-right: 0;
	text-align: left;
}

#single-product .single_add_to_cart_button {
	background: #f77023;
	border: 0;
	color: #fff;
	padding: 10px 25px;
	width: auto;
}

#single-product .tabs {
	margin: 0 0 25px;
	padding: 0;
}

#single-product .tabs:before {
	border: 0;
}

#single-product .tabs li {
	border: 0;
	margin: 0;
	padding: 0;
}

#single-product .tabs li:before,
#single-product .tabs li:after {
	border: 0;
}

#single-product #reviews h2 {
	display: none;
}

#single-product #reviews #comments .comment {
	background: #f6f6f6;
	padding: 25px;
}

#single-product #reviews #comments .comment-text {
	border: 0;
	padding: 0;
}

#single-product #reviews  #comments .comment-text .meta {
	color: #252525;
	font-size: 18px;
	margin-bottom: 5px;
}

#single-product .comment-text p {
	font-size: 16px;
}

.woocommerce .star-rating {
	color: #eec02c;
	float: none !important;
}

#single-product .related {
	border-top: 1px solid #ccc;
	margin-top: 30px;
	padding-top: 30px;
	clear: both;
}

#single-product h2 {
	margin-bottom: 10px;
}

/*#single-product .panel {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#single-product #reviews h2 {
	display: none;
}

#single-product #commentform {
	margin-bottom: 15px;
	width: 50%;
}

#single-product #reviews .product-no-reviews {
	margin-bottom: 25px;
}

#single-product #reviews .stars {
	font-size: 16px;
}

#single-product #commentform #submit {
	background: #b72a2f;
	border: 0;
	color: #fff;
	float: right;
	padding: 8px 25px;
	width: auto;
}
*/


/*============================================
 * Cart
 * ==========================================*/

#cart .actions {
	padding: 15px 10px;
}

#cart .actions .button {
	background: #f6f6f6;
	border: 1px solid #ccc;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	padding: 8px 25px;
	width: auto;
}

#cart .coupon {
	width: auto;
}

#cart .coupon .input-text {
	float: left;
	font-size: 14px;
	line-height: normal;
	padding: 8px 10px;
	width: 200px;
}

#cart .cart {
	background: #e1dfdb;
	width: 100%;
}

#cart .cart td {
	padding: 20px 10px;
	vertical-align: top;
}

#cart td.product-name dl.variation dd {
	margin: 0;
	padding: 0;
}

#cart table {
	width: 100%;
}

#cart .cart_totals .amount {
	color: #f77023;
	float: right;
}

#cart .checkout-button {
	background: #f77023;
	border: 0;
	color: #fff;
	float: right;
	padding: 8px 25px;
	width: auto;
}



/*============================================
 * Checkout
 * ==========================================*/

#checkout h3 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 25px;
}

#checkout .billing-address {
	border-bottom: 1px solid #ccc;
	padding-bottom: 50px;
	width: 100%;
}

#checkout #billing_country_field {
	display: none;
}

#checkout .shipping-address {
	padding: 50px 0;
}

#checkout #ship-to-different-address-checkbox {
	width: auto;
}

#checkout .shipping-address .checkbox {
	display: inline-block !important;
}

#checkout #shipping_country_field {
	display: none;
}

#checkout #payment {
	background: none;
}

#checkout #payment .place-order {
	padding: 25px 0;
}

#checkout #payment .button {
	background: #f77023;
	border: 0;
	color: #fff;
	float: right;
	padding: 8px 25px;
	width: auto;
}



/*============================================
 * Store Locator
 * ==========================================*/

#store-locator .locations {
	position: relative;
}

#store-locator .wsl_canvas {
  float: none;
  margin-bottom: 30px;
  width: 100% !important;
}

#store-locator .map_filter_listing {
	background: 0 !important;
	float: none !important;
	height: auto !important;
}

#store-locator .map_filter_listing ul {
	display: table;
	width: 100%;
}

#store-locator .map_filter_listing li {
	display: table-row;
}

#store-locator .map_filter_listing .wsl_content {
	border-bottom: 1px solid #ccc;
	display: table-cell;
	padding: 10px 0;
}

#store-locator .wsl_display_directions {
	display: none;
	position: relative;
}

#store-locator .wsl_route_directions_container {
	position: absolute;
	right: 0;
	top: 100%;
}

#store-locator #wsl_filter_locations {
	margin-bottom: 0;
}

#store-locator #wsl_filter_locations input.wsl_search_locations {
	width: 250px;
}

#store-locator #wsl_filter_locations input[name="wsl_search"] {
	background: #f77023;
	border-color: #f77023;
	width: 150px;
}

#store-locator .wsl_user_current_loction {
	display: none !important;
}

#store-locator #wsl_count_stores {
	display: none;
}


/**********************/

#sl_div table, 
#sl_div tr, 
#sl_div td {
	vertical-align: middle;
}

#addressInput {
	background: 0 !important;
	border: 1px solid #ccc !important;
	padding: 6px 8px !important;
}

#addressSubmit {
	display: block;
	width: 200px;
}


/*============================================
 * Testimonials
 * ==========================================*/

#testimonials {
	font-size: 16px !important;
}

#testimonials img {
	height: auto;
	margin-right: 15px;
	max-width: 250px;
}

#testimonials .carousel-controls {
	position: absolute;
	right: 0;
	top: 0;
}

#testimonials .carousel-controls a {
	color: #353535;
	cursor: pointer;
}

@media (max-width: 767px) {

	.testimonial-img {
		display: block;
	}

}



/*============================================
 * Our Partners
 * ==========================================*/

 #partners {
 	position: relative;
 }

 #partners .item {
 	padding: 0 10px;
 }

 #partners .item img {
 	height: auto;
 	max-width: 100%;
 	vertical-align: middle;
 }

 #partners .carousel-controls {
 	position: absolute;
 	right: 0;
 	top: 0;
 }

 #partners .carousel-controls a {
 	color: #353535;
 	cursor: pointer;
 }


 /*============================================
 * Our Events
 * ==========================================*/

 #events {
 	position: relative;
 }

 #events .item {
 	padding: 0 10px;
 }

 #events .item img {
 	height: auto;
 	max-width: 100%;
 	vertical-align: middle;
 }

 #events .carousel-controls {
 	position: absolute;
 	right: 0;
 	top: 0;
 }

 #events .carousel-controls a {
 	color: #353535;
 	cursor: pointer;
 }



/*============================================
 * Blog
 * ==========================================*/

.blog h2 {
	font-size: 16px;
}

.blog h2 a {
	color: #63625c;
	font-size: 1.625em;
}

.post-preview {
	border-bottom: 1px dotted #bfbbb0;
	padding-bottom: 45px;
}

.blog-featured-image {
	margin-bottom: 30px;
}

.blog-featured-image img {
	height: auto;
	max-width: 100%;
}


/* Post Meta Data */

.blog .meta {
	margin-bottom: 20px;
	padding-left: 0;
}

.blog .meta li {
	display: inline-block;
	list-style: none;
}

.blog .meta li:after {
	content: '|';
	padding: 0 10px;
}

.blog .meta li:last-child:after {
	content: '';
}

.blog .meta .author {
	color: #c56128;
}

.blog .meta a {
	color: #3f74ba;
}

.blog .share {
	list-style: none;
	margin-bottom: 30px;
	padding: 0;
}

.blog .share li {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}

.blog .featured-image img {
	border-radius: 5px;
	height: auto;
	max-width: 100%;
}

/* Single Blog Post */

.single-post h1 {
	color: #63625c;
	font-size: 1.625em;
}

.single-post .tags {
	border-bottom: 1px dotted #bfbbb0;
	border-top: 1px dotted #bfbbb0;
	margin: 50px 0;
	padding: 20px 0;
}

.single-post .tags a:after {
	content: ', ';
}

.single-post .tags a:last-child:after {
	content: '';
}


/* Post a Comment Form */

.comment-form {
	border-bottom: 1px solid #e5e4df;
	margin-bottom: 40px;
}

.comment-form h3 {
	font-size: 1.375em;
	font-weight: normal;
	margin-bottom: 20px;
}

.comment-form label {
	width: 100%;
}

.comment-form input[type="text"],
.comment-form textarea {
	border: 1px solid #bfbbb0;
	border-radius: 3px;
	display: block;
	outline: 0;
	padding: 8px 12px;
	resize: none;
}

.comment-form input[type="text"] {
	margin-bottom: 10px;
	width: 60%;
}

.comment-form textarea {
	margin-bottom: 30px;
	width: 100%;
}

.comment-form input[type="submit"] {
	border: 0;
	background: #13477d;
	border-radius: 3px;
	color: #fff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: lighter;
	margin-bottom: 30px;
	padding: 5px 0;
	width: 110px;
}


/* Post Comments */

#comments h3 {
	font-size: 1.375em;
	font-weight: normal;
}	

#comments .comment-author {
	color: #13477d;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
}

#comments .comment-author:before {
	color: #13477d;
	content: 'By';
	display: inline-block;

}

#comments .comment-author:after {
	color: #928f84;
	content: '|';
	display: inline-block;
	margin: 0 15px;
}

#comments .comment-author a {
	color: #13477d;
}

#comments .comment-meta {
	display: inline-block;
}

#comments .comment-meta a {
	color: #928f84;
}

#comments .comment-body p {
	font-size: 1.0em;
}

#comments li {
	border-bottom: 1px solid #e5e4df;
	font-size: 0.813em;
	list-style: none;
	padding: 20px 0;
}

#comments .avatar {
	display: none;
}

#comments .reply {
	display: none;
}

#comments .says {
	display: none;
}



/*============================================
 * Contact
 * ==========================================*/

#contact .map {
	margin-bottom: 30px;
}

#contact input[type=text],
#contact input[type=email] {
	width: 80%;
}

#contact input[type=submit] {
	background: #f77023;
	border: 0;
	color: #fff;
	float: right;
	padding: 8px 25px;
	width: auto;
}



/*============================================
 * Page Not Found
 * ==========================================*/

#page-not-found h1 {
	font-size: 300px;
	line-height: 300px;
	margin: 0 0 30px;
}

#page-not-found p {
	font-size: 55px;
	text-transform: uppercase;
}


/*============================================
 * Footer
 * ==========================================*/

.footer {
	background: #252525;
	color: #fff;
	font-size: 14px;
	padding: 15px 0;
	vertical-align: middle;
}

#social-media {
	float: right;
	margin: 0;
	padding: 0;
}

#social-media li {
	float: left;
	margin-left: 5px;
}

#social-media img {
	height: auto;
	max-width: 25px;
}

.footer .nav-footer li {
	float: left;
	line-height: 35px;
	list-style: none;
	margin-right: 5px;
}

.footer .nav-footer li:after {
	content: '|';
	margin-left: 5px;
}

.footer .nav-footer li:last-child:after {
	content: '';
}

.footer .nav-footer a {
	color: #fff;
}





/*============================================
 * Tablet Styles
 * ==========================================*/

 @media (max-width: 992px) {
	
	body {
		padding: 100px 15px;
	}

	.nav-main a {
		padding: 0 15px;
		font-size: 14px;
	}

}



/*============================================
 * Mobile Styles
 * ==========================================*/

@media (max-width: 767px) {

	.header .logo {
		float: left;
		width: auto;
		z-index: 5;
	}

	.nav-main {
		background: none;
		border: 0;
		position: absolute;
		width: 100%;
	}

	.nav-main li {
		float: none;
	}

	.nav-main li:first-child {
		border-top: 1px solid #333;
	}

	.nav-main a {
		border-right: 1px solid #353535;
		display: block;
		float: none;
		padding: 0 25px;
		width: 100%;
	}

	.nav-main a:hover {
		background: #353535;
	}

	.nav-main .navbar-toggle {
		margin-top: 12px;
		outline: 0;
	}

	.nav-main .navbar-collapse {
		background: #353535;
		border-top: none;
		box-shadow: none;
		padding: 40px 0 0 !important;
		position: relative;
		z-index: 1;
	}

	.nav-main .navbar-collapse a {
		border-bottom: 1px solid #252525;
		color: #fff;
		display: block;
		float: none;
		font-size: 16px;
		text-decoration: none;
		width: 100%;
	}

	.nav-main .navbar-collapse a:hover {
		background: #252525;
	}

	#store-locator #wsl_filter_locations span {
		display: block;
	}

	#store-locator #wsl_filter_locations #wsl_search_locations {
		display: block;
		margin: 0 0 10px;
		width: 100%;
	}

	#store-locator #wsl_filter_locations #wsl_radius {
		display: block;
		float: none;
		margin: 0 0 10px;
		width: 100%;
	}

	#store-locator #wsl_filter_locations {
		display: block;
		margin: 0 0 10px;
		width: 100%;
	}

	#store-locator #wsl_filter_locations input[name="wsl_search"] {
		margin: 0 0 30px;
		width: 100%;
	}

}