@charset "UTF-8";
/* CSS Document */

.single_product {
/*    background-color: lightcoral;*/
}

/* Add padding to div to make room for widget */
div:has(> h2),
.prod_group_hero div:has(> h1),
.single_product div:has(> h1) {
    padding-left: 50px; /* positioning */
    position: relative;    
}

div:has(> h2.nowidget),
div:has(> h2.centered),
div:has(> h2.wp-block-heading.has-text-align-center):not(.service_select .inner) {
    padding-left: 0;
}

h2,
.prod_group_hero h1,
.single_product h1 {
    position: relative;
/*    text-indent: -1em;*/
    background-image: url(../images/header_widget.webp);
    background-repeat: no-repeat;
    background-size: auto 1em;
/*    background-position: 0 0;*/
    background-position: -15px 3px;
    left: -1.2em; /* positioning */
    padding-left: 1.2em; /* positioning */
/*    background-color: #F7F7F7;*/
/*    overflow: hidden;*/
}

h2::before,
.prod_group_hero h1::before {
/*    content: "";
    height: 36px;
    width: 0.8em;
    background-color: #C3081C;
    border-radius: 0 1000px 1000px 0;
    position: relative;
    left: 0px;
    top: 5px;
    margin-right: 0.2em;
    display: inline-block;*/
}

h2.nowidget {
    background-image: none;
    left: 0;
    padding-left: 0;
}

h2.nowidget:before {
    display: none;
}

h2.centered,
h2.wp-block-heading.has-text-align-center {
    width: fit-content !important;
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
    left: 0;
    padding-left: 0;
    background-image: none;
/*  background-color: lightgoldenrodyellow;*/
}   




@media(min-width:768px) {
    
    div:has(> h2.centered) {
        padding-left: 0;
    }

    h2.centered,
    h2.wp-block-heading.has-text-align-center {
        width: fit-content !important;
        display: block !important;
        margin-right: auto !important;
        margin-left: auto !important;
        left: 0;
        padding-left: 1.2em; /* positioning */
        background-image: url(../images/header_widget.webp);
        background-repeat: no-repeat;
    }       

}

@media(min-width:950px) {

    h2::before,
    .prod_group_hero h1::before {
/*        width: 32px;*/
    }

    /* Add padding to div with h2 to make room for widget */
    div:has(> h2),
    .prod_group_hero div:has(> h1) {
/*        padding-left: 2.5em; /* positioning */*/
/*        position: relative;   */
/*        background-color: lightgray;*/
    }  

}