/*   
Theme Name: Mikes
Theme URI: http://mikes.yellingmule.com
Description: Custom Theme For Mikes.
Author: Yelling Mule
Author URI: http://www.yellingmule.com
Version: 1.0
*/
@CHARSET "UTF-8";
*{
	margin:0;
	padding:0;
}

.clear{
	clear:both;
}

.right{
	float:right;
}

.left{
	float:left;
}

.alignleft {
	float: left;
	margin-right:20px;
}

.alignRight {
	float: right;
	margin-left:20px;
}

.hidden {
	display:none;
}




@font-face {
    font-family: 'Buffalo Nickel';
    src: url(/wp-content/themes/mikes/public/fonts/Buffalo-Nickel.ttf);
}

html, body{
	margin:0;
	padding:0;
	font-family:'Raleway', sans-serif;
	overflow-x:hidden;
}

h1{
	font-family:'Buffalo Nickel', sans-serif;
	color:#2b3285;
}
h2, h3, h4, h5{
	color:#2b3285;
}
a:hover{
	text-decoration:none;
}
b, strong{
	font-weight:600;
}
p{
	font-size:16px;
}
.blue{
	color:#2b3285;
}
.string{
	width:100%;
	height:27px;
}
.string img{
	height:100%;
	min-width:100%;
	margin-top:-2rem;
}
.bow{
	height:75px;
}
.col_less_padding{
	padding-left:5px;
	padding-right:5px;
}
.outline_button{
	display:inline-block;
	padding:1rem 3rem;
	font-size:18px;
	text-transform:uppercase;
	color:#2b3285;
	border:2px solid #2b3285;
}
.outline_button:hover{
	background:#2b3285;
	color:white;
}
/* --------------------------------------------------
-----------------------------------------------------
Header
-----------------------------------------------------
-------------------------------------------------- */

.header{
	height:85px;
	position:relative;
	width:100%;
	z-index:1000;
	background:white;
}
.header.top-fixed{
	position:fixed;
	top: 0;
}
.header_logo{
	width:100%;
	height:85px;
}
.header_logo img{
	max-width:100%;
	max-height:100%;
	padding:0.5rem 0 0.75rem;
}
.header_right{
	text-align:right;
}
.header_nav{
	list-style:none;
	margin:0;
	padding:0;
	text-transform:uppercase;
	display:inline-block;
	font-size:18px;
	position:relative;
}
.header_nav li{
	display:inline-block;
}
.header_nav li a{
	display:block;
	color:#2b3285;
	padding:3rem 2rem;
}
.header_nav li a:hover, .header_nav li.active{
	font-weight:600;
}
.header_cart{
	display:inline-block;
	margin-left:4rem;
}
.header_cart a{
	display:block;
	padding:2.8rem 1rem;
}
.header_cart a:hover{
	background:#2b3285;
	color:white;
}
.header_cart a:hover .box_icon{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.header_cart a:hover span{
	color:white;
}
.box_icon{
	height:25px;
	margin-top:-8px;
}
.header_cart span{
	font-size:20px;
	color:#b6b9de;
}
.header_string{
	display:block;
	height:75px;
	text-align:center;
	position:relative;
	width:100%;
}
.header_string img{
	height:100%;
	width:auto;
	min-width:100%;
	position:absolute;
	left:50%;
	top:-2.25rem;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
}
.header_menu{
	display:none;
}
.header_spacer{
	height:85px;
	position:relative;
	display:none;
}
.header_spacer.top-fixed{
	display:block;
}
.woocommerce .header_string img, .woocommerce-page .header_string img{
	max-width:none;
}

/* --------------------------------------------------
-----------------------------------------------------
Hero
-----------------------------------------------------
-------------------------------------------------- */

.hero{
	height:600px;
	overflow:hidden;
	position:relative;
}
.hero_carousel{
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	text-align:center;
}
.hero_carousel div{
  width:100%;
  height:100%;
  position:relative;
}
.hero_carousel_slide{
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	padding:0;
}
.hero_carousel_slide#slide_1{
	background-image:url(../img/hero-01.jpg);
}
.hero_carousel_slide#slide_2{
	background-image:url(../img/hero-02.jpg);
}
.hero_carousel_slide#slide_3{
	background-image:url(../img/hero-03.jpg);
}
.hero_carousel_dots{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin-bottom:4rem;
}
.hero_carousel_dots .slick-dots li button:before{
	font-size:16px;
	content:'\f10c';
    font-family:'FontAwesome';
    color:white;
    opacity:1;
}
.hero_carousel_dots .slick-dots li.slick-active button:before {
    opacity: 1;
    color: white;
    content:'\f111';
    font-family:'FontAwesome';
}

/* --------------------------------------------------
-----------------------------------------------------
Content
-----------------------------------------------------
-------------------------------------------------- */



.content{
	padding:4rem 0 8rem;
	
}

