/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
body{
font-family: "Roboto",sans-serif;
}

h1, h2, h3, h4, h5, h6{
font-family: "Roboto",sans-serif;
}
.bigger{
font-size: 14px;
}
.woocommerce div.product form.cart .variations label {
padding-right: 10px;
}

.woocommerce-thankyou-order-received, .woocommerce-thankyou-order-details {
font-size: 18px;
}
.order-print a {
font-size: 18px !important;
}

.order-items small, .order-items dt, .order-items dd {
    font-size: 14px;
    line-height: 1.25em;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

/* Zoom in on hover */
.hover-zoom-in .fl-photo-content {
  overflow: hidden;
}
.hover-zoom-in .fl-photo-content .fl-photo-img {
  -webkit-transition: 0.6s ease-in-out;
          transition: 0.6s ease-in-out;
  will-change: transform;
}
.hover-zoom-in .fl-photo-content .fl-photo-img:hover {
  -webkit-transition: 0.6s ease-in-out;
          transition: 0.6s ease-in-out;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/* Zoom out & rotate on hover */
.hover-zoom-out-rotate .fl-photo-content {
  overflow: hidden;
}
.hover-zoom-out-rotate .fl-photo-content .fl-photo-img {
  -webkit-transform: rotate(15deg) scale(1.4);
          transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
  will-change: transform;
}
.hover-zoom-out-rotate .fl-photo-content .fl-photo-img:hover {
  -webkit-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
}

/* Unblur on hover */
.hover-unblur .fl-photo-content {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.hover-unblur .fl-photo-content .fl-photo-img {
  -webkit-filter: blur(3px);
          filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
  will-change: filter;
}
.hover-unblur .fl-photo-content .fl-photo-img:hover {
  -webkit-filter: blur(0);
          filter: blur(0);
}
/* Grayscale To Color */
.gray-scale-img .fl-photo-content {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.gray-scale-img .fl-photo-content .fl-photo-img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
  will-change: filter;
}
.gray-scale-img .fl-photo-content .fl-photo-img:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
/* Sepia To Color */
.sepia-img .fl-photo-content {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.sepia-img .fl-photo-content .fl-photo-img {
  -webkit-filter: sepia(100%);
          filter: sepia(100%);
  -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
  will-change: filter;
}
.sepia-img .fl-photo-content .fl-photo-img:hover {
  -webkit-filter: sepia(0);
          filter: sepia(0);
}

/* Composite Product Hacks, because this is a dumb plugin! */
.component_content{
/*    display: none !important;*/
}
.composite_message{
    display: none !important;
}
.component_description{
    margin: 0 !important;
}
.composited_product_title_wrapper{
    display: none !important;
}
.composited_product_details_wrapper .price{
    display: none !important;
}
.component_description p{
    margin: 0;
}

.component_title_wrapper{
    padding-top: 10px;
}

.composite_wrap{
    padding-top: 0px !important;
    width: 100%;
}
.composite_price .price{
    margin-bottom: 0!important;
}

.product .summary .cart .quantity {
    float: left;
    margin: 0 !important;
}

.reset_variations_wrapper{
    display: none !important;
}
.cart_composite_data{
    width: 100%;
}
.single_add_to_cart_button{
margin-right: 20px !important;
margin-left: 0 !important;
height: 38px !important;
border-radius: 0px !important;
font-family: "Roboto Condensed", sans-serif;
font-weight: 300;
/*color: #ffffff !important;
*/}
.composite_button{
    width: 100%;
}
.composite_data{
    width: 100%;
}
#main{
    padding-top: 0px !important;
}

.woocommerce-variation-add-to-cart-disabled{
	display: none !important;
}

.quantity input.input-text{
	height: 38px !important;
}
input{
	border-radius: 0px !important;
}

.button{
	background-color: #000 !important;
	color: #fff !important;
	border-radius: 0 !important;
	font-family: "Roboto Condensed", sans-serif !important;
font-weight: 300 !important;
}
.wc-proceed-to-checkout #wc-stripe-payment-request-wrapper{
	width: 100% !important;
	margin-bottom: 10px !important
}

.checkout-button{
    height: 38px;
    padding-bottom: 7px !important;
    padding-top: 7px !important;
    font-family: "Roboto Condensed", sans-serif !important;
font-weight: 300 !important;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
        font-size: 16px !important;
    }
}

/*Beaver Theamer Small devices < 768px */
@media (max-width: 768px) {
.quantity{
	display: inline-block !important;
	margin-top: 20px !important;
}

 .fl-post-feed-post.fl-post-feed-image-beside, .fl-post-feed-post.fl-post-feed-image-beside-content, .fl-post-feed-post.fl-post-feed-image-beside-right, .fl-post-feed-post.fl-post-feed-image-beside-content-right {
    max-width: 100% !important;
  }

td.label{
	display: none !important;
}
.woo-product-meta{
	display: none !important;
}
.wc_bis_form_title{
	display: none !important;
}
.reset_variations{
	display: none !important;
}
.single_add_to_cart_button{
	width: 100% !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
select#choice{
	width: 100% !important;
		height: 38px !important;
	border-radius: 0 !important;
}
select#crank-choice{
	width: 100% !important;
		height: 38px !important;
	border-radius: 0 !important;
}
select#crank{
	width: 100% !important;
		height: 38px !important;
	border-radius: 0 !important;
}
select#choose{
	width: 100% !important;
	height: 38px !important;
	border-radius: 0 !important;
}
select{
		width: 100% !important;
	height: 38px !important;
	border-radius: 0 !important;
	  font-size: 16px !important;

}
.woocommerce-variation-description{
display: none !important;
}
#wc-stripe-payment-request-button-separator{
	display: none !important;
}
#wc_bis_product_form #wc_bis_email, #wc_bis_product_form #wc_bis_send_form{
    margin-bottom: 0px !important;
}

