.comment_phone_input {
    max-width: 100%;
    display:none;
    visibility:hidden;
}
/*
Default style.css file of serendipity_event_dsgvo_gdpr.
You can customize this CSS by editing your template's stylesheet and simply placing a ".dsgvo_gdpr" class somewhere, then this file will no longer be loaded.
 */

.dsgvo_gdpr_footer {
    text-align: center;
}

.dsgvo_gdpr_statement {
    margin: 1em;
}

#checkbox_dsgvo_gdpr {
    margin-right: .4em;
}
/* auto include templates/2k11/style_fallback.css */

/* The templates/default/style_fallback.css emits CSS statements that all s9y
   themes should have.

   Statements declared in this file are emitted early in the dynamically
   generated stylesheet serendipity.css, so you can override them by declaring
   them again in your theme's style.css or user.css.

   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Images positioned normal/left/right */
.serendipity_image_center {
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.serendipity_image_left {
    float: left;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.serendipity_image_right {
    float: right;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

/* Images with captions and positioning */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    clear: both;
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0;
    padding: 0;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 3px;
    clear: both;
    font-size: 10px;
    text-align: center;
}

/* Image gallery */
.s9y_gallery {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.s9y_gallery_item {
    box-sizing: border-box;
    flex: 0 1 33.3333%;
    padding: 0 5px 5px 0;
}

.s9y_gallery_image {
    height: auto;
    max-width: 100%;
}

/* Lists without bullets or numbers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}
/* END OF style_fallback.css */

/* auto include templates/mitch/style.css */

/* USED COOLORS:
    dark #d6d6d6;
    light #f4f4f4;
    main blue #011a7c;
    light blue #AAB3D3
    very light blue #FDFDFF;

OLD:
    light blue #8eb2d9;
    medium blue #b8d3f0;
*/

/* *****************************
   MAIN Selectors
 * *****************************/
body {
    font-variant-ligatures: common-ligatures contextual; /* liga, clig, calt */
    font-variant-numeric: oldstyle-nums proportional-nums; /* onum, pnum */
    font-kerning: normal; /* kern */
    -moz-font-feature-settings: "liga", "clig", "calt", "kern", "pnum", "onum", "locl";
    -webkit-font-feature-settings: "liga", "clig", "calt", "kern", "pnum", "onum", "locl";
    font-feature-settings: "liga", "clig", "calt", "kern", "pnum", "onum", "locl";

    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}

a:link,
a:visited,
a:active {
    color: #011a7c;
    text-decoration: underline;
}

a:hover {
    color: #AAB3D3;
}

/* invisible author links */
div.serendipity_title_footer a.h-card.p-author:link,
div.serendipity_title_footer a.h-card.p-author:visited,
div.serendipity_title_footer a.h-card.p-author:active {
    text-decoration: inherit;
}
div.serendipity_title_footer a.h-card.p-author:hover {
    text-decoration: underline;
}

#mainpane {
    border: 0;
    padding: 0;
    margin: 20px 0 0 0;
    width: 100%;
    position: relative;
}

/* *****************************
   HEADER
 * *****************************/

#serendipity_banner {
    border-bottom: 2px solid #aab3d3;
    width: 100%;
    padding: 0;
    margin: 0;
}


#serendipity_banner h1 {
    background-image: url(templates/mitch/img/mitchlogo_m_blue.png);
    background-repeat: no-repeat;
    background-size: 2.85rem 2.5rem;
    padding: 0.7rem 0 0 3.5rem;
    margin: 0;
}

#serendipity_banner div#h2 {
    padding: 0 1em 5px 6.5rem;
    margin: 0;
}

a.homelink1,
a.homelink1:link,
a.homelink1:visited {
    color: #011c7c;
    text-decoration: none;
}

a.homelink2,
a.homelink2:link,
a.homelink2:visited {
    color: #011c7c;
    text-decoration: none;
}

a.homelink1:hover,
a.homelink2:hover {
    color: #AAB3D3;
    border-bottom: 1px solid #AAB3D3;
}

/* *****************************
   Content Parts
 * *****************************/

