/* Google Fonts are in Add to All plugin settings */

@font-face {
    font-family: "FontLabLogo";
    src: url("../fonts/FontLabLogo.eot");
    src: url("../fonts/FontLabLogo.eot?#iefix") format('embedded-opentype'), url("../fonts/FontLabLogo.woff") format('woff'), ;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}

article {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#comments, .uk-panel.uk-hidden-small.widget_warp_breadcrumbs, p.uk-article-meta {
    text-align: center;
}


s {
    opacity: 0.4;
    text-decoration: line-through;
    text-decoration-style: inherit;
    text-decoration-thickness: 1px;
    font-weight: normal;
}

.tptn_counter {
    margin-top: 150px;
}

.uk-panel-box .uk-panel-title {
    color: rgba(51, 51, 51, 0.9);
    margin-top: 0;
    font-style: italic;
    font-weight: 700;
}

.wp-block-button__link {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#jp-relatedposts .jp-relatedposts-items p, .uk-article-meta, p.uk-article-meta {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

a {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

blockquote, blockquote p.para {
    font-style: italic;
    font-family: "IBM Plex Serif";
    font-weight: 400;
    line-height: 1.5em;
    font-size: 24px;
}

mark {
    padding: 0 0.35em 0.1em;
    font-size: 0.96em;
    letter-spacing: 0.02em;
    line-height: 1.2;
    white-space: normal;
    color: #1d1f21;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f5f5f5;
    text-shadow: 0 1px 0 #fff;
}

kbd {
    display: inline-block;
    padding: 0.1em 0.3em;
    margin: 0 0.1em;
    font-family: "Roboto Mono", "Consolas", "Menlo", monospace;
    font-size: 0.8em;
    line-height: 1.2;
    white-space: nowrap;
    color: #1d1f21;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f7f7f7;
    text-shadow: 0 1px 0 #fff;
}

.uk-article li, .uk-article ol, .uk-article p, .uk-article p.para, .uk-article ul {
    font-family: "IBM Plex Serif";
}

.uk-button-group p {
    margin: 0;
}

.tm-totop-scroller {
    position: fixed;
    z-index: 2147483647;
    right: 0;
    bottom: 0;
    top: auto;
    background-color: rgba(255, 255, 255, 0.6);
    width: 40px;
    height: 40px;
}

.tm-navbar {
    margin-top: 40px;
    margin-bottom: 15px;
}

.tm-headerbar {
    margin-top: 3px;
    margin-bottom: 3px;
}

.tm-toolbar {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #1799cf;
    padding-left: 10px;
    padding-right: 20px;
    color: #ffffff !important;
}

.tm-toolbar a, .tm-toolbar a:hover, .tm-toolbar a:link, .tm-toolbar p {
    color: #ffffff !important;
}

article.uk-article div p, article.uk-article p.uk-article-meta~p, article.uk-article section p {
    font-family: "IBM Plex Serif";
    font-weight: 400;
    line-height: 1.5em;
    text-rendering: optimizeLegibility;
    margin-right: 0;
}

article.uk-article #comments, article.uk-article #comments div, article.uk-article #comments li, article.uk-article #comments ol, article.uk-article #comments p, article.uk-article #comments ul, article.uk-article #comments~p, article.uk-article .fl-normal-size, article.uk-article .fl-normal-size div, article.uk-article .fl-normal-size li, article.uk-article .fl-normal-size ol, article.uk-article .fl-normal-size p, article.uk-article .fl-normal-size ul, article.uk-article .uk-comment-body, article.uk-article .uk-comment-body div, article.uk-article .uk-comment-body li, article.uk-article .uk-comment-body ol, article.uk-article .uk-comment-body p, article.uk-article .uk-comment-body ul, article.uk-article div.sharedaddy~p, article.uk-article div.tptn_counter~p, article.uk-article ul.uk-subnav, article.uk-article ul.uk-subnav li {
    font-family: Inter, "FontAwesome";
    font-weight: normal;
    line-height: 22px !important;
    font-size: 14px !important;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    margin-right: 0;
}

article.uk-article p.uk-article-meta~p strong, b, strong {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 500;
}

article.uk-article ol, article.uk-article ul {
    line-height: 1.5em;
    margin-right: 0.5em;
    padding-left: 1em;
}

article.uk-article ol>li>ol, article.uk-article ol>li>ul, article.uk-article ul>li>ol, article.uk-article ul>li>ul {
    padding-left: 1em !important;
}

blockquote {
    font-style: normal;
}

h1.fl-blog-title {
    font-family: "IBM Plex Serif";
    font-weight: 700 !important;
    letter-spacing: -0.04em;
    font-style: italic;
    font-size: 48px;
    margin-top: 16px;
    margin-bottom: 24px;
}

p.fl-blog-subtitle {
    text-transform: uppercase;
    letter-spacing: 0.21em;
    font-feature-settings: "smcp" 1, "c2sc" 1;
    font-family: "Work Sans";
    font-size: 18px;
}

span.stretch4 {
    /*
    display:inline-block;
    transform:scale(4,1);
	-webkit-transform: scale(4,1);
	-moz-transform: scale(4,1);
	-ms-transform: scale(4,1);
	-o-transform: scale(4,1);
	*/
    ;
}

.uk-article-title {
    font-size: 28px;
    line-height: 1.1em;
    font-weight: 600;
    text-transform: none;
    margin: 0.5em auto 1.2em;
    max-width: 100vw;
    left: auto;
    right: auto;
}

.uk-h1, h1 {
    font-size: 28px;
    margin: 2em auto 1.2em;
    line-height: 1.1em;
    font-weight: 600;
    font-family: "IBM Plex Serif";
    text-align: center;
    left: auto;
    right: auto;
}

h1 a {
    font-family: "IBM Plex Serif";
    font-weight: 300;
}

.uk-h2, h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1em;
    text-align: center;
    margin: 1.2em auto 10px;
    max-width: 550px;
    font-family: "IBM Plex Serif";
    text-rendering: optimizeLegibility;
    left: auto;
    right: auto;
}

