/**
Theme Name: Reeva
Author: Absol Internet Business Solutions
Author URI: https://www.absol.co.za
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: reeva
Template: astra
*/

.wcps-items-thumb,
.wcps-items-title{
	margin-bottom: 0.5em;	
}

.wcps-items-title a:link,
.wcps-items-title a:visited{
	text-decoration: none;
	
}
.wcps-items-category {
	font-family: 'Nunito Sans',sans-serif;
	color: var(--ast-global-color-0);
	font-weight: inherit;
	margin-bottom: 0.5em;
}
.wcps-items-price {
	font-weight: 700;
	margin-bottom: 0.5em;
}
.controlsWrap.reeva div{
	text-align: center !important;
	width: 40px !important;
	height: 40px !important;
	font-size: 26px !important;
	line-height: 40px !important;
	border: 1px solid var(--ast-global-color-3) !important;
	background: var(--ast-global-color-5) !important;
	color: var(--ast-global-color-3) !important;
}

.controlsWrap.reeva div:hover{
	border: 1px solid var(--ast-global-color-0) !important;
	background: var(--ast-global-color-5) !important;
	color: var(--ast-global-color-0) !important;
}

.slick-dots button{
	width: 15px;
	height: 15px;
	padding:0px;
}
.slick-dots{
	margin-top: 0px !important;
}
.slick-dots .slick-active button,
.slick-dots .slick-active:hover button{
	background-color: var(--ast-global-color-0) !important;
}

.woocommerce-Tabs-panel .ast-accordion-wrap h2:first-child{
	display: none;
}

.cfvsw-swatches-container{
	justify-content:center;
}

.woocommerce div.product form.cart .variations td.label,
.woocommerce div.product form.cart .variations th.label{
	width:120px;
}
.woocommerce div.product form.cart .variations td{
	width: calc( 100% - 120px );
}

.wpb_category_n_menu_accordion > ul > li > a:link,
.wpb_category_n_menu_accordion > ul > li > a:visited{
	background: var(--ast-global-color-5) !important;
	font-weight:normal;
	font-size: inherit;
	color: var(--ast-global-color-2) !important;
}

.wpb_category_n_menu_accordion li > a:hover > span.wpb-submenu-indicator{
	color: var(--ast-global-color-0) !important;
}



.wpb_category_n_menu_accordion > ul > li > a:hover,
.wpb_category_n_menu_accordion > ul > li > a:active
{
	color: var(--ast-global-color-0) !important;
}

.wpb_category_n_menu_accordion > ul > li:not(:last-child) > a{
	border-bottom: 1px solid var(--ast-border-color) !important;	
}

.wpb_category_n_menu_accordion ul > li li{
	background: var(--ast-global-color-5);
}
.wpb_category_n_menu_accordion ul > li li a:link,
.wpb_category_n_menu_accordion ul > li li a:visited{
	font-weight:normal;
	font-size: inherit;
	color: var(--ast-global-color-2) !important;
}
.wpb_category_n_menu_accordion ul > li li a:hover,
.wpb_category_n_menu_accordion ul > li li a:active{
	color: var(--ast-global-color-0) !important;
}


.wpb_category_n_menu_accordion > ul > li li:hover > a,
.wpb_category_n_menu_accordion > ul > li li.current-cat > a,
.wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a{
	border-left-color: var(--ast-global-color-6) !important;
}
.wpb_category_n_menu_accordion ul > li.wpb-wmca-current-cat-parent li.current-cat a:link,
.wpb_category_n_menu_accordion ul > li.wpb-wmca-current-cat-parent li.current-cat a:visited,
.wpb_category_n_menu_accordion ul > li.wpb-wmca-current-cat-parent li.current-cat a:active,
.wpb_category_n_menu_accordion ul > li.wpb-wmca-current-cat-parent li.current-cat a:hover{
	color: var(--ast-global-color-1) !important;
}
/*------------------------------Page numbers/next page in the shop---------------------------------*/
.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}

.page-numbers li {
    margin: 0 5px;
}

.page-numbers a,
.page-numbers span {
    text-decoration: none;
    padding: 8px 12px;
    background-color: #f1f1f1;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.page-numbers a:hover,
.page-numbers span.current {
    background-color: #0073e6;
    color: #fff;
}




/*-------------------order complete - order details on top----------------------*/

/* Apply styles to the whole order details container */
.woocommerce-order-overview {
  background-color: #f9f9f9 !important; 
  border: 2px solid #c89833 !important; 
  border-radius: 10px !important; 
 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; 
  text-align: center !important; /* Center all the text in the container */
}

/* Remove the email item from the order overview */
.woocommerce-order-overview li.woocommerce-order-overview__email {
  display: none !important; /* Hide the email item */
}

/* Style the strong elements (like Order Number, Total, etc.) */
.woocommerce-order-overview li strong {
  color: #000 !important; /* Darker color for emphasis */
  font-weight: bold !important; 
  text-align: center !important; /* Center the text */
}

/* Ensure list items are also centered */
.woocommerce-order-overview li {
  font-size: 18px !important; 
  color: #333 !important; 
  text-align: center !important; /* Center text within the list items */
}



/*----------------------Direct bank transfer banking details on order complete---------*/

/* Apply styles to the whole bank details container */
.woocommerce-bacs-bank-details {
  background-color: #f9f9f9 !important; 
  border: 2px solid #c89833 !important; 
  border-radius: 10px !important; 
  padding: 20px !important; 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; 
  margin: 20px 0 !important; 
  position: relative; /* Make sure the container can position the pseudo-element */
}

/* Add a message at the bottom of the bank details container */
.woocommerce-bacs-bank-details::after {
  content: "Please email proof of payment to reeva.forman@gmail.com\A or SMS / WhatsApp to 083 228 7777\A \A Products will be despatched as soon as proof of payment is received. \A If your order is not confirmed within 48 hours please contact us!";  
  display: block;
  margin-top: 20px;
  font-size: 14px;
  color: #333;
  font-weight: normal;
  text-align: center;
  font-family: Arial, sans-serif;
  background-color: #f1f1f1;
  border-top: 1px solid #c89833;
  padding: 10px;
  white-space: pre-line; /* This makes sure the \A character creates a line break */
}

/* Override the border-top for the bank details heading */
.woocommerce-page.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading, 
.woocommerce.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading {
    border-top: none !important; /* Remove the border-top */
    padding-top: 0 !important; /* Adjust padding if needed */
}


/* Style the heading of the bank details section */
.woocommerce-bacs-bank-details .wc-bacs-bank-details-heading {
  font-size: 27px !important; 
  color: #c89833 !important; 
  font-weight: bold !important;
  margin-bottom: 10px !important; 
  text-transform: uppercase !important; 
  letter-spacing: 1px !important; 
  text-align: center !important; 
}

/* Style for the account name */
.woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #333 !important; 
  margin-bottom: 44px !important;
  text-align: center !important;
}

/* added content for the account name */
.woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name::before {
  content: "Account name: ";  
}


/* Style for each list item in the bank details */
.woocommerce-bacs-bank-details .wc-bacs-bank-details li {
  font-size: 18px !important; 
  color: #333 !important; 
  text-align:center;
	min-width: 210px !important;
}
.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details,
.woocommerce.woocommerce-checkout .woocommerce-order ul.order_details {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 auto;
    width: 100%;
	
}


/* Style the strong elements (like Bank Name, Account Number) */
.woocommerce-bacs-bank-details .wc-bacs-bank-details li strong {
  color: #000 !important;
  font-weight: bold !important;
  text-align: center;
}




/* Target the product container to align its content to the bottom */
.ast-grid-common-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}