Child Theme CSS not being applied

Hi Jordan,
I ran a CSS validator tool and all appears working.
When I use the single product page CSS code in the Enfold quick CSS all works as expected. But as soon as I put the code into my Child theme styles.css file none of these work.

This is the code that does not work:

/* put product meda data on speparate lines */
span.sku_wrapper, span.posted_in, span.tagged_as {
    display: block;
    line-height: normal;
}

/* customize social share on single product page */
.share_heading {
    font-weight: bold;
    font-size: 24px;
    text-align:center;
    color:#1981b4;
    margin-top:10px;
}
.single-product .av-share-box {
    margin-top: 10px;
    border: 1px solid #1981b4;
}
.av-share-box ul li a {
	font-size: 36px;
}
#top .av-share-box ul {
   color:#52adda;
}

/* change width of attribute item labels */
div table.shop_attributes th {
   width: 160px!important;
}

Thanks
Lyse

Hi Rikard,

Credentials provided below as well as site access credentials.

Thanks
Lyse

Hi Rikard
I see it’s working now.
So sorry but not matter what I did I could not see my changes applied.
Thank you for your patience.
Lyse

No…sorry.
Yes you can close that ticket.
Lyse