title: iOS 7 Safari forces bold buttons
body: <p>I have a button with the following HTML and CSS:</p>
  
  <pre><code>&lt;button type="button" class="wrapper"&gt;
      &lt;p class="text"&gt;Preferences&lt;/p&gt;
  &lt;/button&gt;
  
  
  .wrapper {
      height: 80px;
      top: 0px;
      line-height: 80px;
      position: absolute;
      left: 34px;
  }
  
  .text {
      display: inline-block;
      margin: auto 0 auto 0;
      padding: 0 21px 0 20px;
      font-size: 26px!important;
      vertical-align: middle;
      line-height: 32px!important;
      font-weight: 500!important;
      text-align:justify;
  }
  </code></pre>
  
  <p>In every browser it renders correctly except in iOS 7 Safari where the font is <strong>BOLD</strong>.  I am assuming Apple is overriding my CSS and forcing the font to bold.  Is there a way to make the font-weight "normal"</p>