h2 a {
    font-family: "IBM Plex Serif";
    font-weight: 600;
}

.uk-h3, h3 {
    font-style: italic;
    font-family: "IBM Plex Serif";
    font-weight: 400;
    line-height: 1.1em;
    font-size: 24px;
    text-align: center;
    margin: 2em auto 10px;
    left: auto;
    right: auto;
}

.uk-h4, h4 {
    font-style: normal;
    font-family: "Work Sans";
    font-weight: 500;
    line-height: 1.1em;
    font-size: 22px;
    text-align: center;
    margin: 0.6em auto 10px;
    text-transform: uppercase;
    font-feature-settings: "smcp" 1, "c2sc" 1;
    letter-spacing: 0.07em;
    left: auto;
    right: auto;
}

h5 {
    font-family: "Work Sans";
    font-weight: 400;
    font-style: normal;
}

#toc_container .toc_list, #toc_container .toc_list ul {
    font-size: 14px;
}

code {
    font-size: 0.97em;
    text-shadow: 0 1px 0 #fff;
}

.syntaxhighlighter code, .syntaxhighlighter textarea {
    font-size: 0.8em;
}

.fl-store-teaser-wrapper {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
}

.fl-store-teaser-caption-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.fl-store-fontlabstudio {
    color: black;
    background-color: rgba(250, 250, 250, 0.95);
    padding: 5px 25px;
}

.fl-store-fontographer {
    color: black;
    background-color: rgba(250, 250, 250, 0.95);
    padding: 5px 25px;
}

.fl-store-transtype {
    color: black;
    background-color: rgba(250, 250, 250, 0.95);
    padding: 5px 25px;
}

.fl-store-typetool {
    color: black;
    background-color: rgba(250, 250, 250, 0.95);
    padding: 5px 25px;
}

.fl-store-bitfonter {
    color: black;
    background-color: rgba(250, 250, 250, 0.95);
    padding: 5px 25px;
}

.fl-store-scanfont {
    color: black;
    background-color: rgba(250, 250, 250, 0.95);
    padding: 5px 25px;
}

.fl-store {
    color: black;
    background-color: rgba(250, 250, 250, 0.95);
    padding: 5px 25px;
}

ol, ul {
    padding-left: 10px;
}

ol.toc_widget_list, ul.toc_widget_list {
    padding-left: 0;
}

#ttcont code {
    background-color: #333233;
    color: white;
    font-size: 0.8em;
}

.toc_widget {
    position: fixed;
    top: 140px;
    z-index: -1;
}

.yt-3-cols .epyt-video-wrapper iframe { 
    width: 100%;
    height: 50vw;
}

