/*---------------------------------------------------------------------------------

 Theme Name:   Divifoxx
 Theme URI:    https://divifoxx.com/
 Description:  Description
 Author:       Mayank Singh Yadav
 Author URI:   https://divifoxx.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*---- GENERAL CSS ---------*/

/**++++++++++++++++++General CSS++++++++++++++++++++++**/
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/** Place Button Modules Next to Each Other in the Same Column **/
/* Setting the display property to inline-block for button modules within the cts-inline-buttons container */
.cts-inline-buttons .et_pb_button_module_wrapper {
  display: inline-block;
}

/* Centering the inline buttons within the container */
.cts-inline-buttons {
  text-align: center !important;
}



/***Gradient Text**/
.purplegradient{
 background: -webkit-linear-gradient(129deg, #feb310 10%, #fe3195 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight:800;
}

/************************************************************************************************/

/** ++++++++++++++++++ Cart Page Styles ++++++++++++++++++ **/

/* Styling the 'Update Cart' button in the cart page */
body #page-container .et_pb_section .et_pb_wc_cart_products_0 table.cart button[name="update_cart"]:not([disabled]) {
  color: #FFFFFF!important;         /* Text color for better visibility */
  border-radius: 100px!important;   /* Applying a rounded border for a modern look */
  letter-spacing: 0px!important;    /* Adjusting letter spacing for optimal readability */
  font-size: 18px;                  /* Setting the font size for the button */
  font-weight: 600!important;       /* Making the font weight bold for emphasis */
  background-color: #1e65ff;        /* Background color of the button */
}



/************************************************************************************************/

/** ++++++++++++++++++ Product Search Bar ++++++++++++++++++++++ **/

/* Title styling */
.aws-search-result .aws_result_title {
  color: #404449;
  font-size: 18px!important;
  line-height: 1.9em;
}

/* Hover effect for 'View More' link */
.aws-search-result .aws_search_more a:hover {
  background: #1e65ff;
}

/* Styling for product images */
.aws-search-result .aws_result_image img{
    display: block;
    height: 70px!important;
    width: 70px!important;
}

/* Hide product excerpt */
.aws-search-result .aws_result_excerpt {
    display: none;
}

/* Styling for product price */
.aws-search-result .aws_result_price {
    color: #000000;
    font-family: 'Mulish',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 15px;
}

/* Styling for 'View More' link */
.aws-search-result .aws_search_more a {
    color: #ffffff;
    font-family: 'Mulish',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 15px;
    background-color: #1e65ff;
}

/* Container styling for search results */
.aws-search-result {
    border: none;
    background-color: #ffffff;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 17%);
    border-radius: 10px!important;
}

/* Padding for result links */
.aws_result_link {
    padding: 15px!important;
}

/* Styling for search form clear button */
.aws-container .aws-search-form .aws-search-clear{
    color:red;
}

/* Styling for result list */
.aws-search-result ul {
    border-radius: 10px!important;
}

/* Hover effect for result items */
.aws-search-result .aws_result_item:hover, .aws-search-result .aws_result_item.hovered{
    background-color:#ffffff!important;
}

/* Centering the search form */
.aws-container .aws-search-form .aws-wrapper {
    display: flex;
    justify-content: center;
}

/* Setting max width for the search field */
.aws-container .aws-search-field {
    max-width:700px;
}

/* Styling for search field within specific container */
#et-boc .aws-container .aws-search-field {
    border: 1px solid #000;
    padding: 6px 15px;
    border-radius: 45px!important;
}

/* Font and color styling for input elements */
input, .et-db #et-boc .et-l input {
    font-family: 'Mulish',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 15px;
    color: #000000;
}

/* Styling for placeholder text */
::placeholder {
    color: #000000;
    font-family: 'Mulish',Helvetica,Arial,Lucida,sans-serif!important;
    opacity: 1; /* Firefox */
}

/************************************************************************************************/