#content {
    padding: 0 0 0 22px;
    margin: 10px auto 0 auto;
    vertical-align: top;
}

#contentSpacer {
/*    min-width: 400px; */
    margin: 0 auto 0 auto;
}

.serendipity_content_message {
}

/* *****************************
   Entry related
 * *****************************/

.serendipity_Entry_Date {
    background-color: #fcfcfc;
    margin: 3em 0 2em 0;
    border-bottom: 1px solid #d6d6d6;
}

.serendipity_Entry_Header {
    background-color: #FFFFFF;
/*
    border-bottom: 1px solid #AAB3D3;
*/
}

.serendipity_date {
    display: inline;
    color: #011a7c;
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0;
}

/* FIXME: is div.serendipity_date still used anywhere? */
time.serendipity_date, div.serendipity_date {
    text-align: right;
    display: block;
    padding: 0 7px 0 5px;
}

.serendipity_title {
    margin: 0;
    background-color: #FFFFFF;
    color: #011a7c;
    padding: 10px 0 10px 4px;
    border-bottom: 1px solid #d6d6d6;
}

.serendipity_title a,
.serendipity_title a:link,
.serendipity_title a:visited {
    color: #011a7c;
    text-decoration: none;
}

.serendipity_title a:hover {
    color: #AAB3D3;
    border-bottom: 1px solid #AAB3D3;
}

.serendipity_entry {
    color: #000000;
    font-weight: normal;
    padding: 5px;
    margin: 0 auto;
    background-color: #fcfcfc;
    text-align: justify;
}

.serendipity_Entry_Header {
    background-color: #fcfcfc;
}

.serendipity_entry .serendipity_entryFooter {
    padding: 5px 5px 0 0;
    text-align: right;
}

.serendipity_title_footer {
    text-align: right;
    font-size: 0.7rem;
    margin: 1em 0 0 0;
    padding: 2px 7px 0 0;
}


div.serendipity_entryFooter {
    font-size: 0.8rem;
    color: #000000;
/*     padding-top: 10px; */
    padding-bottom: 4px;
    clear: both;
}

a.h-card img.u-photo {
    display: none;
}

img.serendipity_entryIcon {
    float: right;
    border: 0;
}

/* *****************************
   SIDEBARS
 * *****************************/

.serendipitySideBarContent input {
    width: 150px;
}

#serendipityRightSideBar {
    width: 190px;
}

#serendipityLeftSideBar {
    width: 190px;
}

.sideBarSpacer {
    margin-right: 15px;
}

div.serendipityPlug {
    padding-left: 10px;
}

div.serendipityPlug a {
    text-decoration: none;
    border: 0;
}

/* Container for each item on the side bar */
div.serendipitySideBarItem {
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 0.6rem;
    font-weight: normal;
    border: 0;
    width: 180px;
}

.serendipitySideBarContent {
    background-color: #FFFFFF;
    border-top: 2px solid #aab3d3;
    padding: 5px;
    padding-top: 9px;
}

.serendipitySideBarContent form {
    margin: 0;
    padding: 0;
}

.serendipitySideBarContent ul {
    margin: 0;
}

/* title of an individual item */
.serendipitySideBarTitle {
    margin: 0;
    color: #000000;
    padding-left: 2px;
    padding-bottom: 2px;
    font-size: 0.66rem;
}

/* *****************************
   COMMENTS
 * *****************************/

.serendipity_comments {
    position: relative;
    font-size: 0.66rem;
}

.serendipity_commentsTitle {
    font-size: 0.66rem;
    font-weight: bold;
    margin-top: 10px;
    color: #011a7c;
    padding-left: 5px;
    border-bottom: 1px solid #AAB3D3;
}

td.serendipity_commentsLabel {
    font-weight: bold;
    vertical-align: top;
}

td.serendipity_commentsValue input,
td.serendipity_commentsValue select,
td.serendipity_commentsValue textarea {
    font-size: 0.6rem;
    padding: 2px;
    width: 95%;
}

/*
.serendipity_commentForm {
    font-size: 0.65rem;
    margin-bottom: 13px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
}
*/