@media only screen and (min-width: 768px) {
    .yt-3-cols .epyt-video-wrapper iframe { 
        height: 17vw;
    }

    .uk-article-title, .uk-h1, h1 {
        font-size: 54px;
        font-weight: 300;
        letter-spacing: -0.03em;
    }
    .uk-h2, h2 {
        font-size: 40px;
        letter-spacing: -0.02em;
    }
    h1+address, h1+blockquote, h1+dl, h1+fieldset, h1+figure, h1+hr, h1+ol, h1+p, h1+pre, h1+ul, h2+address, h2+blockquote, h2+dl, h2+fieldset, h2+figure, h2+hr, h2+ol, h2+p, h2+pre, h2+ul, h3+address, h3+blockquote, h3+dl, h3+fieldset, h3+figure, h3+hr, h3+ol, h3+p, h3+pre, h3+ul, h4+address, h4+blockquote, h4+dl, h4+fieldset, h4+figure, h4+hr, h4+ol, h4+p, h4+pre, h4+ul, h5+address, h5+blockquote, h5+dl, h5+fieldset, h5+figure, h5+hr, h5+ol, h5+p, h5+pre, h5+ul {
        margin-top: 30px;
    }
    h2+h2, h2+h3, h2+h4, h3+h3, h3+h4 {
        margin-top: 16px;
    }
    h1+h2, h1+h3, h1+h4 {
        margin-top: -46px;
    }
    code {
        font-size: 0.97em;
        text-shadow: 0 1px 0 #fff;
    }
    .syntaxhighlighter code, .syntaxhighlighter textarea {
        font-size: 0.8em;
    }
    article.uk-article div p, article.uk-article p.uk-article-meta~p, article.uk-article section p {
        font-size: 19px;
    }
    article.uk-article ol, article.uk-article ul {
        font-size: 19px;
    }
    /*
	article.uk-article p.uk-article-meta + p:first-letter,
	article.uk-article #toc_container + p:first-letter
	{
		font-family: "Work Sans";
		font-size: 104px;
		line-height: 70px;
		font-weight: 300;
		float: left;
		margin: 3px 4px 0 -11px;
	}
*/
    article.uk-article #comments, article.uk-article #comments div, article.uk-article #comments li, article.uk-article #comments ol, article.uk-article #comments p, article.uk-article #comments ul, article.uk-article #comments~p, article.uk-article .fl-normal-size, article.uk-article .fl-normal-size div, article.uk-article .fl-normal-size li, article.uk-article .fl-normal-size ol, article.uk-article .fl-normal-size p, article.uk-article .fl-normal-size ul, article.uk-article .uk-comment-body, article.uk-article .uk-comment-body div, article.uk-article .uk-comment-body li, article.uk-article .uk-comment-body ol, article.uk-article .uk-comment-body p, article.uk-article .uk-comment-body ul, article.uk-article div.sharedaddy~p, article.uk-article div.tptn_counter~p, article.uk-article ul.uk-subnav, article.uk-article ul.uk-subnav li {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    h1.fl-blog-title {
        font-weight: 700 !important;
        font-size: 124px;
        letter-spacing: -0.07em;
        line-height: 0.7em;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    p.fl-blog-subtitle {
        margin: 0 auto 90px;
    }
}

.fl-superwide, .fl-fullwide {
    width: 100%;
    /*background-color: #f9f9f9;*/
}

@media only screen and (min-width: 960px) {
    .fl-superwide {
        width: 100vw;
        max-width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding-left: 11vw;
        padding-right: 11vw;
    }

    .fl-fullwide {
        width: 100vw;
        max-width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding-left: 0;
        padding-right: 0;
    }

}

.uk-article-title, .uk-h1, h1 {
    max-width: 80vw;
    width: 80vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -40vw;
    margin-right: -50vw;
}

body {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

input {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

code, kbd, pre {
    font-family: "IBM Plex Mono", "Consolas", "Courier New", Courier, monospace;
}

.aligncenter {
    text-align: center;
}

.lyte-wrapper, .uk-article-meta, .uk-article-meta a, .uk-article p.uk-article-meta, .uk-article p.uk-article-meta a, .lL, .lL a {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: 'Work Sans';
    font-size: 1.125rem;
}

.uk-article-meta a, .uk-article p.uk-article-meta a, .lL a {
    font-weight: 500;
}

ul.wp-block-jetpack-slideshow_swiper-wrapper.swiper-wrapper {
	height: fit-content !important;
}

.fl-box-shadow-slideshow div.wp-block-jetpack-slideshow_container.swiper-container {
	box-shadow: 0 0 8px 0px rgba(0,0,0,.1);
	margin-bottom: 0px;
}


.fl-box-shadow-img img {
	box-shadow: 0 0 8px 0px rgba(0,0,0,.1);
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
	display: none !important;
}