/*
 Theme Name:     Pacsolver
 Theme URI:      https://pacsolver.com
 Description:    Pacsolver Theme
 Author:         Helping Brain Solutions
 Author URI:     https://pacsolver.com
 Template:       wp-bootstrap-starter
 Version:        1.4
*/


/****************************************
*** Theme customization starts below ***
*****************************************/
/*Hide woocommerce image on single product page*/
.woocommerce div.product div.images.woocommerce-product-gallery{
  display: none !important;
}

/* Show form with full width in single product page */
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
  width: 100% !important;
  float: left !important;
}

/* Hide woocommerce images on lists*/
.woocommerce ul.products li.product a img{
  display: none !important;
}

/* Make bigger product title in product page */
h1.entry-title{
  font-size: 2.5rem !important;
}

/* Change color in woocommerce add to cart button to orange */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background-color: #FF8200 !important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background-color: #F57E00 !important;
}

/* Show add to cart button as a bigger */
button.single_add_to_cart_button {
  font-size: 1.5em !important;
}

/* Make text bigger in listing products */
.woocommerce-loop-product__title, .woocommerce-loop-category__title{
  font-size: 1.2em !important;
}

/* Make product price bigger text */
.woocommerce div.product p.price{
  font-size: 2em !important;
  font-weight: 600 !important;
}

/* Add border to guarantee date in form */
.woocommerce #field_1_5{
  border-style: dashed;
  padding: 1em;
}

/* Add border to products and categories in list */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  border-style: solid;  
  padding: 1%;  
  text-align: center;
  border-width: 1px;
  border-radius: 5%;  
  border-color: #ddd;
}

.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
  background-color: rgba(255,130,0,0.05);  
}

/* Hide on sale badge position */
.woocommerce span.onsale{
  display: none;
}

/* Class form making placeholders red on assignment form */
.pacsolver-red-placeholder input{
  color: red !important;
}

.pacsolver-red-placeholder select{
  color: red !important;
}

.pacsolver-red-placeholder a.chosen-single{
  color: red !important;
}

/* Hide required legend on gravity forms */
p.gform_required_legend{
  display: none !important;
}

/* Change color for woocommerce prices and text to green */
.woocommerce ul.products li.product .price{
  color: #77a464 !important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #77a464 !important;
}


/* Add top padding to additional information for social networks in delivery form */
form#gform_3 #field_3_8{
    padding-top: 50px !important;
}


/* Adjust Payment icon size in payment page */
li.wc_payment_method img{
    max-height: 31px;
}

/* Show all products with same height in product archive pages */
@media(min-width: 769px) {
    .woocommerce ul.products {
        display: flex;
        flex-wrap: wrap;
    }
    .woocommerce ul.products li.product,
    .woocommerce ul.products li.product a,
    .woocommerce ul.products li.product-category,
    .woocommerce ul.products li.product-category a {
        display: flex;
        flex-direction: column;
        justify-content: space-around;        
    }
    .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
        flex: 1;
    }
}


/* Fix woocommerce backgraound color for buttons and some text areas */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
  background-color: #e9e6ed !important;
  color: #515151;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
  background-color: #dcd7e3 !important;
  color: #515151;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: #f6f5f8;
  color: #515151;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  background: #e9e6ed;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
  background-color: #dcd7e3;
  color: #515151;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
  border: 1em solid #dcd7e3;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

/* Hide woocommerce mailchimp checkbox on checkout page */
.mailchimp-newsletter{
  display: none !important;
}

/* Fix billing input fields size */
.woocommerce-billing-fields .woocommerce-input-wrapper {
  width: 100% !important;
}


/******************** MY ACCOUNT STYLES **************************************/
/* Add 10px margin right and bottom in action buttons in my account page */
.woocommerce table.my_account_orders .button {
  margin-right: 10px;
  margin-bottom: 10px;
}