/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*To add the word quantity by the check out. Not sure if this is doing anything*
 * 1-26-2020*/
div.qty {
    float: left;
    padding: 10px;
	color: black;
}



/*Price font size and weight*/
/* Just targets the price on the main part of the product page and not the remaining on the search results/upsells*
 * 1-26-2020*/

.woocommerce-variation-price{
    font-size: 35px;
    font-weight: 600;
}


/*For some reason the custom select dropdown box is too far to the left and doesn't line up until I added this
 * 1-26-2020*/
.hasCustomSelect{
right: 0px;
}

/*Hide the reset variations pop up on the product page
 * 1-26-2020*/
a.reset_variations{
	display: none !important;


}


/* Hides the add to cart button on the prodouct grid pages I think 1/28/2020*/
.button product_type_variable add_to_cart_button{
	display: none !important;

}

/*Edits the general product grid, removes categories and changes up the padding a bit
 * 1/29/2020
 * */
.woocommerce ul.products li.product li.title a {
	font-size: 20px !important;
}
li.rating {
	margin-top: 0px !important;
}
li.price-wrap{
	margin-top: 5px !important;	
}
li.category{
	display: none !important;
}
ul.woo-product-info{
	padding-top: 10px !important;
}


/* Editing the review submit form on the product pages, getting rid of a checkbox, and making it generally smaller
 * 1/30/2020
 * */
.comment-form-cookies-consent
{
	display: none !important;
}

.woocommerce-Reviews-title
{
	display: none !important;
}

@media screen and (min-width: 900px) {
.woocommerce-Reviews{
	padding-right: 25% !important;
}
}

.form-submit{
	padding-right: 45% !important;
}

/* Add text before the variation price 1/30/2020 */
.woocommerce-variation-price::before {
  content: 'Total :';
  margin-right: 5px;
 color: #57bf6d;
}

/* Adjust how the lists look on the product pages 1/31/2020 */
.elementor-widget-woocommerce-product-content ul{
	list-style-type: disc !important;
	margin-left: 3% !important;
	margin-bottom: 20px !important;
}

.woocommerce-product-details__short-description ul{
	list-style-type: disc !important;
	margin-left: 3% !important;
	margin-bottom: 20px !important;
}

.elementor-widget-woocommerce-product-content h3{
	margin-bottom:5px;
}

/*Adds some padding below the varation selection dropdown and the line on the bottom of the TD 1/31/2020 */
td.value{
	padding-bottom:5px !important;
}

/*Adjust the spacing between short product description and the variation quantity selection box 1/31/2020*/
.elementor-widget-woocommerce-product-short-description{
	margin-bottom:5px !important;
}

/*Remove WooCommerce Tabs I don't need 1/31/2020 */
.description_tab{
	display:none !important;
}
.additional_information_tab{
	display: none !important;
}

/*Remove left padding from the reviews on the product pages 2/2/2020*/
.comment_container{
	padding-left: 10px !important;
}

/*use this class to changer the color of all the links in the product body, or wherever else we use this 2/2/2020*/
.product-link{
	color: red;
}

/*overrride proceed to checkout button color on cart page*/
.checkout-button{
	color:white !important;
}
/*overrride proceed to checkout button color on cart page*/
.wc-backward{
	color:white !important;
}
.wc-forward{
	color:white !important;
}
/*overrride proceed to checkout button color on cart page*/
.restore-item{
	color:white !important;
}


/*Use to override youtube/embedded video sizes*/
.WRHvideo{
	width:560px !important;

}

/*Make button text white so it isn't green on a blue background*
 * 9-4-2020*
 * These are mainly for account page when you login*/
.woocommerce-button.button.view
{
	color:#ffffff !important;
}
.woocommerce-button.button.cancel
{
	color:#ffffff !important;
}

.woocommerce-button.button.pay
{
	color:#ffffff !important;
}
.button.reactivate
{
	color:#ffffff !important;
}
.woocommerce-button.button.invoice
{
	color:#ffffff !important;
}
/* For use in wordpress editor posts with manual prodcut woo selection to make title bigger */
.post_manual_product
{
	font-size: 24px !important;
}