.serendipity_comment {
    font-size: 0.65rem;
    margin: 0.7rem 0.5rem 1.75rem 0.5rem;
    border: 1px solid #AAB3D3;
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px;
    clear: both;
}

.serendipity_commentBody {
    padding: 0 0 0 5px;
    overflow: auto;
}

.serendipity_comment_source {
    margin-top: 10px;
    padding: 0 0 0 5px;
    color: #011a7c;
    display: block;
    position: absolute;
    z-index: 3;
}

.serendipity_section_trackbacks .serendipity_comment {
    margin-bottom: 55px;
}

article.serendipity_comment h4 {
    font-size: 0.65rem;
    margin: 0;
}

/* *****************************
   COMMENT FORM
 * *****************************/

div.form_field label {
    display: block;
}

/* TODO: change in HTML source */
div.form_field label:after {
    content: ':';
}

div.form_field input {
    width: 15rem;
}

div.form_tarea label {
    display: block;
}

/* TODO: change in HTML source */
div.form_tarea label:after {
    content: ':';
}

div.form_tarea textarea {
    width: 100%;
    box-sizing: initialborder-box;
}

div.form_box {
    display: flex;
    padding: 1em;
    line-height: 1.2em;
}

div.form_box > input[type=checkbox] {
    margin: 0 0.5ch 0 0;
    width: 1em;
    height: 1em;
}

/* *****************************
   CALENDAR
 * *****************************/

table.serendipity_calendar {
    margin: 0 auto 0 auto;
}

table.serendipity_calendar td {
    font-size: 0.5rem;
    padding: 3px 5px 3px 5px;
    text-align: center;
}

table.serendipity_calendar td.serendipity_calendarHeader {
    padding: 10px;
}

table.serendipity_calendar a {
    font-weight: bold;
    text-decoration: none;
    display: block;
}

table.serendipity_calendar td.Today,
table.serendipity_calendar td.Today a,
table.serendipity_calendar a:hover {
    background-color: #011a7c;
    color: white;
    text-decoration: none;
}

table.serendipity_calendar td.serendipity_weekDayName {
    font-size: 0.55rem;
    font-weight: bold;
    border-bottom: 1px solid #f4f4f4;
    padding: 1px;
}

td.LastInRow {
	background-color: #f4f4f4;
}

td.serendipity_calendarHeader a:link,
td.serendipity_calendarHeader a:visited,
td.serendipity_calendarHeader a:hover {
    border: 0;
    text-decoration: none;
}

/* *****************************
   IMAGE comments
 * *****************************/

.serendipityImageButton {
    cursor: pointer;
}

.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    margin: 3px;
    padding: 3px;
    text-align: center;
    box-shadow: 0 2pt 2pt #888;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    margin-right: 1em;
    float: left;
}

.serendipity_imageComment_right {
    margin-left: 1em;
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0;
    padding: 0;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #DDDDDD;
    margin: 0;
    padding: 3px;
    clear: both;
    font-size: 0.7rem;
    line-height: 120%;
    text-align: center;
}

.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

#legal {
    margin: 0 auto 2em auto;
    text-align: center;
    /* move to the left when the navbar is visible */
    padding-right: 190px; /* #sidebar width */;
    font-size: 0.8em;
}

footer.staticpage_metainfo {
    text-align: right;
    font-size: 0.7rem;
}

.serendipity_no_entries,
.serendipity_search {
    margin: 0 auto 0 auto;
    text-align: center;
    padding: 15px;
    background-color: #FFFFFF;
    font-size: 1.2rem;
    margin-bottom: 20px;
    line-height: 1.3rem;
}

/* Comment Plugin */

div.plugin_comment_wrap {
   margin-bottom: 2ex;
}

/* *****************************
   Here comes my stuff
 * *****************************/

/* FIXME: to distribute */

/* no linewrap inside individual parts */
.serendipity_footer_posted, .serendipity_footer_comments, .serendipity_footer_trackbacks {
    white-space: nowrap;
}

/* Teaser-Verkürzung */
/* .my-teaser */

a.my-continuation {
    text-decoration: none;
}

