/*
 Theme Name: 	Base Theme
 Theme URI: 	https://alexander.vanoosten.productions
 Description: 	Base Theme
 Author: 		Alexander van Oosten
 Author URI: 	https://alexander.vanoosten.productions
 Version: 		1.0.0
 Tags: 			responsive, read, articles
 Text Domain: 	base
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;line-height: initial;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
.aside-toggle { background: none; width: 45px; height: 45px; position: fixed; top: 0px; left: 0px; border: none; padding: 11px 9px; z-index: 2; cursor: pointer; } .aside-toggle span { background: #111; display: block; width: 32px; height: 2px; border-radius: 1px; margin-bottom: 8px; } .aside-close { width: 45px: height: 45px; background: none; border: none; position: absolute; right: 0px; top: 12px; padding: 12px 12px; z-index: 1 } .aside-close span { background: #111; display: block; width: 32px; height: 2px; } .aside-close span:nth-child(1) { transform: rotate(45deg); } .aside-close span:nth-child(2) { transform: rotate(-45deg); margin-top: -2px; } .no-scroll { position: fixed; top: 0; bottom: 0; left: 0; right: 0; } #sidebar { height: 100vh; width: 320px; position: fixed; top: 0; bottom: 0; left: -335px; background: #fff; z-index: 11; box-shadow: 0 0 15px rgba(0,0,0, 0.8); overflow-y: scroll;  -ms-overflow-style: none; scrollbar-width: none; } aside::-webkit-scrollbar { display: none; }} #blayer { background: rgba(0,0,0, 0.88); box-shadow: inset 0px 0px 150px #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0px; display: none; z-index: 4; } a { text-decoration: none; } #header, #container, #above-content, #below-content, #footer, article { -webkit-animation: fadein 1.75s; -moz-animation: fadein 1.75s; -ms-animation: fadein 1.75s; -o-animation: fadein 1.75s; animation: fadein 1.75s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } article { display: inline-block; } .post-edit-link, .post-edit-link a { position: fixed; top: 0px; right: 0px; padding: 8px 14px; z-index: 100; } .icn-search { width: 45px; height: 45px; position: absolute; top: 0px; right: 0px; padding: 3px; border: none; z-index: 2; } .searchx { width: 42px; height: 42px; background: none; border: none; position: fixed; right: 5px; top: 5px; z-index: 12; display: none; } .searchx span { background: #fff; display: block; width: 32px; height: 2px; } .searchx span:nth-child(1) { transform: rotate(45deg); } .searchx span:nth-child(2) { transform: rotate(-45deg); margin-top: -2px; } textarea, select, option, input, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] { background: #fff; font-family: inherit; font-size: 18px; line-height: 30px; padding: 4px 8px; margin: 8px 0px; border: 1px solid #ccc; width: 100%; max-width: 400px;}

@media screen and (max-width: 974px) { html { -ms-overflow-style: none; scrollbar-width: none; } html::-webkit-scrollbar { display: none; } }