.content1 ul li:before {
    content: '\f0a9';
    font-family: 'FontAwesome';
    float: left;
    color: #2b3285;
    margin-left: -2rem;
    margin-top: 0.1rem;
    font-size: 14px;
    vertical-align: middle;
    
}

.content li {
    list-style: none;
    font-size: 16px;
    margin: 0 0 10px;
}


.woo_content{
	padding:4rem 0;
}
.woo_content.container{
	padding-left:15px;
	padding-right:15px;
}
.content h1{
	font-size:60px;
	margin:0;
	word-spacing:-15px;
}
.content h2{
	margin:1rem 0;
}
.content p{
	text-align:left;
}
.content_image{
	width:100%;
	position:relative;
	overflow:hidden;
}
.content_image_wide{
	padding-top:70%;
}
.content_image_narrow{
	padding-top:144%;
}
.content_image img{
	min-height:100%;
	min-width:100%;
	width:auto;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	right:0;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.content_image_wide img{
	max-width:360px;
}
.content_image_narrow img{
	max-width:200px;
}
.history_images{
	margin:3rem 0;
}
.history_content p{
	font-size:18px;
}
.content_button{
	margin:3rem 0 0;
}
.shop_section{
	margin:3rem 0;
}
.shop_photo{
	position:relative;
	width:100%;
	padding-top:70%;
	overflow:hidden;
}
.shop_photo img{
	min-height:100%;
	min-width:100%;
	max-width:400px;
	width:auto;
	position:absolute;
	top:0;
	left:0;
	-webkit-transition-duration:1s;
	transition-duration:1s;
}
.shop_caption h3{
	text-transform:uppercase;
	font-size:20px;
	margin:0;
	padding:1rem;
}
.shop_link:hover{
	border:3px solid #2b3285;
}
.shop_link:hover .shop_photo img{
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
.shop_link:hover .shop_caption h3{
	background:#2b3285;
	color:white;
}
.title_bar{
	background:url(/wp-content/themes/mikes/public/img/hero-01.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:200px;
	text-align:center;
	position:relative;
}
.title_bar h1{
	color:white;
	font-size:70px;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	margin:0;
	text-shadow:0 0 10px black;
	word-spacing:-15px;
}


/* --------------------------------------------------
-----------------------------------------------------
Footer
-----------------------------------------------------
-------------------------------------------------- */

.footer{
	background:#2b3285;
	text-align:center;
	color:white;
}
.footer a{
	color:white;
}
.footer a:hover{
	color:#b6b9de;
}
.footer_content{
	padding:4rem 0;
}
.footer h1{
	margin:0;
	color:white;
	font-size:45px;
	word-spacing:-15px;
}
.footer p{
	font-size:20px;
	margin:1rem 0;
}
.footer_social{
	list-style:none;
	margin:2rem 0 4rem;
	padding:0;
	font-size:24px;
}
.footer_social li{
	display:inline-block;
	width:30%;
}
.footer_social li a{
	padding:0.75rem 2rem;
	width:100%;
	display:block;
	border:2px solid white;
}
.footer_social li a:hover{
	background:white;
	color:#2b3285;
}
.hours_labels{
	font-family:'Buffalo Nickel', sans-serif;
	font-size:24px;
	line-height:26px;
	list-style:none;
	margin:2rem 0;
	padding:1rem;
	width:45%;
	text-align:right;
	display:inline-block;
	letter-spacing:1px;
}
.hours{
	font-size:18px;
	list-style:none;
	margin:2rem 0;
	padding:1rem;
	width:45%;
	text-align:left;
	display:inline-block;
	line-height:26px;
}
.footer_locations{
	list-style:none;
	margin:2rem 0;
	padding:0;
}
.footer_locations li{
	display:inline-block;
	margin: 0 1rem;
    font-size: 20px;
	cursor:pointer;
}
.footer_locations li.active{
	border-bottom:2px solid white;
}
.location_map{
	display:none;
}
.location_map.active{
	display:block;
}
.footer_location_image{
	position:relative;
	width:100%;
	height:300px;
	overflow:hidden;
}
.footer_location_image img{
	position:absolute;
	height:100%;
	width:auto;
	top:0;
	left:0;
}
.footer_location_overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	text-align:center;
}
.footer_location_overlay h3{
	position:absolute;
	margin:0 auto;
	top:50%;
	left:0;
	right:0;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	font-family:'Buffalo Nickel', sans-serif;
	word-spacing:-5px;
	font-size:40px;
	padding:0 6rem;
}

.footer_copyright {
    border-top: 5px solid #cecccc;
    color: #fff;
    font-size: 16px;
    margin-top: 40px;
    padding-top: 35px;
    text-align: left;
    text-transform: uppercase;
}

#mule_byline {
	float:right;
}

/*Woocommerce
*/

.woocommerce ul.products li.product:hover img {
	border: 3px solid #2b3285

}


div.product div.images a img, .content div.product div.images a img, ul.products li.product a img {
   
    border: 2px solid #eaeaea;
   
}



.woocommerce ul.products li.product h3 {
    padding: 1em 0;
    
    font-size: 16px;
    color: #222;
}

span.woocommerce-Price-amount.amount {
    font-size: 26px;
   color: #222;
}



a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
	background-color: #2b3285;
    color: white;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
	background: white;
    color: #2b3285;
    border: 1px solid #2b3285;
}