/* entry paging */
.serendipity_entrypaging {
    font-family: sans-serif;
    font-size: 1.2rem;
    padding: 0.5em 0.2em;
    text-align: center;
    vertical-align: middle;
}
@media (min-width: 40em) {
    .serendipity_entrypaging {
	font-family: "Fira Sans", sans-serif;
    }
}

.serendipity_entrypaging a {
    text-decoration: none;
    font-size: 1.3rem;
}
.serendipity_entrypaging a.blog-icon {
    font-size: 1.5rem;
}
#pagination_left {
    float: left;
}
#pagination_right {
    float: right;
}
div#next .filler {
    left: 0;
    top: 0;
    bottom: 0;
    width: 5rem;
    z-index: -1000;
    position: fixed;
}
div#prev .filler {
    right: 0;
    top: 0;
    bottom: 0;
    width: 5rem;
    z-index: -1000;
    position: absolute;
}
body {
    z-index: -10000;
}
header, footer, main, #sidebar {
    z-index: 1;
}

/* tablet-only shortlinks */
.hide-wide {
    display: none;
    padding: 1px;
    border-bottom: 2px solid #aab3d3;
    background: #aab3d3;
}
.hide-wide nav {
    text-align: center;
    color: #fff;
    font-weight: 300;
}

.hide-wide a,
.hide-wide a:link,
.hide-wide a:visited {
    text-decoration: none;
    color: #fff;
    padding: 1px;
    margin: 1px;
}
.hide-wide a:active,
.hide-wide a:hover {
    color: #011a7c;
    background-color: #fff;
    text-decoration: underline;
    border-radius: 3px;
}


.serendipity_entry_body {
    line-height: 1.5em;
    hyphens: auto;
}

.serendipity_entry_body ul,
.serendipity_entry_body li {
    margin-bottom: 0.3em;
}

dt {
    margin-top: 0.8em;
    margin-bottom: 0.3em;
}


hr {
    border: 0;
    border-bottom: 1px solid #666;
}

#contentSpacer { /* FIXME: move to <main> tag? */
    line-height: 1.2em;
    max-width: 35em;
    padding: 5px 195px 5px 5px;
}

main {
    margin-right: -190px;
    float: left;
    width: 100%;
}

#sidebar {
    padding-top: 20px;
    width: 190px;
    float: left;
}

#sidebar h1 {
    display: none;
}

footer {
    clear: both;
}

.serendipity_commentBody {
    font-size: 0.81rem;
}

.serendipity_comment_author_self .comment_source_author {
    font-weight: bold;
}

/* Sidebar Search */
#serendipityQuickSearchTermField {
    width: 10em;
}

#LSResult {
    position: absolute;
    margin: 2pt 4pt 0 0;
    background-color: #f4f4f4;
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 2pt 2pt #888;
}

#LSShadow {
}

#LSHighlight {
    background-color: #bdd2ec;
    color: black;
}

.serendipity_livesearch_row {
  margin: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  text-indent: -1em;
  line-height: 1.4em;
}

.serendipity_livesearch_result {
}

/* Fonts */

/* TODO: this definitely needs refinement! */
.serendipity_entry_body small {
    font-size: 80%;
    letter-spacing: -0.5px;
    word-spacing: -1px;
    line-height: 120%;
}

/* body, a, input, textarea, p, td, th, div, span { */
body {
    font-family: serif;
    color: #111;
}
@media (min-width: 40em) {
    body {
	font-family: Charter, serif;
    }
}

body > header, body > footer, nav, div.serendipity_entryFooter {
    font-family: sans-serif;
}
@media (min-width: 40em) {
    body > header, body > footer, nav, div.serendipity_entryFooter {
	font-family: "Fira Sans", sans-serif;
    }
}

header h1 {
    font-size: 1.6rem;
    font-weight: 600;
}

h2 {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5rem;
    hyphens: none;
}
h3 {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 1em 0;
    hyphens: none;
}
h4 {
    font-size: 1.07rem;
    font-weight: bold;
    margin: 1em 0;
    hyphens: none;
}

header div#h2 {
    font-size: 0.87rem;
    font-weight: 300;
}

.serendipitySideBarTitle {
    font-weight: 400;
}