/** ++++++++++++++++++ Shop Page ++++++++++++++++++ **/
/**Price Tag Side by Side with Title**/
/* Styling the product links */
.woocommerce ul.products li.product a {
  text-decoration: none;            /* Removing underline from product links */
  display: flex;                   /* Setting the display to flex for flexible layout */
  flex-wrap: wrap;                 /* Allowing items to wrap to the next line if needed */
  justify-content: center;         /* Centering content horizontally */
  box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 10%);  /* Adding a subtle box shadow */
  padding-bottom: 10px;            /* Adding padding to the bottom */
  border-radius: 10px;             /* Applying border-radius for a rounded look */
  overflow: hidden;                /* Hiding overflowing content */
}

/* Styling the product images */
.et_portfolio_image, .et_shop_image {
  position: relative;
  flex-basis: 100%;                /* Setting the basis for flexibility */
}

/* Styling the product titles */
.et_pb_shop_0.et_pb_shop .woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  flex-basis: 70%;                 /* Setting the basis for flexibility */
  margin-right: 2px;               /* Adding a margin to separate title from price */
}

/* Styling the product prices */
.et_pb_shop_0.et_pb_shop .woocommerce ul.products li.product .price {
  text-align: center;              /* Centering text within the price container */
  background: #eeeeee;             /* Setting background color for price container */
  color: #000!important;          /* Setting text color for better visibility */
  border-radius: 3px;              /* Applying border-radius for a rounded look */
  flex-basis: 20%;                 /* Setting the basis for flexibility */
  display: flex;                   /* Setting the display to flex for flexible layout */
  justify-content: center;         /* Centering content horizontally */
  align-items: center;             /* Centering content vertically */
  height: 2.4em;                   /* Setting a fixed height for the price container */
}

/** Child Theme's Shop Module  **/

/* Adjusting the width of product items in the Shop Module grid */
.childtheme.et_pb_shop_grid .woocommerce ul.products li.product {
	width: 45%!important;  /* Setting the width to 45% for a grid layout with two items per row */
}

/* Adjusting the width of product items in the Shop Module grid on mobile devices */
@media (max-width: 980px){ 
.childtheme.et_pb_shop_grid .woocommerce ul.products li.product {
	width: 100%!important;  /* Setting the width to 45% for a grid layout with two items per row */
}
}

/* Hiding the result count in the Shop Module */
.childtheme .woocommerce-result-count {
	display: none;  /* Hiding the result count for a cleaner appearance */
}

/* Hiding the ordering options in the Shop Module */
.childtheme .woocommerce-ordering {
	display: none;  /* Hiding the ordering options for a simplified layout */
}

/* Reducing the margin */
.childtheme .woocommerce ul.products li.product, .childtheme.woocommerce-page ul.products li.product{
	margin:0 30px 30px 0!important;
}


/** Shop Module **/

/* Shop Module Pagination CSS */
@media (max-width: 479px){
.woocommerce-page ul.products li.product:nth-child(n){
    width: 100%!important;

}
}

/* Removing right border for better appearance in pagination */
.woocommerce nav.woocommerce-pagination ul li {
  border-right: 0px!important;
}

/* Styling pagination links and spans */
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  margin-right: 10px;                /* Adding margin to separate pagination items */
  border-radius: 50%;                /* Applying border-radius for a circular look */
  padding: 7px 10px;                 /* Adding padding for better spacing */
  background: #f7f7f7;               /* Setting background color */
  color: #000;                       /* Setting text color */
  font-size: 17px;                   /* Setting font size */
  font-weight: 500;                  /* Setting font weight */
}

/* Styling pagination links and spans on hover and focus */
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #3F4347;               /* Background color on hover and focus */
  color: #fff;                       /* Text color on hover and focus */
}

/* Removing border from pagination ul */
.woocommerce nav.woocommerce-pagination ul {
  border: none!important;
}

/* Shop module result text styling */
p.woocommerce-result-count {
  color: #3F4347;                    /* Setting text color for result count */
  font-size: 17px;                   /* Setting font size */
  font-weight: 500;                  /* Setting font weight */
}

