/*
Theme Name: Zentile Child
Theme URI: https://github.com/denitcoder/wp-theme-zentile
Template: zentile
Author: denitcoder
Author URI: https://github.com/denitcoder
Description: Zentile is a light-weight magazine theme inspired by Yandex.Zen. Documentation: https://github.com/denitcoder/wp-theme-zentile#readme
Tags: blog,news,one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-logo,custom-menu,editor-style,featured-images,sticky-post,theme-options,threaded-comments,translation-ready,block-styles
Version: 1.7.1.1754379706
Updated: 2025-08-05 15:41:46

*/
* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
/*     font-size: 1rem;
    font-family: 'Montserrat', "Lato", "Helvetica Neue", Helvetica, 'Noto Sans TC', "微軟正黑體", sans-serif; */
/*     background: #fff url("https://i.imgur.com/EqgJanu.jpg") no-repeat fixed left bottom / cover; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	height: 100vh;
}

#site-header {
	position: sticky;
	top: 0;
	background: #FFF;
	z-index: 99;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
	padding: 20px;
}
#site-wrapper {
	height: calc(100vh - 165px);
	overflow: hidden;
	padding: 0 20px;
}

#site-sidebar, #site-content {
	height: 100%;
  	overflow-y: scroll;
}

#site-footer {
	padding: 20px;
}

::-moz-selection {
    background: #f0bf00;
    color: #333;
}

::selection {
    background: #f0bf00;
    color: #333;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 5px 0;
    background: #FFF;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #CCC;
}