.out-of-stock{
	display: inline;
	vertical-align: top !important;
	padding-right: 20px;
	color: red !important;
  text-transform: uppercase;
}
.woocommerce-variation-price{
	display: inline-block !important;
	padding: 0px 20px 0px 0px ;
	vertical-align: top;
}
.variations{
	width: 100% !important;
	display: inline-table;
	vertical-align: top;
}
.single_variation_wrap{
display: inline-block !important;
vertical-align: middle !important;
padding-bottom: 25px !important;
width: 100% !important;
}
/*Style for Custom Notify Form */
#notify-wrapper {
  /* This bit sets up the horizontal layout */
  display:flex;
  flex-direction:row;
  
  /* This bit draws the box around it */
  border:1px solid grey;

  /* I've used padding so you can see the edges of the elements. */
  padding:2px;
}

#notify-wrapper input {
  /* Tell the input to use all the available space */
  flex-grow:2;
  /* And hide the input's outline, so the form looks like the outline */
  border:none;
}

#notify-wrapper input:focus {
  /* removing the input focus blue box. Put this on the form if you like. */
  outline: none;
}

#notify-wrapper button {
  /* Just a little styling to make it pretty */
  /*border:1px solid blue;
  background:blue;
  color:white;*/
  border-radius: 0px !important;
}

}


/*Beaver Theamer Med devices < 992px */
@media (max-width: 992px) and (min-width: 769px) {
.quantity{
	display: inline-block !important;
	margin-top: 20px !important;
}

td.label{
	display: none !important;
}
.woo-product-meta{
	display: none !important;
}
.wc_bis_form_title{
	display: none !important;
}
.reset_variations{
	display: none !important;
}
.single_add_to_cart_button{
	width: 100% !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
select#choice{
	width: 100% !important;
		height: 38px !important;
	border-radius: 0 !important;
}
select#crank-choice{
	width: 100% !important;
		height: 38px !important;
	border-radius: 0 !important;
}
select#crank{
	width: 100% !important;
		height: 38px !important;
	border-radius: 0 !important;
}
select#choose{
	width: 100% !important;
	height: 38px !important;
	border-radius: 0 !important;
}
select{
		width: 100% !important;
	height: 38px !important;
	border-radius: 0 !important;
}
.woocommerce-variation-description{
display: none !important;
}
#wc-stripe-payment-request-button-separator{
	display: none !important;
}
#wc_bis_product_form #wc_bis_email, #wc_bis_product_form #wc_bis_send_form{
    margin-bottom: 0px !important;
}

.out-of-stock{
	display: inline;
	vertical-align: top !important;
	padding-right: 20px;
	color: red !important;
  text-transform: uppercase;
}
.woocommerce-variation-price{
	display: inline-block !important;
	padding: 0px 20px 0px 0px ;
	vertical-align: top;
}
.variations{
	width: 100% !important;
	display: inline-table;
	vertical-align: top;
}
.single_variation_wrap{
display: inline-block !important;
vertical-align: middle !important;
padding-bottom: 25px !important;
width: 100% !important;
}
input{
border-radius: 0 !important;
}
/*Style for Custom Notify Form */
#notify-wrapper {
  /* This bit sets up the horizontal layout */
  display:flex;
  flex-direction:row;
  
  /* This bit draws the box around it */
  border:1px solid grey;

  /* I've used padding so you can see the edges of the elements. */
  padding:2px;
}

