/* GLOBAL BACKGROUND */
#post-10 .entry-content {
    background-image: url("https://artistgregoryswhitt.com/wp-content/uploads/2026/04/carbon-fiber-weave-2.webp") !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-attachment: scroll;
}


h1.woocommerce-products-header__title.page-title {
    font-size: clamp(28px, 8vw, 44px);
}


.footerRow a,
.footerRow p,
.footerRow li {
    color: rgba(253,171,24,0.73) !important;
    color: rgba(236,236,234,0.73) !important;
}

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

/* HEADER & NAVIGATION */
#main-header {
    xdisplay: none !important;
}
#top-header {
    xdisplay: none !important;
}
.home  #top-header {
    display: none
}

.home  #main-header {
    display: none !important;
}
.home #top-header {
    display: none;
}

.et-cart-info {
    display: none
}


/**** Remove last item in breadcrumb ******/
.single-product .woocommerce-breadcrumb {
    font-size: 0;
}

.single-product .woocommerce-breadcrumb a {
    font-size: 14px;
}

.single-product .woocommerce-breadcrumb a::after {
    content: " / ";
}

.single-product .woocommerce-breadcrumb a:last-of-type::after {
    content: "";
}

/***END Breadcrumb ********/

/** category h1 ***/
h1.woocommerce-products-header__title.page-title {
    xfont-size: 44px;
}





/* Apply 100px padding ONLY to WooCommerce pages (Products, Categories, Shop) */
.woocommerce.et_fixed_nav.et_show_nav #page-container,
.archive.tax-product_cat.et_fixed_nav.et_show_nav #page-container,
.single-product.et_fixed_nav.et_show_nav #page-container {
    padding-top: 100px !important;
}

/* Ensure mobile remains 0px for WooCommerce pages only */
@media (max-width: 980px) {
    .woocommerce.et_fixed_nav.et_show_nav #page-container,
    .archive.tax-product_cat.et_fixed_nav.et_show_nav #page-container,
    .single-product.et_fixed_nav.et_show_nav #page-container {
        padding-top: 0px !important;
    }
}
.woocommerce.et_fixed_nav.et_show_nav #page-container,
.archive.tax-product_cat.et_fixed_nav.et_show_nav #page-container,
.single-product.et_fixed_nav.et_show_nav #page-container {
    padding-top: 80px !important;
}

.single-product {
    padding-top: 33px !important
}

.single-product.et-db #et-boc .et-l .et_pb_wc_breadcrumb_0_tb_body .woocommerce-breadcrumb {
    padding-top: 3px !important;
    padding-bottom: 23px !important;
}

@media only screen and (max-width: 767px) {
    .single-product.et-db #et-boc .et-l .et_pb_wc_breadcrumb_0_tb_body .woocommerce-breadcrumb {
        padding-top: 3px !important;
        padding-bottom: 13px !important;

    }
    .single-product.et_fixed_nav.et_show_nav #page-container {
        padding-top: 40px !important;
    }

}
.et_pb_tab_content ul li {
    padding-bottom: 17px
}
/*----------------------------------------------------------------------*/


.et_fixed_nav.et_show_nav #page-container {
    padding-top: 0 !important;
}

/* SECTIONS & SPACING */
.et_pb_section {
    padding: 24px 0;
    background-color: #ffffff00;
}

.et_pb_section_1.et_pb_section {
    padding-bottom: 11px;
}



/* TYPOGRAPHY - HEADINGS */
.et_pb_column_1 h1 {
    font-family: 'Prata', Georgia, "Times New Roman", serif;
    color: #b5b3b3 !important;
    font-size: 50px;
    text-align: center;
}

#post-10 .et_pb_text_2.et_pb_text_2 .et_pb_text_inner h1, .et_pb_text_4 .et_pb_text_inner h1   {
    color: rgb(200,197,197) !important;
    font-size: 42px;
}


.et_pb_text_2 .et_pb_text_inner h1 {
    color: rgb(221,215,215) !important;
}

.et_pb_text_3 .et_pb_text_inner h1 {
    color: rgb(181,180,180) !important;
}

.et_pb_text_1 .et_pb_text_inner h2 {
    color: rgb(253,170,24) !important;
}

.et_pb_module_header {
    font-size: 18px !important;
}

/* CATEGORY & LINK COLORS */
#topCatgs p, #topCatgs p a {
    color: rgb(253, 170, 24) !important;
    font-size: 18px !important;
}

/* FOOTER STYLES */
.et-l, .et-l--footer {
    color: rgb(111,110,110) !important;
}

#footerCustom .et_pb_heading_0_tb_footer .et_pb_heading_container h3,
.et_pb_heading_1_tb_footer .et_pb_heading_container h4,
.et_pb_heading_2_tb_footer .et_pb_heading_container h4,
.et_pb_text_2_tb_footer .et_pb_text_inner,
.et_pb_text_0_tb_footer, .et_pb_text_inner ul,
.et_pb_heading_3_tb_footer .et_pb_heading_container h4,
.et_pb_text_3_tb_footer .et_pb_text_inner {
    color: rgb(181,180,180) !important;
}

.et_pb_row_0_tb_footer .et_flex_column {
    --module-gutter: 2px;
}

/* PRODUCT PAGE SPECIFICS */
.product .product_meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.product .sku_wrapper {
    display: flex !important;
    flex-direction: row;
    gap: 4px;
    white-space: nowrap;
}

.product .sku_wrapper .sku {
    display: inline-block !important;
}

.product .product_meta span {
    font-weight: 600;
}


