/*
Theme Name: Jagged Grey
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: Jagged Grey
Author URI: https://wordpress.org
Description: The official Jagged Grey theme.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jaggedgrey
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

body {
background: black;
overflow: hidden;
font-family: 'Times New Roman', Times, serif;
}

.screen {
display: none;
}

.bold {
font-weight: bold;
}

p, ul {
font-size: 14px;
}

ul {
    padding-left: 20px;
}

li {
    margin-bottom: 10px;
}

h3 {
font-size: 20px;
}

a, a:visited, a:active {
text-decoration: none;
color: black;
}

a:hover {
text-decoration: underline;
}

underline:link {
text-decoration: none;
}

underline:hover {
text-decoration: underline;
}

.mobile-top, .mobile-bottom, .mobile-spacer {
display: none;
}

.white {
background-color: white;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
height: 490px;
width: 690px;
}

.space {
background-image: url("assets/background.png");
background-size: contain;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
height: 500px;
width: 700px;
color: black;
}

.content {
position: absolute;
display: block;
top: 100px;
width: 350px;
height: 390px;
margin-left: 175px;
z-index: 1;
}

.head {
height: 87px;
width: 320px;
display: block;
overflow: hidden;
border-bottom: solid black 1px;
}

.menu {
text-align: center;
}

.menu a {
margin-right: 15px;
font-size: 10px;
font-family: "M PLUS 1 CODE";
}

#browse {
display: none;
}

.search {
display: inline;
}

.search form {
display: inline;
}

.search-field {
width: 70px;
height: 15px;
margin: 0;
font-size: 10px;
font-family: "M PLUS 1 CODE";
}

.search-submit {
display: none;
}

.main {
height: 300px;
overflow-y: scroll;
width: 460px;
margin-left: -60px;
}

.column {
width: 270px;   
margin-left: 75px;
padding-left: 10px;
padding-right: 10px;
}

.main::-webkit-scrollbar {
display: none;
}

.main::-webkit-scrollbar {
display: none;
}

.entry-title {
margin-bottom: 5px;
}

.entry-content a:link {
text-decoration: underline;
}

.entry-content a:hover {
text-decoration: none;
}

time {
font-size: 14px;
font-style: italic;
}

.entry-summary {
margin-bottom: 20px;
}

.cat-links, .posts-navigation, .nav-links, .reply, .return {
font-size: 10px;
font-family: "M PLUS 1 CODE";
}

.post-nav-links {
font-weight: bolder;
}

.post-nav-links span {
font-weight: bolder;
}

.post-page-numbers {
font-weight: normal;
text-decoration: none!important;
margin-left: 10px;
}

.post-page-numbers:hover {
font-weight: bolder;
}

.return a{
text-decoration: none!important;
}

.return a:hover {
text-decoration: underline!important;
}

.wp-block-post-author-name {
font-style: italic;
text-align: right;
}

.nav-previous {
margin-bottom: 9px;
}

#comment {
width: 98%;
height: 65px;
resize: none;
font-family:'Verdana';
font-size: 10px;
margin-bottom: -10px;
margin-top: -7px;
}

#email {
font-family:'Verdana';
font-size: 10px;
width: 97%;
height: 20px;
}

#subscribe {
font-family:'Verdana';
font-size: 10px;
width: 167px;
height: 20px;
}

#submit {
width: 90px;
font-size: 10px;
height: 26px;
font-family: "M PLUS 1 CODE";
}

.form-container {
    margin-top: -1px;
}

.form-container #submit {
    margin-top: 1px;
}

#wp-block-search__input-1 {
width: 205px;
height: 26px;
border: 1px solid grey;
border-radius: 2px;
margin: 0;
font-size: 10px;
font-family: "Verdana";
padding-left: 3px;
}

.form-submit {
text-align: center;
}

.spacer {
height: 100px;
}

.remove_margin {
margin-bottom: -5px !important;
}

.page-bottom {
position: absolute;
display: block;
bottom: 0;
height: 95px;
width: 672px;
z-index: 2;
background-image: url("assets/background.png");
background-size: cover;
background-position-y: bottom;
background-position-x: 0;
}

.page-footer {
position: absolute;
bottom: 0;
right: 0;
color: white;
font-family:'Verdana';
font-size: 8px;
margin: 10px;
}

.entry-footer {
    margin-top: 15px;
}

h1{
color: black;
font-family: "Permanent Marker";
font-weight:lighter;
font-size: 40px;
margin-top: 0;
text-align: center;
margin-bottom: 0;
}

h1 a:hover{
text-decoration: none;
}

#return_search {
display:none;
}

.st-btn {
    background: white !important;
    padding: 0 !important;
    height: 25px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    margin-right: 10px !important;
    display: inline-block;
}

.st-btn:hover {
    background: white !important;
    border-bottom: solid 1px black !important;
    top: 0 !important;
}

.st-btn img {
    margin-top: -10px !important;
}



@media (max-width: 400px) {

body {
background: white;
}

p, ul, time {
    font-size: 17px;
}

ul {
    padding-left: 15px;
}

h2 {
    font-size: 27px;
}

h3 {
    font-size: 27px;
}

.mobile-top {
display: block;
width: 100%;
height: 80px;
position: absolute;
margin-top: -5px;
z-index: 2;
background-image: url(assets/mobile_top.png);
background-size: 100% 100%;
background-position: top;
background-repeat: no-repeat;
}

.search {
display: none;
}

.mobile-bottom {
display: block;
width: 100%;
height: 60px;
position: absolute;
bottom: 35px;
z-index: 2;
margin-bottom: -5px;
background-image: url(assets/mobile_bottom.png);
background-size: 101% 100%;
background-position: bottom;
background-repeat: no-repeat;
}

.mobile-spacer {
display: block;
height: 10px;
}

.space {
width: 100%;
height: 100%;
background-image: none;
margin: 0;
}

.white {
display: none;
}

.page-bottom {
display: none;
}

.content {
top: 0;
width: 100%;
height: 100%;
margin-left: 0;
overflow: hidden;
}

.head {
width: 100%;
height: 95px;
margin: 0;
background: black;
padding-top: 10px;
}

#browse {
display: inline;
width: 120px;
height: 26px;
margin: 0;
font-size: 15px;
font-family: "M PLUS 1 CODE";
}

.menu a {
display: none;
}

.main {
width: 100%;
left: 50%;
top: 100px;
position: absolute;
transform: translateX(-50%);
margin-left: 0px;
padding-top: 20px;
height: 100%;
border: 0;
}

.column {
position: absolute;
width: 80%;
margin-top: 20px;
margin-left: 0;
left: 50%;
transform: translateX(-50%);
}

.spacer {
height: 230px;
}

h1 {
font-size: 30px;
}

.entry-summary {
    margin-bottom: 45px;
}

.entry-content {
    margin-bottom: 55px;
}

.remove_margin {
margin-bottom: -40px !important;
}

.wp-block-post-author-name {
font-size: 20px;
}

.page-footer {
background: black;
height: 35px;
width: 100%;
margin: 0;
text-align: center;
left: 50%;
bottom: -2px;
transform: translateX(-50%);
font-size: 13px;
overflow: hidden;
}

#copyright {
margin-right: -5px;
margin-top: 7px;
}

.logo a:link, .logo a:visited {
margin-top: 12px;
color: white;
font-size: 40px;
}

.cat-links, .posts-navigation, .nav-links, .reply, .return {
font-size: 15px;
}

#comment {
width: 98%;
height: 180px;
resize: none;
font-family: 'Verdana';
font-size: 15px;
margin-bottom: -5px;
}

#email {
font-family: 'Verdana';
font-size: 15px;
width: 97.5%;
height: 26px;
}

#submit {
width: 120px;
font-size: 13px;
height: 31.5px;
font-family: "M PLUS 1 CODE";
}

#return_search {
display:block;
}

#wp-block-search__input-1 {
width: 77.5%;
height: 31.5px;
font-size: 15px;
}

#subscribe {
    font-size: 15px;
    width: 77,5%;
    height: 26px;
}

}