/*
 Theme Name:   TYOKBD
 description: >-
   Tokyo Keyboard Theme
 Author:       TOKYO KEYBYOARD
 Template:     hamilton
 Version:      1.0.2
*/

@font-face {
  font-family: 'VCR';
  src: url('../tyokbd/assets/vcr_osd_mono-webfont.woff2') format('woff2'),
       url('../tyokbd/assets/vcr_osd_mono-webfont.woff') format('woff'),
       url('../tyokbd/assets/VCR_OSD_MONO.ttf') format('truetype');
  font-display: swap;

}


body {
  background: #fff;
	border: none;
  color: #000;
	font-family: 'VCR';
  font-size: 20px;
  text-transform: uppercase;
}


/* Hamburger Setting */
.dark-mode .nav-toggle .bar {
    background-color: #f7baa1;
}

.nav-toggle.active .bar {
    background-color: #C0D9AF;
}

.boxzilla-close-icon {
	color: #C0D9AF!important;
}

/* Make selected text */
::-moz-selection {
  color: white;
  background: blue;
}

::selection {
  color: white;
  background: blue;
}


/* Menu Modifications */
.site-nav li a::before {
	content:'/';
}

.site-nav {
  margin: 100px 0 0;
}

/* Column Mods */

.post-preview h2 {
    text-transform: uppercase;
    /*font-weight: 400;*/
	  line-height: 1.25em;
	  text-align: left;
		background: black;
    width: auto;
    padding: 10px;
    margin: 0 auto 0 0;
}

.preview-category {
	font-size:14px;
	text-transform:uppercase;
}


/* media size */

@media ( min-width: 1001px ) {

	.three-columns-grid .post-preview h2 {

	}
	.site-header {
    padding: 20px 0;
	}


}

@media ( min-width: 1000px ) {

	.post-preview h2 {

	}

	.site-header {
  	  padding: 20px 0;
	}


}

@media ( min-width: 620px ) {

	.post-preview h2 {

	}
	.site-header {
    padding: 30px 0;
	}

}

@media ( min-width: 400px ) {

	.post-preview h2 {
		font-size: 14px;
		font-weight:800;
	}

}



.wp-custom-logo .site-header {
    padding: 20px 0;
}

.section-inner.menus.group {
	margin-top:20px;
}


.post-preview {
	padding:60px;
}

@media (max-width: 620px) {
	.post-preview {
    padding: 10px;
 }
}

span.sticky-post {
	display:none;
}

/* Typography */
h1,h2,h3,h4,h5 {
  font-weight: 700;
  /*font-family: 'Courier Prime', monospace;*/
}

.title {
  font-weight: 700;
}

/* Retro Design */

a {
  color:blue;
  text-decoration: none;
}

/* no border nav button*/
button.nav-toggle{
  border:none;
  box-shadow:none;
}

/* windows style windows */
.post-preview header {
  bottom: auto!important;
  left: 63px;
  right: 63px;
  top: 63px;
  transform:none;
}

@media (max-width: 400px) {
  .post-preview header {
    left: 13px;
    right: 13px;
    top: 13px;
  }
  .post-preview {
    width:100%!important;
  }
}

.post-preview header button {
  background:silver;
}

.post-preview .sticky header {
  opacity: 1!important;
}

.title-bar, .window, button, input, label, option, select, textarea, ul.tree-view {
    font-family: "VCR",Arial;
    -webkit-font-smoothing: none;
    font-size: 14px;
}

/* Text Only post */

.text-only {
  background:none;
  box-shadow: none;
}

.text-only .preview-image{
  font-size: 2.5em;
  line-height: 1.4em;
  background:none;
}

.post-preview.fallback-image .text-only .preview-image:before {
    content: "";
    display: block;
    padding-bottom: 4%;
    width: 100%;
}

/* Graghic Only */
.preview-image.graphic {
    background: no-repeat center;
    /* background-size: cover; */
    background-size: 100%;
}

/* No Hover Over */
.preview-image:after {
    background: none;
    content: "";
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out, background .3s ease-in-out;
}