/*
 Theme Name:   Total Child Theme
 Theme URI:    https://your-site.com/
 Description:  Your site description. Go to Appearance > Editor to modify this file.
 Author:       Your Name
 Author URI:   https://your-site.com/
 Template:     Total
 Version:      1.0.0
 Text Domain:  totalchildtheme
*/

@font-face {
    font-family: 'Artist Sans';
    
    src: url('fonts/artist_sans.woff') format('woff') /* Modern Browsers */
         
}

@font-face {
    font-family: 'Artist Sans Swash';
    
    src: url('fonts/artist_sans_swash.woff') format('woff') /* Modern Browsers */
         
}

.product-quantity, .product-subtotal {

display: none;

}



.navbar-style-one {
    font-size: 2vw;
}



.page-header-title {
  
    font-weight: 100;
   
}

body #site-header #site-logo { float: none; }
/* body #mobile-menu { position: relative; right: auto; left: auto; top: auto; margin: 20px 0 0; } */

#single-blocks > div > div > form > table > tbody {

background: #f6f6ed;

}
/*
body .woocommerce-Price-amount {


font-family: 'Artist Sans' !important;
font-style: italic;

}
*/
/*
.woocommerce-message::before {
    content: "\f00c";
    background: #000000;
   
}

.woocommerce-error::before {
    content: "\f12a";
    background: var(--wpex-red-error);
  
}


*/


body .woocommerce-loop-product__title, .woocommerce-loop-category__title {
    
    font-size: 19px;
    
}

.products .product .price, p.price > span > bdi {
     font-size: 21px !important;
}

.woocommerce div.product .product_title {
   
    line-height: 1;
}

body .post-pagination a {
   
    line-height: 1.2;
}

body .page-header .page-subheading {
    
    line-height: 1.1;
}

body .page-header .page-header-title {
   
    line-height: 1.1;
    padding-bottom: 10px;
}

body .textcenter {
    
    line-height: 1.1;
}

body .product .summary {

line-height: 1.1;

}



body p#wcpay-payment-request-button-separator {

display: none;

}

body .fancybox-bg  {

background-color: #b1bfc7;

}

body .fancybox-caption {

background: none;

}


.fancybox-caption__title {

    color: black;
    
}



.wp-block-jetpack-mailchimp {

text-align: center;

}


#footer-widgets .footer-box.col {
 
    display: flex;
    justify-content: center;
    align-items: center;
}


body .woocommerce-checkout #payment .payment_methods li img.stripe-icon {
    display: inline-block;
    transform: scale(2.5);
    margin-left: 50px;
}

body .single-page-title.entry-title {

display: none;

}

body #site-header {

background: #f6f6ed;

}


body .wpex-cart-link__items {

font-size: 30px;
color: #000000;
flex-direction: column;

}


body .woocommerce-message {
  
    text-align: center;
    background: #008a20;
    margin: auto;
   
    
   
}



body .woocommerce-error {
  
    text-align: center;
    background: #dc3232;
    margin: auto;
    margin-bottom: 30px;
    
   
}


body .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button {
  line-height: 2;
}

/*
body #site-header-inner > div.wp-block-group.has-background.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-1.wp-block-group-is-layout-flex > form > p {

display: none ;

}
*/

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}


body .woocommerce-error::before {
   
    background: black;
}

body .wpex-cart-link__count {

font-size: 21px;

}

body .wpex-cart-link__dash {

display: none;

}

body #billing_country_field  {

width: 49% !important;
    float: right !important;
    clear: right;

}


body #billing_company_field {

    width: 49% !important;
    float: left !important;
}



.mailchimp-subscribe-textfield {

width: 510px;

}




body .single-product #customer_details h3 {

display: none;
 
}


body #billing_address_1_field {

    width: 49% !important;
    float: left !important;
  

}


body #billing_address_2_field {

    width: 49% !important;
    float: right !important;
    clear:right;

}


body #billing_city_field {

width: 49% !important;
    float: right !important;
    clear: right;

}


body #billing_postcode_field, #billing_state_field {

    width: 49% !important;
    float: left !important;
    clear: left;
  

}

body #billing_phone_field {

width: 49% !important;
    float: right !important;
    clear: right;

}


body #billing_email_field {

    width: 49% !important;
    float: left !important;
    clear: left;
  

}


body .wpex-woocommerce-product-flex-container div.summary.entry-summary form.cart {

padding: 0px !important;

}

