/*
Theme Name: Fastest Blog
Theme URI: https://www.wpfastestcache.com/
Author: Emre Vona
Author URI: https://www.wpfastestcache.com/blog/
Description: Looking for the epitome of speed, simplicity, and stunning performance in a WordPress theme? Look no further! The Fastest Bloge is meticulously crafted to be the fastest and most lightweight theme, ideal for bloggers seeking an effortless and efficient setup. With a focus on simplicity, our theme boasts a minimalistic design that is easy to set up, requiring only the essential settings to get your blog up and running in no time. Say goodbye to the complexities of intricate configurations – the Fastest Bloge offers a streamlined experience without compromising on functionality. Designed with bloggers in mind, this theme not only ensures a swift and seamless user experience but also puts a spotlight on your content. The clean and elegant design lets your words take center stage, providing a visually pleasing and distraction-free environment for your readers. SEO optimization is at the core of the Fastest Bloge, ensuring that your blog is search engine friendly and ready to climb the ranks. Boost your online presence effortlessly, thanks to our carefully crafted code and structure that aligns with best SEO practices. What sets us apart is the outstanding performance reflected in PageSpeed Insights. Experience a website that loads at lightning speed, contributing to an enhanced user experience and better search engine rankings. Your audience will appreciate the swift loading times, and search engines will reward you for it. In summary, the Fastest Bloge is not just a theme; it's a commitment to speed, simplicity, and superb user experience. Elevate your blogging journey with a theme that prioritizes your content and ensures that your website stands out in terms of speed, SEO, and overall performance.
Version: 1.0.1
Tested up to: 6.4
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fastest-blog
Tags: Blog, Custom Colors, Custom Logo, Custom Header, Custom Menu, Featured Images, Right Sidebar, Theme Options, Footer Widgets, Two Columns
*/

:root{--main-color: #ff6100;}
main a:not(.toc-link):focus {outline: thin dotted;}



/* List */
body{font-family: "Inter",sans-serif;}
*{ box-sizing: border-box }
*::before{ box-sizing: border-box }
*::after { box-sizing: border-box }
html { margin: 0 !important; padding: 0 !important; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0) }
footer{ display: block }
main{ display: block }
section { display: block }
body { margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff }
h3{ margin-top: 0; margin-bottom: .5rem }
p { margin-top: 0; margin-bottom: 1rem }
img { vertical-align: middle; border-style: none }
h3{ margin-bottom: .5rem; font-weight: 500; line-height: 1.2 }
h3{ font-size: 1.75rem }
.container{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
@media(min-width: 576px) {.container{ max-width:540px } }
@media(min-width: 768px) {.container{ max-width:720px } }
@media(min-width: 992px) {.container{ max-width:960px } }
@media(min-width: 1200px) {.container, .jfHeader-content{ max-width:1180px } }



*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
*::after{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
*::before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
::selection { color: #fff; background-color: #555 }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth }
body { font-weight: 400; font-size: 16px; line-height: 1.75; color: #555; background-color: #fff; text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
footer{ display: block }
main{ display: block }
section{ display: block }
a { text-decoration: none; outline: 0; border: 0 }
img{ border: 0 }
img { vertical-align: middle }
p{ margin-bottom: 15px }
a { color: var(--main-color); }
a:hover { color: #000000; }
@media all and (max-width: 576px) {a { word-wrap:break-word } }


img{ max-width: 100%; height: auto }
h3 { font-size: 32px }
h3{ font-weight: 600; line-height: 1.5em; margin-top: 0; margin-bottom: 15px; color: #000 }
a:focus{ text-decoration: none }
a:hover { text-decoration: none }
.u-gapfromheader { padding-top: 43px; }
h3{ font-size: 26px; }
/*body { background-color: #f8fbfc; }*/
.wp-post-image{ width: 100%; height: auto; }
.author { font-weight: 600; color: silver; display: block; }
.post { line-height: 24px; }
.page-archive .post{ border-bottom: 0; }
.posts .post:last-child { border-bottom: 0; }

.Posts { --gap: 2rem; }
@media (min-width: 768px) {.Posts { --cols: 3 } }
.Posts { display: grid; gap: var(--gap); grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
@media (min-width: 768px) {.Posts[data-cols-2] { --cols: 2 } }
.Posts[data-horizontal] { grid-template-columns: auto; }
@media (min-width: 1000px) {.Posts[data-horizontal] .Post { grid-column: span 2; display: grid; grid-template-columns: 450px auto; } }
.Posts[data-category] .Post-title { font-size: 1.25rem; }
.Posts[data-category] .Post-excerpt { display: none; }
.Posts[data-category-featured] .Post-content { padding: 1.5rem; }
@media (min-width: 768px) {.Posts[data-category-featured] { --cols: 2 } }
@media (min-width: 1200px) {.Posts[data-category-featured] > div:first-child { grid-row: span 3; } .Posts[data-category-featured] > div:last-child { grid-column: 2; } .Posts[data-category-featured] > div:nth-child(n+2) { display: grid; grid-template-columns: 1fr 1fr; } .Posts[data-category-featured] > div:nth-child(n+2) .Post-title { font-size: 1.25rem; } .Posts[data-category-featured] > div:nth-child(n+2) .Post-excerpt { display: none; } }
.Posts[data-line-clamp] .Post-excerpt { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.Posts[data-line-clamp-1] .Post-excerpt { -webkit-line-clamp: 1; }
.Post { display: flex; flex-direction: column; background-color: #fff; border: 1px solid #dfdfdf; }
.Post > a { position: relative; display: block; transition: color 0.3s ease; }
.Post > a > span:first-child { display: block; overflow: hidden; height: 100%; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0,0,0); }
.Post > a > span {background-color: #F0F6FF;}
.Post > a:hover img{ transform: scale(1.05); }
.Post img.wp-post-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; transition: transform 0.6s ease-out; display: block; }
.Post-category { font-weight: 700; margin-bottom: 0; font-size: 0.9rem; }
.Post-link { text-decoration: underline !important; -webkit-text-decoration: underline solid transparent !important; text-decoration: underline solid transparent !important; text-decoration-thickness: 0.15em !important; -webkit-text-decoration: underline 0.15em transparent !important; text-decoration: underline 0.15em transparent !important; }
.Post-link { margin-block: 1rem; color: #333; text-underline-offset: 0.2em; transition: text-decoration-color 300ms, text-underline-offset 300ms; }
/*.Post-link:hover{ color: var(--main-color); }*/
.Post-title { line-height: 1.2; font-size: 1.8rem; font-weight: 700; margin: 0; }
.Post-excerpt { -webkit-margin-after: 1rem; margin-block-end: 1rem; font-size: 1.25rem; }
.Post-content { padding: 2rem; flex-grow: 1; display: flex; flex-direction: column; }
.Post-author { display: flex; align-items: center; gap: 1rem; justify-self: end; margin-bottom: 0; margin-top: auto; line-height: 1.2; }
.Post-author img{border-radius: 50%; width: 40px;}
.Post-author span span { display: block; color: #888888; font-size: 0.75rem; }
.Post-author span span:first-child { font-size: 1.06rem; color: #555555; -webkit-margin-after: 0.2rem; margin-block-end: 0.2rem; }
.Section { padding: 50px 0; }