div.serendipitySideBarItem {
    font-weight: 300;
    line-height: 1.4em;
}

tt, kbd, var, code, samp, pre {
    hyphens: manual;
    font-size: 0.87em;
    background-color: #eeeeee;
    padding: 0.15em 0.25em;
    border-radius: 0.3em;
}

tt, kbd, var, code, samp, pre, .geshi {
    font-family: monospace;
    font-variant-numeric: lining-nums tabular-nums slashed-zero; /* lnum, tnum, zero */
    -moz-font-feature-settings: "lnum", "tnum", "zero";
    -webkit-font-feature-settings: "lnum", "tnum", "zero";
    font-feature-settings: "lnum", "tnum", "zero";
}
@media (min-width: 40em) {
    tt, kbd, var, code, samp, pre, .geshi {
	font-family: "Source Code Pro", monospace;
    }
}

pre.output-verbatim {
    margin: 0.5em 2em;
    padding: 0.5em 1em;
    border-left: 2px solid black;
    line-height: 1rem;
}

/* don't change line height with sub- & superscript */
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

sub {
    top: 0.4em;
}

/* Geshi formatting */

.geshi {
    hyphens: none;
    font-size: 0.75rem;
    line-height: 1rem;
    background-color: #eeeeee;
    padding: 1.3em 1em 1.3em 0.3em;
    margin: 1em;
    border-radius: 0.6em;
}

.geshi ol {
    counter-reset: li;
    margin-left: 0;
    padding-left: 0;
}
.geshi ol > li {
    position: relative;
    margin: 0;
    padding-left: 3em;
    list-style: none;
}
.geshi ol > li:before {
    content: counter(li);
    counter-increment: li;
    text-align: right;
    width: 2em;
    height: 100%;
    position: absolute;
    left: 0;
    font-weight: 300;
    color: #888;
    padding-right: .4em;
    border-right: 1px solid #999;
}

/* nice blockquotes */

blockquote {
    font-style: italic;
}

blockquote:before { content: "«"; }
blockquote:after { content: "»"; }

/* expandable details group */

details {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

summary {
    cursor: pointer;
}

/* comment nesting: 0.5 + x*0.7 rem */

article.commentlevel-1 { margin-left: 1.2rem; }
article.commentlevel-2 { margin-left: 1.9rem; }
article.commentlevel-3 { margin-left: 2.6rem; }
article.commentlevel-4 { margin-left: 3.3rem; }
article.commentlevel-5 { margin-left: 4.0rem; }

/* footnotes */

/* TODO: footnote square brackets via CSS like for blockquotes? -> if yes, then change existing articles and ox-s9y! */
a.footnote {
    text-decoration: none;
}

div#footnotes {
    margin-top: 3em;
    font-size: 0.83rem;
    line-height: 1.3em;
}

div.footnote {
    margin-top: 0.5em;
}

div.footnote a:first-child {
    text-decoration: none;
}

/* be responsive */
@media (max-width: 60em), print  { /* TODO: reverse -> mobile first! */
    #sidebar {
	display: none;
	overflow: hidden;
	width: 0;
    }
    main {
	margin-right: 0;
	float: none;
    }
    #contentSpacer {
	padding-right: 5px;
    }
    .hide-wide {
	display: block;
    }
    #legal {
	padding: 0;
    }
}

/* special header setting for smartphone sizes */
@media (max-width: 30em)  {
    #serendipity_banner div#h2 {
	padding: 2px 1em 5px 0.7rem;
    }
}

/* set base font size depending on screen width - all other font sizes must be relative */
html { font-size: 20px; }
@media (max-width: 50em) { html { font-size: 19px; } }
@media (max-width: 45em) { html { font-size: 18px; } }
@media (max-width: 40em) { html { font-size: 17px; } }
@media (max-width: 35em) { html { font-size: 16px; } }
@media (max-width: 30em) { html { font-size: 15px; } }
@media (max-width: 25em) { html { font-size: 14px; } }

/* print setup */
@media print {
    /* reasonable(?) font size */
    html {
	font-size: 13pt;
    }
    /* hide comment field and top navigation bar */
    .serendipity_section_commentform,
    .serendipity_entrypaging,
    .serendipity_comments_displaymode,
    .hide-wide {
	display: none;
    }
}