/* Shop module sorting dropdown styling */
.orderby, .woocommerce div.product form.cart .variations td select {
  background-color: #f7f7f7;         /* Setting background color for the dropdown */
  border-radius: 3px;                /* Applying border-radius for a rounded look */
  border: 0;                         /* Removing border */
  color: #3F4347!important;          /* Setting text color for better visibility */
  font-size: 15px;                   /* Setting font size */
  padding: 4px 8px;                   /* Adding padding for better spacing */
  font-weight: 500;                  /* Setting font weight */
}

/* Styling options in the sorting dropdown */
form.woocommerce-ordering select option {
  background-color: #3F4347;         /* Setting background color for options */
  color: #fff!important;             /* Setting text color for options */
  font-size: 15px;                   /* Setting font size */
  padding: 4px 8px;                   /* Adding padding for better spacing */
  font-weight: 500;                  /* Setting font weight */
}

/************************************************************************************************/

/** ++++++++++++++++++ Single Product Page ++++++++++++++++++ **/

/* Styling the Add to Cart button set */
body #page-container .et_pb_section .et_pb_wc_add_to_cart_0_tb_body .button {
  background-color: #1e65ff;         /* Setting background color for the Add to Cart button */
}

/* Styling the Live Demo button */
a.live_demo_button.button {
  background-color: #3f4347!important;  /* Setting background color for the Live Demo button */
  text-align: center;                  /* Centering text within the Live Demo button */
}

/** ++++++++++++++++++ Upsell Product Module ++++++++++++++++++ **/

/* Styling the price and discount on Upsell Product Module */
.woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del {
  color: #666!important;               /* Setting text color for price and discount */
  font-size: 14px!important;           /* Setting font size for price and discount */
  margin: 0!important;                 /* Removing margin for better spacing */
  background: #eee!important;          /* Setting background color for price and discount */
  flex-basis: 20%!important;           /* Setting the basis for flexibility */
  display: flex!important;             /* Setting the display to flex for flexible layout */
  align-items: center!important;       /* Centering content vertically */
  justify-content: center!important;   /* Centering content horizontally */
  border-radius: 3px!important;        /* Applying border-radius for a rounded look */
}

/* Styling the product title on Upsell Product Module */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  flex-basis: 70%!important;           /* Setting the basis for flexibility */
  margin-right: 2px!important;         /* Adding a margin to separate title from price */
}

/* Styling the product image on Upsell Product Module */
.et_pb_wc_upsells ul.products li.product a img {
  margin-bottom: 10px!important;      /* Adding margin to the bottom of the product image */
}


/************************************************************************************************/

/** ++++++++++++++++++ PMPRO CSS ++++++++++++++++++ **/

/* Styling Form Fields */
form.pmpro_form input[type=text], form.pmpro_form input[type=password], form.pmpro_form input[type=email], form.pmpro_form input[type=number], form.pmpro_form textarea, form.pmpro_form select, #loginform input[type=text], #loginform input[type=password] {
  display: inline-block;               /* Displaying form fields as inline-block for better alignment */
  max-width: 90%;                       /* Setting maximum width to 90% */
  min-height: 1.5rem;                   /* Setting minimum height for form fields */
  width: 100%;                          /* Setting width to 100% */
  padding: 16px;                        /* Adding padding for better spacing */
  border-width: 1px;                    /* Setting border width */
  border-color: #b5b5b5;                /* Setting border color */
  background-color: #f7f7f7;            /* Setting background color */
  border-radius: 6px;                   /* Applying border-radius for a rounded look */
}

/* Styling asterisk in form fields */
form.pmpro_form .pmpro_asterisk abbr {
  border: none;                        /* Removing border for asterisk */
  text-decoration: none;               /* Removing text decoration */
  color: #FE3195!important;            /* Setting color for asterisk */
}

/* Styling form labels */
form.pmpro_form label, #loginform label {
  font-size: 16px;                      /* Setting font size for labels */
  font-weight: 500;                     /* Setting font weight for labels */
  display: block;                       /* Displaying labels as blocks */
  margin: 0;                            /* Removing margin for labels */
  text-align: left;                     /* Aligning labels to the left */
  color: #000;                          /* Setting text color for labels */
}