body .wp-block-jetpack-mailchimp .wp-block-jetpack-mailchimp_notification.wp-block-jetpack-mailchimp_success {
    background-color: #008a20;
    color: #fff;
    width: 300px;
    border-radius: 5px;
    transform: scale(1.25);
    margin: auto;
}


.wp-block-jetpack-mailchimp input {
  
    background-color: #edeae0;
    border-color: #000000;
    border-width: 0;
}


body .top_bar_slogan {

font-style: italic;
float: left;
margin: 0;

}

#footer-bottom {

display: none;

}


body .replicart_free_shipping {


float: right;
margin: 0;

}

body .woocommerce .product .summary {

    text-align: center !important;
    transform: scale(1.5) !important;
}

body .fancybox-toolbar {

background-color: #black;

}

body #billing_country_field span.selection > span, #billing_state_field span.selection > span {

height: 53px;


}


body #select2-billing_country-container, #select2-billing_state-container {

line-height: 100%;

}

/*
body div.summary.entry-summary {

transform: scale(1.5);

*/





body .fancybox-button[disabled], .fancybox-button, .fancybox-button[disabled]:hover {

    color: #ffffff;
   
}

body .cart-collaterals .order-total th {

    background: none;
}

body .ticon-shopping-cart::after {
    content: 'cart';
    font-family: 'Artist Sans';
    padding-left: 10px;
    text-transform: capitalize;
}














body .wp-block-jetpack-mailchimp input {


    word-wrap: break-word !important;
    white-space: normal !important;
}




body div.mailchimp-subscribe-textfield.wp-block-jetpack-mailchimp {

width: 95%;

}

#menu-about {

font-family: 'Artist Sans';

}


body a.restore-item {

font-family: 'Artist Sans';
    color: black;
    padding-left: 50px;

}
/*
.custom-footer-bottom {

padding: 0;
margin:0;
position: relative; 
  left: 50%;
  right: 50%; 
  width: 200%; 
  transform: translateX(-50%); 

}
*/
.page-header-title-top-p {

margin: 0;
line-height: 1;
padding: 0;

}

.page-header-title-bottom-p {

margin-bottom: 50px;
line-height: 1;
padding: 0;

}

#footer-builder {

margin-top: 50px;

}


body #wc-stripe-payment-request-wrapper {

width: 225px;
margin-left: auto !important;
    margin-right: auto !important;

}


body #wc-stripe-payment-request-button-separator {

display: none !important;

}

/*
body #top-bar-content > div > p {

margin-bottom: 0px;

}
*/

body p.page-header-title-top-p {

padding: 40px;
padding-bottom: 5px;
font-family: 'Artist Sans';

}

 body p.page-header-title-bottom-p {

padding: 40px;
padding-top: 5px;
font-family: 'Artist Sans';

}




body .wc-proceed-to-checkout {

display: flex;
    flex-direction: column;
}

body #billing_first_name_field {

    width: 49% !important;
    float: left !important;
    clear: left;

}

#billing_last_name_field {

width: 49% !important;
    float: right !important;
    clear: right;

}


body .woocommerce-checkout-payment .wc_payment_method label {

    display: flex;
}

body img.stripe-cards-icon.stripe-icon {

margin-left: auto;

}

body div.product-quantity {

display: none !important;

}



body a.remove {

font-weight: 900;

}

/*
body #site-header-inner > div:nth-child(1) {

margin-bottom: 0px;

}

*/

body .wpex-cart-link__icon {

margin-right: 0px;

}


body #select2-billing_state-container {

line-height: 50px;

}


body #select2-billing_country-container{

line-height: 50px;

}



body #billing_state_field > span > span {

height: 53px !important;
line-height: 53px !important;


}

/*

body .topbar_left_text_with_icon {

    float: left;
    clear: left;
    margin-bottom: 0px;
}

body .topbar_right_text {

    float: right;
    clear: right;
    margin-bottom: 0px;
}


body .topbar_right_text_with_icon {

display: inline-flex;

}


body .topbar_left_text {

    float: left;
    clear: left;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

body .topbar_right_text_with_icon {
    display: inline-flex;
    float: right;
    clear: right;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ticon-ship:before {
    content: "\f21a";
    padding-right: 10px;
}

*/

body .topbar_right_text, .topbar_left_text {

margin-bottom: 0px;

}

body .topbar_left_text {

text-align: center;
padding-top: 5px;
padding-bottom: 5px;

}


body .topbar_right_text {

text-align: center;
display: inline-flex;


}

body .topbar_right_text_with_icon {

text-align: center;
padding-top: 5px;
padding-bottom: 5px;

}

