/*
Theme Name: Rødovre Trælast
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


.header-img-overlay h2 {
    background-color: rgba(0, 0, 0, 0.5);
    display: inline;
}
/*
.frontpage-banner h3 {
    color: #009FDD !important;
    
}

.frontpage-banner p {
    color: #000 !important;
}
*/


.section-title-main {
    background-color:  #fff !important;
}

.product-summary .woocommerce-Price-currencySymbol {
    font-size: 1em;
}
.woocommerce-Price-currencySymbol:after {
    content: "\00a0";
}

/* ON SALE BADGE (PRODUCT IMAGE OVERLAY)) */
.badge-container .badge-inner  {
    padding: 10px !important;
    background-color: rgb(235, 178, 0);

}
/* grøn add to cart
.single_add_to_cart_button.button {
    background-color: #4CAF50;
}
*/
.wishlist-link.icon.button.round.is-outline.is-small {
    color: hsla(0,0%,40%,.85);
}

/* STOCK STATUS ON PRODUCT PAGE */
.product-info p.stock {
    font-size: 1em;
}
/*.main-text h3 {
    color: #000;
}*/


.header-bottom {
    border-top: 1px solid #3d4c5a;
    border-bottom: 1px solid #3d4c5a;
}


.main-navigation {
    text-align: center !important;
}

.main-navigation ul {
    display: inline-block !important;
}

.main-navigation li {
    display: inline-block !important;
    margin-right: 20px !important; /* Juster margen efter behov */
}

.item-price-tax-excl, .item-price-tax-excl .woocommerce-Price-amount.amount {
    color: rgba(102, 102, 102, 0.85);
    font-weight: normal !important;
}

/* FIX DISTORDED PRODUCT IMAGES */
/* Doesn't seem to work anymore?
.has-equal-box-heights .box-image img {
    object-fit: none;
    height: auto;
    width: auto;
}
*/

.ux-products-grid .product-image img {
        object-fit: none;
    height: auto;
    width: auto;
}
    
/* Prevent product image cropping */
/*
.ux-products-grid .product-image img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
}
.ux-products-grid .product-image {
    overflow: visible !important;
}
*/
.product-gallery-slider img, .product-thumbnails img {
    width: auto !important;
    max-width: 100% !important;
}
.box-image img {
    margin: auto;
    max-width: 100%;
    max-height: 247px;
    width: auto;
}
.text-box-content ul {
    padding: 0 0 0 2em !important;
}

/* Hide out of stock label */
.box-image .out-of-stock-label {
    display: none;
}