/* Styling PMPro messages */
.pmpro_message {
  background-color: #f7f7f7;            /* Setting background color for messages */
  border: none!important;               /* Removing border for messages */
  padding: 15px!important;              /* Adding padding for better spacing */
  border-radius: 4px;                   /* Applying border-radius for a rounded look */
  color: #000;                          /* Setting text color for messages */
  font-size: 16px;                      /* Setting font size for messages */
  font-weight: 400;                     /* Setting font weight for messages */
  line-height: 1.9em;                   /* Setting line height for better readability */
  margin: 0.5em 0;                      /* Adding margin for spacing */
  text-align: left;                     /* Aligning text to the left */
}

/* Styling PMPro Checkout h3 span */
.pmpro_checkout h3 span.pmpro_checkout-h3-msg {
  font-size: 15px;                      /* Setting font size for checkout messages */
  font-style: italic;                   /* Making the font style italic */
  font-weight: normal;                  /* Setting font weight to normal */
  letter-spacing: normal;               /* Setting letter spacing to normal */
}

/* Styling PMPro submit button */
input#pmpro_btn-submit, input.pmpro_btn.pmpro_btn-submit {
  color: #FFFFFF!important;            /* Setting text color for the submit button */
  border-width: 0px!important;         /* Removing border for the submit button */
  border-radius: 100px;                /* Applying border-radius for a rounded look */
  font-size: 18px;                     /* Setting font size for the submit button */
  font-weight: 600!important;          /* Setting font weight for the submit button */
  padding: 12px 30px;                  /* Adding padding for better spacing */
  background-color: #1e65ff;           /* Setting background color for the submit button */
  width: 100%;                         /* Setting width to 100% */
}

/* Styling PMPro account-related sections */
div#pmpro_account-membership, div#pmpro_account-profile, div#pmpro_account-invoices {
  border: none!important;               /* Removing border for account-related sections */
}

/* Styling PMPro tables */
table.pmpro_table {
  background-color: #f7f7f7;            /* Setting background color for PMPro tables */
}

/* Styling PMPro table header */
table.pmpro_table th {
  background-color: #404449;             /* Setting background color for table header */
  color: #ffffff!important;             /* Setting text color for table header */
}

/* Hiding PMPro checkout h3 */
#pmpro_form .pmpro_checkout h3 {
  display: none;                        /* Hiding the checkout h3 element */
}

/* Styling Membership Join Prompt */
.pmpro_content_message.et_pb_row {
  margin-top: 70px!important;           /* Adding top margin for the membership join prompt */
  margin-bottom: 70px!important;        /* Adding bottom margin for the membership join prompt */
  padding: 5% 0!important;              /* Adding padding for better spacing */
  text-align: center;                   /* Aligning text to the center */
  font-size: 18px!important;            /* Setting font size for the membership join prompt */
  color: #404449!important;             /* Setting text color for the membership join prompt */
  line-height: 1.9em;                   /* Setting line height for better readability */
  background-color: #F7F7F7;            /* Setting background color for the membership join prompt */
  border-radius: 15px;                  /* Applying border-radius for a rounded look */
}

/* Styling PMPro buttons and links */
.pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link {
  color: #FFFFFF!important;             /* Setting text color for PMPro buttons and links */
  border-width: 0px!important;          /* Removing border for PMPro buttons and links */
  border-radius: 100px;                 /* Applying border-radius for a rounded look */
  font-size: 18px;                      /* Setting font size for PMPro buttons and links */
  font-weight: 600!important;           /* Setting font weight for PMPro buttons and links */
  background-color: #1e65ff;            /* Setting background color for PMPro buttons and links */
  padding: 0.5em 2em;                   /* Adding padding for better spacing */
  margin-top: 20px;                     /* Adding top margin for better spacing */
}


/************************************************************************************************/

/** ++++++++++++++++++ Sidebar ++++++++++++++++++ **/

/* Styling the widget in the sidebar */
.et_pb_widget {
  margin-bottom: 10px!important;  /* Adding bottom margin for better spacing */
}