[type=submit],a.text-color,body,button{color:var(--text-color)}[type=submit],input,main,textarea{background-color:var(--white-subtale)}.articles article[single] h1,.sidebar{text-align:start}.pagination a,a{text-decoration:none}:root{--primary-color:#ffcc00;--primary-color-hover:#ffdb4d;--secondary-color:#ffe680;--white:#fff;--white-subtale:#cecece;--text-color:#000;--bg-color:#fff;--black:#000;--border-color:#ffdb4d}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:var(--bg-color);position:relative;max-width:100%}.sidebar,header{position:fixed;top:0;width:100%}.no-scroll{overflow:hidden}.d-flex{display:flex}.d-none,.sidebar.closed{display:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-content:center;align-items:center}a{color:var(--primary-color)}a:hover{color:var(--primary-color-hover)}[type=submit],input,textarea{color:var(--text-color);border-color:var(--secondary-color);border:0;outline:0;margin-top:3px}.header-bottom,.sidebar .widget .wp-block-latest-comments{border-bottom:1px solid var(--white-subtale)}[type=submit],button{background-color:var(--primary-color);border-radius:5px}.articles article,.sidebar,header{background-color:var(--bg-color)}.articles article img,.comment-respond{border-radius:8px}input:focus{outline:0}svg,svg path{fill:currentColor}header{z-index:999}.header-top{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.header-top .logo{font-size:1.5rem;font-weight:700;padding-top:5px}.header-top .search-bar{margin-left:20px;width:100%}.header-top .search-bar input{padding:10px;width:calc(100% - 40px)}.header-top .toggler{font-size:1.5rem;cursor:pointer;margin-left:20px;margin-top:3px}.header-bottom{white-space:nowrap;overflow-x:auto;padding:10px;border-top:1px solid var(--white-subtale);scrollbar-width:none}.header-bottom::-webkit-scrollbar{display:none;width:0}.header-bottom a{display:inline-block;padding:8px 15px;border-radius:5px;margin:0 5px;font-size:.9rem;font-weight:401}.header-bottom a:hover,.header-bottom a[active]{border-bottom:3px solid var(--primary-color)}main{margin-top:150px}.articles.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:5px}.articles article{overflow:hidden;transition:transform .2s,box-shadow .2s;z-index:1;position:relative}.articles article[single]{padding:20px}.articles article[single] .post-thumbnail img{width:100%;height:auto}.articles article .flex{display:flex;padding:0 10px 0 0;margin:0;justify-content:space-between;align-items:center;height:100%}.articles article h2{font-size:1rem;margin:15px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-height:1.4;max-height:calc(1.4em * 2);white-space:normal}.articles article .excerpt{padding:0 15px 15px;font-size:.95rem;color:#666}.articles article .author{padding-left:15px;padding-top:10px;font-size:16px}.articles article[single] .author{font-size:16px;padding:0}.articles article .content{padding:10px}.badge span{color:var(--primary-color);padding-left:15px;font-weight:700}.pagination a,.sidebar,.sidebar .widget{color:var(--text-color)}.comment-respond{padding:10px}.comment-respond form input,.comment-respond form textarea{max-width:320px}.comment-respond form input{padding:5px}.sidebar{height:100%;margin:0;transition:.3s ease-in-out;overflow-y:scroll;z-index:9999}.sidebar .widget{padding:10px;margin:5px}.sidebar .widget ol,.sidebar .widget ul{list-style:none;padding:0}.sidebar .wp-block-categories-list.wp-block-categories{list-style:none;padding:5px}.sidebar .wp-block-categories-list.wp-block-categories li{font-size:1.5rem;margin:5px 0}.sidebar .widget form[role=search]{width:calc(100% - 30px)}.sidebar .widget form[role=search] input{border:0}.sidebar .widget .wp-block-latest-posts li{margin-bottom:10px;font-weight:401}.sidebar .widget .wp-block-latest-comments li{text-align:start;list-style:none}.sidebar .widget .wp-block-latest-comments__comment-author{font-weight:401}footer{text-align:center;padding:20px}.pagination{display:flex;justify-content:center;margin-top:20px;list-style:none;padding:20px}.pagination li{margin:0 5px}.pagination a{padding:8px 12px;background:var(--primary-color);border-radius:3px}.pagination a:hover{background:var(--secondary-color)} /* Nav Menu */ .primary-menu-container { background: var(--bg-color); padding: 10px; } .primary-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 15px; } .primary-menu li { display: inline-block; } .primary-menu li a { text-decoration: none; font-weight: bold; } .primary-menu li a:hover { color: var(--primary-color); }