/*********** FONT DECLARATIONS ***********/

/*** Blog-Icons ***/

/*
 * fonts generated via http://fontello.com/
 * all icons from "Font Awesome" v4.3.0 by Dave Gandy SIL Open Font License
 */
@font-face {
  font-family: 'cgarbs-de-blog-icons';
  src: url('/fonts/eot/blog-icons.eot?23731614');
  src: url('/fonts/eot/blog-icons.eot?23731614#iefix') format('embedded-opentype'),
       url('/fonts/woff2/blog-icons.woff2?23731614') format('woff2'),
       url('/fonts/woff/blog-icons.woff?23731614') format('woff'),
       url('/fonts/ttf/blog-icons.ttf?23731614') format('truetype'),
       url('/fonts/svg/blog-icons.svg?23731614#blog-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
a.blog-icon {
    font-family: 'cgarbs-de-blog-icons', serif;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    margin: 3pt 0 3pt 6pt;
}
a.icon-facebook         { color: #3b5999; }
a.icon-facebook:hover   { color: #8598bf; }
a.icon-googleplus       { color: #dd4b39; }
a.icon-googleplus:hover { color: #ea8f84; }
a.icon-reddit           { color: #ff4500; }
a.icon-reddit:hover     { color: #ff8b60; }
a.icon-twitter          { color: #55acee; }
a.icon-twitter:hover    { color: #95cbf4; }

/*** Charter ***/

@font-face {
    font-family: 'Charter';
    src: url('/fonts/eot/charter_bold_italic-webfont.eot');
    src: url('/fonts/eot/charter_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/woff/charter_bold_italic-webfont.woff') format('woff'),
         url('/fonts/otf/charter_bold_italic-webfont.otf') format('opentype'),
         url('/fonts/ttf/charter_bold_italic-webfont.ttf') format('truetype'),
         url('/fonts/svg/charter_bold_italic-webfont.svg') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Charter';
    src: url('/fonts/eot/charter_bold-webfont.eot');
    src: url('/fonts/eot/charter_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/woff/charter_bold-webfont.woff') format('woff'),
         url('/fonts/otf/charter_bold-webfont.otf') format('opentype'),
         url('/fonts/ttf/charter_bold-webfont.ttf') format('truetype'),
         url('/fonts/svg/charter_bold-webfont.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Charter';
    src: url('/fonts/eot/charter_italic-webfont.eot');
    src: url('/fonts/eot/charter_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/woff/charter_italic-webfont.woff') format('woff'),
         url('/fonts/otf/charter_italic-webfont.otf') format('opentype'),
         url('/fonts/ttf/charter_italic-webfont.ttf') format('truetype'),
         url('/fonts/svg/charter_italic-webfont.svg') format('svg');
    font-weight: 400;
    font-style: italic;
}




@font-face {
    font-family: 'Charter';
    src: url('/fonts/eot/charter_regular-webfont.eot');
    src: url('/fonts/eot/charter_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/woff/charter_regular-webfont.woff') format('woff'),
         url('/fonts/otf/charter_regular-webfont.otf') format('opentype'),
         url('/fonts/ttf/charter_regular-webfont.ttf') format('truetype'),
         url('/fonts/svg/charter_regular-webfont.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

/*** Fira Sans ***/

@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/eot/FiraSans-Light.eot');
    src: url('/fonts/eot/FiraSans-Light.eot') format('embedded-opentype'),
         url('/fonts/woff2/FiraSans-Light.woff2') format('woff2'),
         url('/fonts/woff/FiraSans-Light.woff') format('woff'),
         url('/fonts/ttf/FiraSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/eot/FiraSans-LightItalic.eot');
    src: url('/fonts/eot/FiraSans-LightItalic.eot') format('embedded-opentype'),
         url('/fonts/woff2/FiraSans-LightItalic.woff2') format('woff2'),
         url('/fonts/woff/FiraSans-LightItalic.woff') format('woff'),
         url('/fonts/ttf/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/eot/FiraSans-Regular.eot');
    src: url('/fonts/eot/FiraSans-Regular.eot') format('embedded-opentype'),
         url('/fonts/woff2/FiraSans-Regular.woff2') format('woff2'),
         url('/fonts/woff/FiraSans-Regular.woff') format('woff'),
         url('/fonts/ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/eot/FiraSans-Italic.eot');
    src: url('/fonts/eot/FiraSans-Italic.eot') format('embedded-opentype'),
         url('/fonts/woff2/FiraSans-Italic.woff2') format('woff2'),
         url('/fonts/woff/FiraSans-Italic.woff') format('woff'),
         url('/fonts/ttf/FiraSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/eot/FiraSans-SemiBold.eot');
    src: url('/fonts/eot/FiraSans-SemiBold.eot') format('embedded-opentype'),
         url('/fonts/woff2/FiraSans-SemiBold.woff2') format('woff2'),
         url('/fonts/woff/FiraSans-SemiBold.woff') format('woff'),
         url('/fonts/ttf/FiraSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/eot/FiraSans-SemiBoldItalic.eot');
    src: url('/fonts/eot/FiraSans-SemiBoldItalic.eot') format('embedded-opentype'),
         url('/fonts/woff2/FiraSans-SemiBoldItalic.woff2') format('woff2'),
         url('/fonts/woff/FiraSans-SemiBoldItalic.woff') format('woff'),
         url('/fonts/ttf/FiraSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

/*** Source Code Pro ***/

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/eot/SourceCodePro-Light.eot') format('embedded-opentype'),
         url('/fonts/woff2/ttf/SourceCodePro-Light.ttf.woff2') format('woff2'),
         url('/fonts/woff/otf/SourceCodePro-Light.otf.woff') format('woff'),
         url('/fonts/otf/SourceCodePro-Light.otf') format('opentype'),
         url('/fonts/ttf/SourceCodePro-Light.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/eot/SourceCodePro-Regular.eot') format('embedded-opentype'),
         url('/fonts/woff2/ttf/SourceCodePro-Regular.ttf.woff2') format('woff2'),
         url('/fonts/woff/otf/SourceCodePro-Regular.otf.woff') format('woff'),
         url('/fonts/otf/SourceCodePro-Regular.otf') format('opentype'),
         url('/fonts/ttf/SourceCodePro-Regular.ttf') format('truetype');
}
@font-face{
    font-family: 'Source Code Pro';
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    src: url('/fonts/eot/SourceCodePro-It.eot') format('embedded-opentype'),
         url('/fonts/woff2/ttf/SourceCodePro-It.ttf.woff2') format('woff2'),
         url('/fonts/woff/otf/SourceCodePro-It.otf.woff') format('woff'),
         url('/fonts/otf/SourceCodePro-It.otf') format('opentype'),
         url('/fonts/ttf/SourceCodePro-It.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/eot/SourceCodePro-Bold.eot') format('embedded-opentype'),
         url('/fonts/woff2/ttf/SourceCodePro-Bold.ttf.woff2') format('woff2'),
         url('/fonts/woff/otf/SourceCodePro-Bold.otf.woff') format('woff'),
         url('/fonts/otf/SourceCodePro-Bold.otf') format('opentype'),
         url('/fonts/ttf/SourceCodePro-Bold.ttf') format('truetype');
}
@font-face{
    font-family: 'Source Code Pro';
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    src: url('/fonts/eot/SourceCodePro-BoldIt.eot') format('embedded-opentype'),
         url('/fonts/woff2/ttf/SourceCodePro-BoldIt.ttf.woff2') format('woff2'),
         url('/fonts/woff/otf/SourceCodePro-BoldIt.otf.woff') format('woff'),
         url('/fonts/otf/SourceCodePro-BoldIt.otf') format('opentype'),
         url('/fonts/ttf/SourceCodePro-BoldIt.ttf') format('truetype');
}

/* nl2br plugin start */
p.wl_nobottom {
    margin-bottom: 0em;
}
p.wl_notop {
    margin-top: 0em;
}
p.wl_notopbottom {
    margin-top: 0em;
    margin-bottom: 0em;
}
/* nl2br plugin end */