How To Stop Auto Hyphen Using CSS

Hello,

I have a page with a nice template and I cannot get rid of the auto hyphen in the Latest News section (bottom left).

http://www.creeksidemarket.com/

Does anyone know what CSS will work to turn the auto hyphen in Firefox and IE? Seems to go away in Chrome but on the cellphone it does not look right. So I need to remove the auto hyphen feature that is currently active.

Below is what I am using in the Cherry Options CSS section for additional.

.site-content article {
word-wrap: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}

.widget-area .widget {
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
word-wrap: normal;
}

p {
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}

ul {
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}

.entry-content,
.entry-summary,
.page-content,
.nav-links,
.comment-content,
.widget
{
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}