========================================================================== */
* Remove the border on images inside links in IE 10.
========================================================================== */
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
* Show the overflow in IE.
* 1. Show the overflow in Edge.
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
* Correct the inability to style clickable types in iOS and Safari.
-webkit-appearance: button;
* Remove the inner border and padding in Firefox.
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
* Restore the focus styles unset by the previous rule.
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
* Correct the padding in Firefox.
padding: 0.35em 0.75em 0.625em;
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
vertical-align: baseline;
* Remove the default vertical scrollbar in IE 10+.
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
* Correct the cursor style of increment and decrement buttons in Chrome.
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
-webkit-appearance: textfield;
* Remove the inner padding in Chrome and Safari on macOS.
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
::-webkit-file-upload-button {
-webkit-appearance: button;
========================================================================== */
* Add the correct display in Edge, IE 10+, and Firefox.
* Add the correct display in all browsers.
========================================================================== */
* Add the correct display in IE 10+.
* Add the correct display in IE 10.
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
text-rendering: optimizeLegibility;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
text-rendering: optimizeLegibility;
.author-description .author-link,
.post-navigation .post-title,
#cancel-comment-reply-link,
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
.author-description .author-link,
.post-navigation .post-title,
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
.main-navigation ul.main-menu > li,
.author-description .author-bio,
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 768px) {
#cancel-comment-reply-link,
.post-navigation .post-title,
/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: "Courier 10 Pitch", Courier, monospace;
font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
border-bottom: 1px dotted #666;
text-decoration: underline;
background-color: #bfdcea;
background-color: #bfdcea;
transition: color 110ms ease-in-out;