#notify-wrapper input {
  /* Tell the input to use all the available space */
  flex-grow:2;
  /* And hide the input's outline, so the form looks like the outline */
  border:none;
}

#notify-wrapper input:focus {
  /* removing the input focus blue box. Put this on the form if you like. */
  outline: none;
}

#notify-wrapper button {
  /* Just a little styling to make it pretty */
  /*border:1px solid blue;
  background:blue;
  color:white;*/
  border-radius: 0px !important;
}
}

/*Beaver Theamer Large devices > 992px */
@media (min-width: 993px) {
/* Attempt to Style Pay area */

.quantity{
	display: inline-block !important;
}

td.label{
	display: none !important;
}
td.value{
text-align: center !important;
padding-bottom: 0px !important;
width: 100% !important;
height: 1px;
}

.woocommerce div.product form.cart .variations select {
margin-bottom: 20px;
}

.variations{
	/* width: 40% !important; */
	display: inline-table;
	vertical-align: top;
	margin-bottom: 25px !important;
}

#wc-stripe-payment-request-wrapper{
	width: 200px;
	display: inline-block;
	padding-top: 0px !important;
	margin-bottom: 10px !important

/*	padding-left: 20px;
	padding-right: 20px;*/

}
#wc-stripe-payment-request-button-separator{
	display: none !important;
}
.single_variation_wrap{
display: inline-block !important;
vertical-align: middle !important;
padding-bottom: 25px !important;
}
.woo-product-meta{
	display: none !important;
}
#dealer-buttons{
	display: inline-block;
}
.woocommerce-variation-add-to-cart{
	display: inline-block !important;
	height: 100% !important;
}.woocommerce-variation-add-to-cart-disabled{
display: none !important;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    border: 0;
     vertical-align: inherit; 
    line-height: 2em;
}
.woocommerce-variation{
	display: inline-block !important;
	padding: 0 25px 0 25px;
	height: 100%;
	vertical-align: top !important;
}
.wc_bis_form_title{
	display: none !important;
}
.woocommerce-variation-price{
	display: inline-block !important;
	padding: 0px 20px 0px 0px ;
	vertical-align: top;
}

select#choice{
	width: 100% !important;
	height: 38px !important;
	border-radius: 0 !important;
}
select#choose{
	width: 100% !important;
	height: 38px !important;
	border-radius: 0 !important;
}
select#crank-choice{
	width: 100% !important;
	height: 38px !important;
	border-radius: 0 !important;
}
select#crank{
	width: 100% !important;
		height: 38px !important;
	border-radius: 0 !important;
}
select{
		width: 100% !important;
	height: 38px !important;
	border-radius: 0 !important;
}
.reset_variations{
	display: none !important;
}

.woocommerce-variation-description{
display: none !important;
}
#wc_bis_product_form{
display: inline-block !important;
margin-bottom: 0px !important;
}

.out-of-stock{
	display: inline;
	vertical-align: top !important;
	padding-right: 20px;
  color: red !important;
  text-transform: uppercase;

}
.woocommerce-variation-availability{
display: inline-block !important;
}
/*Style for Custom Notify Form */
#notify-wrapper {
  /* This bit sets up the horizontal layout */
  display:flex;
  flex-direction:row;
  
  /* This bit draws the box around it */
  border:1px solid grey;

  /* I've used padding so you can see the edges of the elements. */
  padding:2px;
}

#notify-wrapper input {
  /* Tell the input to use all the available space */
  flex-grow:2;
  /* And hide the input's outline, so the form looks like the outline */
  border:none;
}

#notify-wrapper input:focus {
  /* removing the input focus blue box. Put this on the form if you like. */
  outline: none;
}

#notify-wrapper button {
  /* Just a little styling to make it pretty */
  /*border:1px solid blue;
  background:blue;
  color:white;*/
  border-radius: 0px !important;
}
#wc_bis_product_form #wc_bis_email, #wc_bis_product_form #wc_bis_send_form{
	margin-bottom: 0px !important;
}

.woocommerce div.product form.cart .variations, .woocommerce-page div.product form.cart .variations {
	margin-top: 0px !important;
}
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
width: 150px !important;
}

.woocommerce table.cart .product-thumbnail img, .woocommerce-page table.cart .product-thumbnail img {
    max-width: 500px !important;
}