

/*Product Page Drop Down CSS*/

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {

width: 10%;
}

.woocommerce div.product form.cart .variations {

Text-align: left;
	width:100%;

}

/* Product Page Button */

.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart] {

Border-radius: 50px;

}



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

	/* Full Width Image Sections*/
	
	.alignwide {
   width: 100% !important;
 
}
 .wp-block-cover, .wp-block-cover-image{

object-fit: contain !important;
height: 400px !important;
min-height: auto !important;

    }
	
	/*Spacers in Header*/
	
	.mobile-spacer {
		display: none;
	}
	
	
	/*Mobile Text Align*/
	
p, h1, h2, h3, h4, h5, h6  { 
   text-align: center !important;
}
	
	/*Mobile Homepage Section */
	.wp-container-17.wp-container-17 {
		align-items: center !important;
	}
	
	/*Mobile Header Buttons */

.wp-container-6.wp-container-6 {
		
justify-content: space-evenly !important;
width: 100%;
margin-top: 20px !important;
margin-bottom: 20px !important;
	
	}
	
	/*Hide Section on Mobile*/
	
	.hide-on-mobile {
		display:none;
	}
	
	

}

/* Make all custom B2B registration fields larger */
.b2bwhs_custom_registration_field,
.woocommerce-form-row,
.b2bwhs_registration_options_dropdown {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    box-sizing: border-box;
    margin-bottom: 5px; /* Add spacing between fields */
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1em !important;
}

.select2-container .select2-selection--single {
	height: auto !important;
}

/* Match B2B form button to theme's button styles */
.woocommerce-form-register__submit,
.woocommerce-Button.woocommerce-button.button {
    background-color: var(--wp--preset--color--secondary);
    border-radius: 50px;
    border-width: 0;
    color: var(--wp--preset--color--background);
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover effect (optional, matches theme hover styles if any) */
.woocommerce-form-register__submit:hover,
.woocommerce-Button.woocommerce-button.button:hover {
    opacity: 0.9;
}

.woocommerce form .form-row label {
	line-height: 1em !important;
	padding-bottom: 10px !important;
}




