/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* BEGIN CUSTOM CSS 14.06.25 */
.container_prods{
	width:70%; !important
}

/* Container for the specs */
.tech-specs-container {
    width: 100%;
    max-width: 800px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 40% 60%; /* Left column 39%, Right column 59% */
    grid-gap: 1px; /* Optional: For a small gap between columns */
}

/* Header styling */
.tech-header {
    background-color: #28a8ea;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    font-size: 20px;
    grid-column: span 2; /* Makes the header span across both columns */
    width: 100%; /* Ensure the header block spans the full width */
    box-sizing: border-box; /* Make sure padding is included in the width */
}

/* General styles for both columns (for prod3col, prod2col) */
.prod3col_left, .prod3col_right, .prod2col_left, .prod2col_right {
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
    word-break: break-word;
}

/* Left column styling (for prod3col and prod2col) */
.prod3col_left, .prod2col_left {
    font-weight: bold;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

/* Right column styling (for prod3col and prod2col) */
.prod3col_right, .prod2col_right {
    text-align: right;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

/* Mobile view adjustments */
@media (max-width: 768px) {
    .tech-specs-container {
        display: block; /* Make container behave like a block for stacking */
        width: 100%;
    }

    .prod3col_left, .prod3col_right, .prod2col_left, .prod2col_right {
        display: block; /* Ensure both columns are block elements and stack */
        width: 100%;
        text-align: left; /* Align text to the left on mobile */
        border-right: none; /* Remove border between columns */
        padding: 12px; /* Adjust padding for better readability */
    }

    .prod3col_left, .prod2col_left {
        font-weight: bold; /* Retain bold styling for left column */
    }

    .prod3col_right, .prod2col_right {
        text-align: left; /* Align text left for better readability on mobile */
    }
}
/* END CUSTOM CSS 14.06.25 */