#main-content .product .related h2 {
    font-family: 'Belleza', Helvetica, Arial, Lucida, sans-serif;
    font-size: 32px !important;
    line-height: 1.2em;
    text-transform: capitalize !important;
    margin-top: 2px;

}


#main-content .product .related h2.woocommerce-loop-product__title {
    font-family: 'Belleza', Helvetica, Arial, Lucida, sans-serif;
    font-size: 20px !important;
    line-height: 1.2em;
    text-transform: capitalize !important;
    margin-top: 5px;

}




.woocommerce div.product .product_title
 {
    font-family: 'Belleza', Helvetica, Arial, Lucida, sans-serif;
    font-style: normal;
    text-transform: none;
    font-variant: normal;
    text-decoration-line: none;
    text-align: left;
     letter-spacing: 0.2px
}


/* product page breadcrumbs */
#main-content .woocommerce-breadcrumb a {
    text-decoration: underline;
    color: rgb(88,86,86) !important;}
#main-content .woocommerce-breadcrumb  {
  	color: rgb(88,86,86) !important;
}


 /* category page imagage shadow*/
.product img {
    border: 1px solid rgba(215,208,208,0.56);
    padding: 3px;    
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1) !important;
}
.woocommerce-product-gallery__wrapper {
           box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1) !important;
    
}









/* 1. Kill the Divi 5 Slash Separators globally for this module type */
[class*="et_pb_wc_meta"] .product_meta .sku_wrapper:after,
[class*="et_pb_wc_meta"] .product_meta .posted_in:after,
[class*="et_pb_wc_meta"] .product_meta .tagged_as:after,
[class*="et_pb_wc_meta"] .product_meta span:after {
    content: "" !important;
    display: none !important;
}

/* 2. Optional: If you wanted a different separator (like a pipe |) use this: */
/* [class*="et_pb_wc_meta"] .product_meta .sku_wrapper:after,
[class*="et_pb_wc_meta"] .product_meta .posted_in:after,
[class*="et_pb_wc_meta"] .product_meta .tagged_as:after {
    content: " | " !important;
    display: inline-block !important;
}
*/
/* TRANSITION BRAND TO ARTIST */
.product_meta .posted_in:last-of-type {
    font-size: 0;
}

.product_meta .posted_in:last-of-type:before {
    content: "Artist: ";
    font-size: 14px;
    font-weight: bold;
}

.product_meta .posted_in:last-of-type a {
    font-size: 14px;
    display: inline-block;
}

/* IMAGE CONSTRAINTS */
.wp-image-231 {
    max-width: 400px;
}


/* art medium pages */
.woocommerce ul.products li.product .woocommerce-loop-product__title  {
    padding: 0.1em 0;
    margin: 0;
    font-size: 1.2em;
    line-height: 1.3rem;
}


/* woocommerce product page spacing */
.woocommerce-product-details__short-description {
    padding-bottom: 22px;
}
.product .product_meta  {
    padding-top: 22px
}


/* add shipping before deminsions on product page*/
.woocommerce-product-attributes-item--dimensions .woocommerce-product-attributes-item__label::before {
    content: "Shipping " !important;
}




/* 1. Hide Price, Cart button, and "Sale!" badge on the Single Product Page */
body.wc-catalog-mode-active .et_pb_wc_price, 
body.wc-catalog-mode-active .et_pb_wc_add_to_cart,
body.wc-catalog-mode-active .price,
body.wc-catalog-mode-active .cart,
body.wc-catalog-mode-active .onsale {
    display: none !important;
}

/* 2. Hide Price, Add to Cart button, and "Sale!" badge on Category, Tag, and Shop pages */
.product-catalog-mode-active .price,
.product-catalog-mode-active .button,
.product-catalog-mode-active .et_pb_module_inner .price,
.product-catalog-mode-active .add_to_cart_button,
.product-catalog-mode-active .onsale {
    display: none !important;
}


.et_pb_text_inner ul {
		color: #666 !important
}


/* Target the images within the search results grid */
.search-results .et_pb_module img, 
.search-results .et_shop_image img {
    width: 100% !important;
    height: 250px !important; /* Adjust this height to your liking */
    object-fit: cover !important;
    object-position: center !important;
}

/* Optional: Ensure the product/post container doesn't overflow */
.search-results .et_pb_grid_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.search-results .et_pb_main_blurb_image img {
    border: 1px solid rgba(215, 208, 208, 0.56);
    padding: 3px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1) !important;
}
.search-results {
    margin-top: 144PX
}


/************ HOME PAGE *******************/
/* Force the container to stay on one line */
#topCatgs .et_pb_text_inner p {
    white-space: nowrap !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5vw; /* Fluid spacing between items */
}

/* Fluid Font Sizing */
#topCatgs .et_pb_text_inner p, 
#topCatgs .et_pb_text_inner p a {
    /* Adjust the 2.5vw number up or down to change the base size */
    font-size: clamp(17px, 1.7vw, 19px) !important;
    text-transform: uppercase;
    letter-spacing: 0.0em;
}
/* Force the Divi Image Wrapper to be fluid */
.et_pb_image_0.et_pb_image .et_pb_image_wrap,
.et_pb_image_0.et_pb_image .et_pb_image_wrap img {
    width: 100% !important;
    max-width: 380px !important;
    height: auto !important;
    display: block;
    padding-bottom: 23px
}

/* Overwrite your previous constraint on the signature specifically */
.wp-image-231 {
    max-width: 100% !important; /* Allow it to fill the column */
    width: auto !important;     /* Keep aspect ratio */
}
.et_pb_text_0 .et_pb_text_inner h1 {
     font-size: clamp(45px, 2.4vw, 24px) !important; 
    
}

.footerRow a:hover {
    color: rgb(255,255,255)!important;
}