style.css

/*!
Theme Name: CeylonBlog
Theme URI: https://ceylon.blog
Author: Dasun Edirisinghe
Author URI: https://dasun.blog
Description: A super clean , super fast news theme
Version: 1.0.3
License: GNU General Public License v3 or later
License URI: LICENSE
Text Domain: ceylonblog
Tags: translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
CSS normalization based in part on normalize.css by
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}link{display:none}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.no-js .lazy{display:none!important}@media screen and (min-width:60em){.has-sidebar .site{margin:0 1em;display:grid;grid-template-columns:3fr 1fr;grid-gap:2rem;-ms-flex-pack:center;justify-content:center}.site-header{grid-column:span 2}.site-main{grid-column:1;min-width:0}.primary-sidebar{grid-column:2;min-width:0}.site-footer{grid-column:span 2}}a:active,a:hover{outline:0}.site-header{padding-bottom:1em}.site-branding{text-align:center;padding:60px 0 1.75em}.site-title{margin:0 1em;font-size:38px;font-weight:700;line-height:1.2;color:#333332}.site-description,.site-title{font-family:Playfair Display,sans-serif}.site-description{margin:.4375em 0 0;font-size:17px;font-weight:inherit;line-height:1.4;word-wrap:break-word;color:#757575}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:2}#primary[tabindex="-1"]:focus{outline:0}.site{margin:0 auto;max-width:100%}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col-20{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}body,button,input,optgroup,select,textarea{color:#343a40;font-family:Lato,serif;font-size:20 px;font-size:1.25 rem;line-height:1.4}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,sans-serif;color:#32373c;clear:both}.entry-header h1.entry-title{font-size:32px;font-size:2rem;line-height:1.4;margin:1em 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:12.8px;font-size:.8em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{display:block;height:auto;max-width:100%}figure{margin:.5em 0}table{margin:0 0 1.5em;width:100%}a{color:#0073aa}a:visited{color:#333}a:active,a:focus,a:hover{color:#00a0d2}a:focus{outline:thin dotted}a:active,a:focus{outline:0}button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);font-size:12px;font-size:.75rem;line-height:1;padding:.6em 1em .4em;cursor:pointer}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}.site-header{margin:0 auto;max-width:75rem;width:100%}.site-header .top-bar{background-color:#343a40;border-bottom:1px solid #e5e5e5}.site-header .top-bar .site-branding{padding-bottom:1rem;padding-top:1rem}.site-header .top-bar .site-branding .site-title{font-family:Playfair Display,sans-serif;font-size:36px;font-weight:700;line-height:1.2;color:#fff}.site-header .top-bar .site-branding .site-description{display:none}.header-image{margin:0 auto}.header-image img{display:block;margin:0 auto}.custom-logo-link{display:inline-block;margin:0 auto 1em}.site-title a{text-decoration:none;color:inherit}.main-navigation{clear:both;margin:0 auto 2em;padding:0 1em;max-width:720 px;max-width:45 rem}.main-navigation,.menu-toggle{display:block;font-family:Playfair Display,sans-serif}.menu-toggle{margin:1.2em auto;padding:.6em 1.2em .5em;font-size:80%;text-transform:uppercase;border:2px solid #000;border-radius:0;background:transparent}.main-navigation a{display:block;width:100%;padding:.5em 1em .5em 0;text-decoration:none;color:#000}.main-navigation a:focus,.main-navigation a:hover{text-decoration:underline}.main-navigation ul{display:block;list-style:none;margin:0;padding:0}.main-navigation li{position:relative}.main-navigation ul ul li{padding-left:1em}.main-navigation .dropdown,.main-navigation .menu,.main-navigation button.dropdown-toggle{display:none}@media screen and (max-width:37.5em){.main-navigation.toggled-on .menu{display:block}}@media screen and (min-width:37.5em){.menu-toggle{display:none}.main-navigation ul li a{padding:.4em .5em}.main-navigation ul li{margin:0 0 0 .5em}.main-navigation ul li:first-child{margin-left:0}.main-navigation ul ul{display:none;position:absolute;top:100%;-ms-flex-direction:column;flex-direction:column;background:#fff;margin-left:0;box-shadow:0 3px 3px rgba(0,0,0,.2);z-index:1}.main-navigation ul ul a{width:200px}.main-navigation ul ul li{padding-left:0;margin-left:0}.main-navigation ul ul li a{width:218px;background:none}.main-navigation ul ul ul{top:0;left:100%;min-height:100%}.main-navigation .menu{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.main-navigation .menu-item-has-children,.main-navigation .page_item_has_children{padding-right:.7em}.main-navigation .dropdown,.main-navigation button.dropdown-toggle{display:block;background:transparent;position:absolute;right:0;top:50%;width:.7em;height:.7em;font-size:inherit;line-height:inherit;margin:0;padding:0;border:none;border-radius:0;transform:translateY(-50%);overflow:visible}.main-navigation .dropdown-symbol{display:block;background:transparent;position:absolute;right:20%;top:35%;width:60%;height:60%;border:solid #000;border-width:0 2px 2px 0;transform:translateY(-50%) rotate(45deg)}.main-navigation ul ul .dropdown,.main-navigation ul ul button.dropdown-toggle{top:40%;right:.2em}.main-navigation ul ul .dropdown-symbol{transform:rotate(-45deg)}.main-navigation:not(.has-dropdown-toggle) li:focus-within>ul,.main-navigation:not(.has-dropdown-toggle) li:focus>ul,.main-navigation li.toggled-on>ul,.main-navigation li:hover>ul{display:block}}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{border-bottom:1px solid #111;margin:0 auto 2em;max-width:720px;overflow:hidden;padding-bottom:2em;font-family:Playfair Display,sans-serif}.nav-links{display:-ms-flexbox;display:flex}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{width:50%;-ms-flex:1 0 50%;flex:1 0 50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:end;-ms-flex:1 0 50%;flex:1 0 50%}.post-navigation-sub span{color:#343a40;text-decoration:none;display:inline-block}.site-footer{margin:1em 0 0;padding:2em 0;font-family:Playfair Display,sans-serif}.site-info{text-align:center}.infinite-scroll.neverending .site-footer,.infinite-scroll .posts-navigation{display:none}.infinity-end.neverending .site-footer{display:block}