/**
 * Theoheat - Product Enquiry
 *
 * The Divi Button module controls the enquiry button styling.
 *
 * This stylesheet only controls the product summary displayed
 * inside the Main Contact Form.
 */


/*======================================================================
# PRODUCT ENQUIRY SUMMARY
======================================================================*/

#theo-product-enquiry-summary {
    width: 100%;
}


#theo-product-enquiry-summary:empty {
    display: none;
}


/*--------------------------------------------------------------
# Summary Box
--------------------------------------------------------------*/

.theo-enquiry-summary {
    width: 100%;

    box-sizing: border-box;

    margin: 0 0 24px;
    padding: 20px;

    border-left: 4px solid #f3911e;

    background: #f7f7f7;

    color: inherit;
}


/*--------------------------------------------------------------
# Heading
--------------------------------------------------------------*/

.theo-enquiry-summary h3 {
    margin: 0 0 16px;
    padding: 0;

    color: inherit;

    font: inherit;
    font-size: 1.25em;
    font-weight: 600;
}


/*--------------------------------------------------------------
# Rows
--------------------------------------------------------------*/

.theo-enquiry-row {
    margin: 0 0 8px;
    padding: 0;

    color: inherit;
}


.theo-enquiry-row:last-child {
    margin-bottom: 0;
}


.theo-enquiry-row strong {
    font-weight: 600;
}


/*--------------------------------------------------------------
# Variation / Option Lists
--------------------------------------------------------------*/

.theo-enquiry-row pre {
    margin: 5px 0 0;
    padding: 0;

    border: 0;

    background: transparent;

    color: inherit;

    font: inherit;
    line-height: inherit;

    white-space: pre-wrap;
    word-break: normal;
    overflow-wrap: anywhere;
}


/*======================================================================
# MOBILE
======================================================================*/

@media (max-width: 980px) {

    .theo-enquiry-summary {
        margin-bottom: 20px;
        padding: 16px;
    }
}