body .fancybox-button, .fancybox-button:hover {
    background: #cdc0a8;
    color: black;
    
}


body table.cart img {

    max-width: 200px;
}

body .content-right-sidebar #content-wrap>.content-area {

width: 100%;

}

body .woocommerce-thankyou-order-received {

font-size: 30px;

}

body .social_headings {

font-family: 'The Artist Sans Swash' !important;

}

body .payment_method_ppcp-gateway {

margin-top: 10% !important;

}

body .painting_title {


 
 font-size: 200% !important; 
}


body #content .woocommerce ul.products li.product .woocommerce-loop-product__title {

    color: #000000 !important;
    line-height: 1 !important;
}


body .product-name {
    display: flex; /* Make this a flex container */
    align-items: center; /* Align items vertically in the center */
}

body .product-remove {
    display: flex; /* Allow for vertical alignment within */
    align-items: center; /* Center the 'x' icon vertically */
    height: 100%; /* Ensure full height for vertical centering */
}

body .product-remove a.remove {
    line-height: 1; /* Reset any inherited line height */
    /* If needed, you can adjust the font size or vertical-align for fine-tuning */
    font-size: 18px; /* Example: adjust as necessary */
    vertical-align: middle;
}


body .product-name {
    display: flex;
    align-items: center;
    gap: 10px; /* Adds space between the remove icon and product details */
}

body .product-remove {
    display: flex;
    align-items: center;
    height: 100%; /* Ensure the remove button takes full height */
    margin-right: 10px; /* Increase distance between X and product details */
}

body .product-remove a.remove {
    font-size: 24px; /* Increase the size of the X */
    line-height: 1; /* Reset any inherited line height */
    vertical-align: middle;
    padding: 5px; /* Optional padding for a bit more space around the X */
}

.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.form-row-wide,
.form-row-first,
.form-row-last {
    flex: 1 1 48%; /* Adjust width to account for gap */
    max-width: 48%;
}

#billing_email_field,
#billing_company_field,
#billing_phone_field {
    flex: 1 1 48%; /* Single-column width */
}

@media (max-width: 768px) {
    .form-row-wide,
    .form-row-first,
    .form-row-last {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

.wpex-cart-link__icon svg {
    width: 80px; /* Adjust this value to make the icon larger */
    height: 80px; /* Adjust this value to maintain aspect ratio */
}

@media (max-width: 768px) {
    .wpex-cart-link__icon svg {
        width: 60px; /* Smaller size for mobile */
        height: 60px;
    }
}

/*.wpex-cart-link__icon {
    transform: translateX(-5%);
    display: inline-block;  
}*/

@media (max-width: 768px) {
    .wpex-cart-link__icon {
        transform: translateX(-2.5%); /* Reduce shift for mobile */
    }
}

/*
body .woocommerce-Price-amount {
    font-size: 1.8em; 
}

*/
@media (max-width: 768px) {
    .woocommerce-Price-amount {
        font-size: 1.1em; /* Slightly smaller for mobile */
    }
}


@media (max-width: 1024px) {
    .footer-mobile-spacing.is-layout-flex {
      row-gap: 4rem !important; /* This is the vertical gap you want! */
    }
  }

  /* --- Art Meta Styling Under Product Title --- */

/* Makes the main title's bottom margin smaller */
.woocommerce div.product h1.product_title {
    margin-bottom: 0.25em;
}

/* The wrapper for our new info */
.art-meta-container {
    display: block;
    margin-bottom: 1em;
    font-size: 1.1em;
}

/* Style for the painter */
.painting-artist {
    font-weight: 600; /* Bold */
    color: #333;
    display: block; /* Makes it appear on its own line */
}

/* Style for the artwork date */
.painting-year {
    font-style: italic;
    color: #666;
    font-size: 0.9em;
}

/* This hides the separator for a stacked look */
.meta-separator {
    display: none;
}

/* --- End Art Meta Styling --- */

/* --- Replic.Art Font Fix --- */

/* 1. Correctly define 'The Artist Sans' as a normal, non-italic font */
@font-face {
    font-family: 'The Artist Sans';
    src: url('https://replic.art/wp-content/uploads/2024/04/MADE-TheArtist-Sans.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  
  /* 2. Force the two paragraphs to use the correct font */
  body p.page-header-title-top-p,
  body p.page-header-title-bottom-p {
    font-family: 'The Artist Sans' !important;
  }
  
  /* 3. (Optional) Force the social headings to use the Swash font properly */
  body .social_headings {
     font-family: 'The Artist Sans Swash' !important;
  }