.page-description {
    padding-bottom: 33px;
}

/*shop page*/

.header_cart img {
    height: 25px;
}


.woo_content {
    padding: 30px 0 0 0;
}


/*single page*/


.product.type-product {
    padding: 70px 0 0 0px;
}


.woocommerce-error, .woocommerce-info, .woocommerce-message {
    
    margin: 5em 0 2em!important;
    
}

.summary.entry-summary h1 {
        font-family: "Open Sans",sans-serif;
    text-transform: uppercase;
 }

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
   
    background: #fff;
    color: #2b3285;
    border: 1px solid #2b3285;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #2b3285;
    color: #fff;
    
}


.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}
/*my account page*/

.woocommerce-MyAccount-content {
    background: #f8f8f8;
    padding: 1em;
   
}





/**
 * My Account
 */

 .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
}
 @media (min-width: 768px){
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 20%;
}
 }
.woocommerce-account .woocommerce-MyAccount-content {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 75%;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0;
    border-top: 1px solid #eee;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    list-style: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 0;
    text-align: left;

}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
    opacity: 1;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 5px;
    display: block;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
    margin-right: 20px;
    opacity: .25;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
    opacity: 1;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    font-family: 'FontAwesome';
    content: "\f0e4";
    float: right;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    font-family: 'FontAwesome';
    content: "\f291";
    float: right;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    font-family: 'FontAwesome';
    content: "\f1c6";
    float: right;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    font-family: 'FontAwesome';
    content: "\f015";
    float: right;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
    font-family: 'FontAwesome';
    content: "\f09d";
    float: right;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    font-family: 'FontAwesome';
    content: "\f007";
    float: right;
}
 
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    font-family: 'FontAwesome';
    content: "\f08b";
    float: right;
}
 


/* address*/


header.woocommerce-Address-title.title h3{
    float: none!important;
}


header.woocommerce-Address-title.title a{
    float: none!important;
}

/*.woocommerce-MyAccount-content p {
    text-align: center;
}*/
/* Checkout Page*/

.checkout.woocommerce-checkout h3{text-align:left;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  padding: 7px 12px;
}
.woocommerce-billing-fields label{color:#8c1021; }
.woocommerce-LoopProduct-link {
  background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0 !important;
  color: hsl(0, 0%, 0%) !important;
}
/*End Checkout Page*/


/* Cart page*/
.button.wc-forward {
    background: #2b3285 none repeat scroll 0 0;
    color: #fff;
    padding: 6px!important;
    text-decoration: none;
}
.button.wc-forward:hover {background: #451dda none repeat scroll 0 0;}
.button,.checkout-button.button.alt.wc-forward{background: #2b3285 none repeat scroll 0 0!important;border-radius: 0 !important;padding: 10px 18px !important;color:#fff!important;}
.button:hover,.checkout-button.button.alt.wc-forward:hover{  background: #451dda none repeat scroll 0 0!important;}
.cart_totals.calculated_shipping {text-align: left;}
.coupon .button { margin-left: 10px !important;}
.shop_table .attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image {height: 100px; width: 100px;}
#coupon_code {width:130px; padding:5px;}

td.product-name a {
    font-size: 25px;
}

/*End Cart Page*/



.modal-footer {
    min-height:150px;
}
#image-gallery-link {
    clear:both;
    width:100%;
    text-align:center;
    padding:0px;
    margin:0px;
}
#image-gallery-caption {
    text-align:center;
    max-width:70%;
    margin:auto;
}



div#image-gallery-link a {
    color: #2b3285;
}

div#image-gallery-link a:hover {
        font-weight: 600;
}



/* CARINA SYTLES */
.ngg-figcaption h6 {
  font-size: 20px !important;
  text-transform: uppercase;
  font-weight: lighter;
}

figcaption.ngg-figcaption.ngg-figcaption-fade {
  background: rgba(42,47,135,0.8) !important;
}

.menu-thumb h2{
	font-size: 16px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.menu-thumb h2{font-size: 18px;}
}

@media (max-width: 767px) {
	.menu-thumb h2{font-size: 20px;}
}

.content ul li {
	margin-left:2rem;
}

.su-spoiler-title {
	font-size: 20px !important;
	font-weight: lighter !important;
}

span.su-spoiler-icon {
	color:#2a2f87;
}

.su-spoiler-content {
	font-size: 16px;
}

@media (max-width: 1199px) and (min-width: 862px){
	.header_nav li a {font-size: 14px;}
}

@media (max-width: 862px) and (min-width:767px){
	.header_nav li a {font-size: 12px;}
}