/*
Theme Name: Full Fat Visson Theme
Theme URI: thanoshome.com
Author: Full Fat Media
Author URI: fullfat.media
Description: Full Fat Visson Brands Custom Theme
Version: 1.0.522
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: visson_theme
*/

/*** MAIN FORMS BACKGROUND COLOR ***/
.woocommerce table.shop_table,
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register,
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment,
#customer_details, 
h3#order_review_heading,
form.woocommerce-EditAccountForm.edit-account {
    border: 0 !important; /* you can add a border if you prefer */
    background: #f3f4f6; /* this is the main background color for all forms */
}

/*** FORM AND OTHER PADDING ***/
#customer_details,
form.woocommerce-EditAccountForm.edit-account,
h3#order_review_heading {
    padding: 30px 20px;
}
/*** ADJUST FORM ROUNDED EDGES ***/
#customer_details {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.woocommerce-checkout-review-order table.shop_table {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*** ALL WOO BUTTONS ***/
.woocommerce button.button.alt, 
.woocommerce-page button.button.alt,
.woocommerce a.button, 
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button {
    text-transform: capitalize !important;
    background: #88c767 !important;
    color: #ffffff !important;
} 
.woocommerce button.button.alt:hover, 
.woocommerce-page button.button.alt:hover,
.woocommerce a.button.alt:hover, 
.woocommerce-page a.button.alt:hover,
.woocommerce a.button:hover, 
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover {
    background: #fbbf24 !important;
    color: #ffffff !important;
}


/* remove icon from info alert on checkout */
.woocommerce-info::before {
	display: none;
}

/* change info alert top border to thanos green*/
.woocommerce-info {
  border-top: 3px solid #88c767;
}

/* 2 Column WooCommerce Checkout *

@media(min-width:768px) {
	.woocommerce .col2-set .col-1, 
	.woocommerce-page .col2-set .col-1 {
		width: 90%;
	}

	#customer_details {
		display: flex;
		flex-flow: column nowrap;
		float: left;
		width: 48%;
	}

	#customer_details .col-2 {
		width: 90%;
		margin-top: 20px;
	}

	#order_review,
	#order_review_heading {
		width: 50%;
		float: left;
        margin-left:2%;
        margin-top: 0px;
		clear: none;
	}
}

/* Fix woo checkbox inputs after tailwind prose on index */
.woocommerce form .form-row .input-checkbox {
display: inline-block;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}

@media screen and (max-width: 768px) {

.post-single {
font-size: 1.5em !important;
}
}

.wpcf7 input.wpcf7-text { width: 50%; }
.wpcf7 textarea.wpcf7-textarea { width: 50%; }
.wpcf7-form textarea { height: 200px; }

.wpcf7-form-control-wrap input { border: 1px solid rgba(154, 141, 141, 0.86) !important;}
.wpcf7-form-control-wrap textarea { border: 1px solid rgba(154, 141, 141, 0.86) !important;}


/** Show thumbnail in cart larger than default 32px **/
.woocommerce-cart table.cart img {
width: auto;
min-width: 32px;
max-width: 100px;
}
@media(max-width:768px) {
/** Show thumbnail row in cart on mobile **/
.woocommerce-page table.cart .product-thumbnail {
display: inline-block !important;
}
/** hide colon above thumbnail for mobile **/
.woocommerce-page table.cart .product-thumbnail:before {
display: none;
}
/** Custom reviews styling **/
.woocommerce .star-rating span:before {
  color: rgba(251,191,36,1) !important;
}
.woocommerce p.stars a::before {
color: rgba(251,191,36,1);   
}
.single-product.woocommerce .woocommerce-Reviews .star-rating:before {
color: rgba(251,191,36,1) !important;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
	    padding: 0px;
		border: 0px;
		width: 40px;
}
.woocommerce #review_form #respond textarea {
    margin: 0 0 10px;
    padding: 1em 1em 0;
	box-sizing: border-box;
	border: 1px solid #e4e1e3;
    border-radius: 4px;
    width: 100%;
}
.woocommerce #review_form #respond p [type='text'] {
    margin: 0 0 10px;
	padding: 1em 1em 0;
	box-sizing: border-box;
	border: 1px solid #e4e1e3;
    border-radius: 4px;
    width: 100%;
}
.woocommerce #review_form #respond p [type='email'] {
    margin: 0 0 10px;
	padding: 1em 1em 0;
	box-sizing: border-box;
	border: 1px solid #e4e1e3;
    border-radius: 4px;
    width: 100%;
}