/*
Theme Name: ArpRv
Template: twentytwentythree
*/



/* Change Add to Cart, woo button,  style -- color */
.woocommerce a.button, .woocommerce button[name=add-to-cart], .woocommerce button[type=submit]:not(.wp-block-search__button)  
{
	
/*	padding: 		0.0em 0.0em 0.0em 0.0em!important; top right bottom left*/ 
	border:			thin black solid!important;
	border-radius: 	1.25em!important;
	font-size: 		1.1em!important;
	color:			black!important;
	font-weight:	bold!important; 
	background-color: orange!important;
	text-decoration: none!important;
/*	height: 		3em!important;
	width:			7em!important;
	margin:			0.5em!important;
*/
}


/* Change the Add to Cart button backgroud color to yelloww on hover. */
a.button.add_to_cart_button:hover
{	
	background-color: yellow!important;
}	

/* Changed Woocommerce product title font to bold. */
h2.woocommerce-loop-product__title 
{ 	
	color: 			black!important; 
	font-weight: 	bold!important; 
} 

/* Change WordPress input box's text size for the quantity box on checkout page.*/
input.input-text.qty.text
{
	font-size: 		1.25em!important;
}


/* Set to change to media view 1px bigger than the iPhone XR. */
@media all and (max-width: 415px)
	{
		html,
		body 
			{
				width: 98%!important;
				margin:0 auto!important;
				padding:0 1%!important;
				float:none!important;
			}
			
		/* Woocommerce billing and shipping fields width. */	
		.woocommerce-checkout div#customer_details	
			{
				width: 95%!important;
				margin:0!important;
				padding:0!important;
			}

		/* Woocommerce "Tell us more about your fridge" fields width. */			
		.col2-set.woocommerce-billing-fields__field-wrapper
			{
	    		width: 95%!important;
	    		margin:0 1%!important;
				padding:0!important;
			}
	
		/* Woocommerce id=order_review "Your Order" fields width. */
		.col2-set div#order_review
			{
	    		width: 95%!important;
	    		margin:0 1%!important;
				padding:0 1%!important;	
			}
			
		/* Godday Payment iFram card fieldset  width. */
		.payment_box.payment_method_poynt_credit_card, .sv-wc-payment-gateway-card-icons
			{   
				width: 90%!important;
				margin:0 1%!important;
				padding:0 1%!important;	
			}		
	}



/* Hide "View cart" button on WP component notice banner. }*/
.wc-forward{
    display: none !important;

/* The "Update Cart" button */
.button[name=update_cart] {
/*	padding: 		0.2em 0.2em 0.2em 0.2em!important;/* top right bottom left*/ 
	border:			thin black solid!important;
	border-radius: 	0.75em!important;
	font-size: 		0.75em!important;
	color:			black!important;
	font-weight:	bold!important;
	background-color: orange!important;
	text-decoration: none!important;
	height: 		3em!important; 
	margin:			0!important;	
	} 

/* Changed the size of  
.variation{
	font-size: 		0.5em!important;
}
*/

/* Changed the text size of product name show on the Checkout page. */
.product-name{
	font-size: 		0.8em!important;
}


/* On checkout page styling single product*/
.wp-block-woocommerce-single-product {
	padding: 		0.1em 0.1em 0.1em 0.1em!important;/* top right bottom left*/ 
	background-color:silver!important;
	border:			thin black solid!important;	
	border-color:	gray!important;
	border-radius: 	0.75em!important;
}	

/* Style the change quantity box for the add blowers columns on the chaeck out page. */
.input-text {
	border-radius: 	0.5em!important;
}


/* The "Proceed to checkout" button */
.woocommerce-cart .cart-collaterals .woocommerce_proceed_to_checkout {
  background-color: #e2e2e2;
  color: #13aff0;
}


/* Brighten up the button on hover */
.button[name=woocommerce_checkout_place_order] {
 	background-color: #ffaa00!important;
	padding:		  1.5em!important;
	font-weight:	  bold!important;
}

/* Brighten up the button on hover */
.button[name=update_cart]:hover {
  filter: brightness(115%);
}

.woocommerce-checkout .woocommerce-checkout-form {
  flex: 1 0 60%; /* 100% at small screens; 70% on larger screens */
/*  margin-right: 30px; */
}
.qty-row {
    display: none;
    float: left;
    width: 100%;
}

 /* Spinner */     
      #loading_indicator {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         margin: auto;
         border: 10px solid grey;
         border-radius: 50%;
         border-top: 10px solid blue;
         width: 100px;
         height: 100px;
         animation: spinIndicator 1s linear infinite;
      }
      @keyframes spinIndicator {
         100% {
            transform: rotate(360deg);
         }
      }