@font-face {
    font-family: Bitter-Regular;
    src: url('Bitter-Regular.otf');
}

#tinymce.typography {
    font-size:16px !important;
    width:620px;
}
.typography * {
    font-family:Helvetica, Arial, sans-serif;
    font-size:1em;
}
.typography blockquote {
    padding:5px 0 5px 20px;
    border-left:5px solid #e8b313;
    margin:0 0 20px 0;
}
.typography blockquote p {
    margin:0;
    color:#c7c6c2;
    font-size:1.5em;
    font-style:italic;
}
.typography blockquote p:before {
    content:"“ ";
}
.typography blockquote p:after {
    content:" ”";
}
.typography hr {
    padding:5px;
}
.typography p,
.typography ul li,
.typography ol li,
.typography a {
    color:#39362f;
    line-height:1.5em;
    font-size:0.8em;
}
.typography p {
    margin-bottom:20px;
}

/** CMS LIST STYLES **/
.typography ul,
.typography ol {
    margin-left:10px;
    margin-bottom:20px;
}

.typography ul li,
.typography ol li {
    margin:4px 10px;
    line-height:1.4em;
}

.typography ul li {
    list-style-type:disc;
}
.typography ol li {
    list-style-type:decimal;
}

/* HEADER STYLES */

.typography h1,
.typography h2 {
    color:#39362f;
}

.typography h1 {
    font-family: Bitter-Regular;
    font-size: 22px;
    border-bottom: 1px solid #e3e3e3;
    margin: 18px 0 18px 0;
    padding-bottom: 15px;
}

.typography h2 {
    font-size:1.2em;
}

.typography h3 {
    color:#39362f;
    font-size:1em;
    font-weight:bold;
}

/* LINK STYLES */
.typography a {
    color: #E8B313;
    font-size:1em;
    text-decoration:none;
}
.typography a:hover {
    text-decoration:underline;
}

.typography table {
    font-size:1em;
}
.typography table tr td {
    padding:3px 5px;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .left {
    text-align:left;
}
.typography .center {
    text-align:center;
}
.typography .right {
    text-align:right;
}
.typography img.right {
    float:right;
}
.typography img.left {
    float:left;
}

.typography p.MsoNormal, .typography p.MsoBodyText {
    margin: 0;
}