n/*
Theme Name: KDSH
Theme URI: kdsh.world
Author: Kadish Morris
Author URI: kadishmorris.com
Description: Cool theme for cool people 
Tags: KDSH, journalism, portofilio, editorial, books, publishing 
Version: 2024.1
Text Domain: KDSH
KDSH WordPress Theme 2011-2024
*/

body {background-color: white; }
html { background-color:white; font-family: helvetica; color: white; font-weight: 100; margin: 0; }
.cat h1 { display: none; text-align: center; font-size: 140px; font-style: italic; font-family: garamond; background-color: none; font-weight: 200; color: black;}
#mainindex { display: none; margin-top: -3%; float:right; width: 50%; background-color: #fad4dd; margin-right: 0; color: #f7dcea; font-size: 15px; font-family: helvetica; padding: 0%; color: crimson; border-lteft: crimson 3px solid; }
#mainindex h1 { font-family: helvetica; text-align: left; font-weight: 100; font-size: 18px; }
.index-content { color: crimson; width:96%; float:left; padding: 3%; font-weight: 100; margin: 0%; margin-top: 0%; margin-bottom: 0%; margin-right: 0%; font-family: helvetica neue, Cormorant; font-size: 13px; border-bottom: 0px solid grey; padding-bottom: 2%; text-transform: none; font-weight: 400; line-height: auto; letter-spacing: 1px; }
.index-content:nth-child(2) { background-color: #D2EFD0; color: #0053bf;}
.index-content:nth-child(2) .title a { color: #0053bf;}
.index-content:nth-child(2) .tags a { color: #0053bf;}
.index-content:nth-child(3) { background-color: #fffed6; color: #763dd1; }
.index-content:nth-child(3) .title a { color: #763dd1; }
.index-content:nth-child(3) .tags a { color: #763dd1; }
.header2.tag { background-color: purple; }
.header2 .post-container h1 { dispdlay:none; background-color: white; font-size: 150px; color: white; text-align:center; font-style: italic; padding: 5%; width: 100%; font-weight: 200; }
.index-content:last-child { margin-right: 0.5%; }
.index-content2 {width: 28%; float:left; padding: 0%;  text-transform: uppercase; font-weight: 100; margin: 0.5%; margin-top: 1%; margin-bottom: 0%; margin-right: 3.6%; }
.index-content2:last-child { margin-right: 0.5%; }
.index-content2 img { width: 100%; height: auto; filter: grayrscale(00%);}
.index-content2 img:hover { width: 100%; height: auto; filter: grayscale(100%);}
.index-content3 {width: 46%; float:left; padding: 0%;  text-transform: uppercase; font-weight: 100; margin: 2%; }
.index-content3 img { width: 100%; height: auto; filter: grayscale(100%);}
.index-content3 img:hover { width: 100%; height: auto; filter: grayscale(0%);}
.tags {color: crimson; }
.thumbnailindex img { position: fixed; width: 30%; margin-left: 35%; float: left; margin: auto; }

	.index-content img {width: 45%; padding-right: 3%; paddindg: 10%; height: auto; float:left;      filter: grayscale(0%);}
.index-content img:hover {filter: grayscale(0%);}
.copy{ margin-top:0; text-transform: uppercase; height: 40%; width: 99%; float: left; font-size: 70px; font-weight: 100; padding: 0.5%; line-height: auto; padding-top: 0%; bottom:0; font-family: helvetica, garamond, Cormorant; letter-spacing: 15px; color: white; text-align: justify; z-index: 2000;}
.copy a { color: white;  }
.copy img {width: 30%; margin-left: 40%; margin-top: 30%; }
.about { display: none; position: fixed; font-weight: 500; width:100%; background-color: black; font-family:  Cormorant; font-size: 150px;  text-align: justify; color: black; float:left; margin-right: 1%; line-height: auto; margin-bottom: 0; font-weight: 200; padding: 2%; margin-top: -1%; padding-top: 4%; } 
#block { padding: 0; top:0; left:0; background-color: #000; position: fixed; float: left; height: 100%; width: 100%; z-index: -1000; }
.post-form { display: block; font-style: italic; font-size: 25px; font-family: garamond, Cormorant; letter-spacing: 3px; margin-top:0; padding-top: 0; }
.post-covers img:hover {filter: grayscale(0%); }
.post-covers img {  width: 100%; height: auto; float:left;     filter: grayscale(100%);
 }
.post-covers { width: 21%; padding: 2%; padding-top: 1%; margin-bottom: 2%; }
.post-covers { font-family: helvetica; font-size: 25px; letter-spacing: 9px; text-transform: uppercase; }
.background-div {  float: left; bottom: 0; 	left:0; width: 50%;  background-color: 	#ff99cc;  height: 6%;}
.post:hover a, .post:hover .post-title a,  .post:hover .post-date  {color: #751aff; }

body.home .fixed-bottom {background-color: black; color: white; }
body.home .fixed-bottom a {color: white; }
body.home .fixed-bottom a:hover { color: #90ff8c; }

.fixed-bottom a { color: #751aff; font-weight: 100;}
.fixed-bottom {
	left:0;
	color: black;
	z-index: 9000;
  width: 100%;
	text-align: justify;
	margin:0;
	margin-top:0%;
	line-height:60px;
	font-family: helvetica; 
	font-weight: 100;
	text-transform: uppercase;
	font-size: 34px; 
	padding: 0.5%; 
	padding-top: 0%;
		padding-bottom: 1%;
	letter-spacing: 8px;
  height: auto;
	float:left;

}



.about a { text-decoration: underline; font-weight: 200; }
li a {text-transform: none; font-size: 16px; text-transfvorm: uppercase;font-family: Cormorant;  display: inline; text-decoration: none;     list-style-type: none; padding: 0%; margin: 0%;   } 
li { list-style-type: none; line-height: 17px;}
li a:hover {color: navy; font-weight: 600;  }
canvas {display: none;}
::selection {
  background:		crimson; /* WebKit/Blink Browsers */
	color: white;
}
::-moz-selection {
	background: #C21E56; /* Gecko Browsers */ }
#headerlinks {width: 30%; float: left; padding: 0%; font-family: helvetica; font-size: 20px; color:white; text-transform: uppercase; font-size: 13px; font-weight: 100; }
#headerlinks h4 {  margin-top: 5%; margin-bottom: 3%; font-weight: 500; color: #a30f2d; }
#about2 {background-color: none; float:left; width: 30%; display: none; }
 .catheader h1 { text-transform: none; font-family: Cormorant; font-size: 40px; display: inline; color: white; background-color: #a8f584; font-weight: 100; padding: 0.5%;  }
 .catheader h1 a { text-transform: none;font-family: Cormorant; font-size: 34px; display: inline; color: white; background-color: #a8f584; font-weight: 100; padding: 0.5%;  }

.indexheader .date-right {
    position: absolute;
    right: 0; /* Position the date to the right */
}
.about h1 { line-height: 180px; color: black; font-size: 50px; font-family: Cormorant; font-style: italic; font-weight: bold; top: 0; float: left; background-color: none;  }

ul {
    list-style-type: none; margin-top: 1%; 
}
.books-section,
.covers-section,
.reviews-section,
.essays-section,
.print-section { margin-bottom:2%; font-size: 13px; font-weight: 200; text-transform: uppercase; width: 100%; font-family: helvetica; float: left; /* Adjust margin as needed */
}

body.home .header2 h1 a{ color: white; }
body.home .header2 h1 a:hover{ color: #E52B50; }
.header2 h1 a:hover{ color: #E52B50; }
boddy.tag  .header2 h1 a { color: blue; float:left; font-family: times;   }
boddy.tag  .header2 { width: 100%; float: left; background-color: pink; }

.date, .thetag a {font-family: helvetica; font-size: 14px; color:black; padding-top: 4%; float:left; width: 100%; font-weight: 800; }
.title { color: crimson; font-family: helvetica neue, Cormorant; font-size: 13px; text-transform: uppercase; font-weight: bold; font-weight: 500;}
.title a { color: crimson; font-family: helvetica, Cormorant;text-transform:none; font-size: 22px; font-style: italic; }
.thetag a { color: crimson; font-weight: 500; text-transform: uppercase; font-size: 15px;}

#single-content { font-family: Cardo, times new roman; width: 60%; float: left;  font-size: 27px; margin-left: 20%; padding-bottom: 3%; color: black; font-weight: 100; }
#single-content .title {font-family: helvetica; color: black; }
 .thumbnail img { width: 40%; float: left; height: auto; margin-left: 30%; }
.thumbnail img.landscape { width: 100%; }
.thumbnail { width: 100%; float: left; }
#single-page #single-content {color: black; padding:0%; margin: 0%; }
#single-pagve-new  img {  position: fixed;
    margin-left: 37.5%;
	height: auto;
    width: 25%;   margin-top: 9%;   }
.post-covers .post-title a, .post-covers .post-thetag a,  .post-covers .post-date a { color: black; font-size: 25px; text-align: justify; }

/* Table styling */
table {
	float: left;
	text-transform: uppercase;
    width: 50%;
    border-collapse: collapse;
}

/* Table header */
th {
    background-color: #f2f2f2;
    padding-top: 1%;
	padding-bottom: 1%;

    text-align: left;
}

/* Table cells */
td {
     padding-top: 1%;
	padding-bottom: 1%;
    border-bottom: 1px solid white;
}

th:hover {
     padding-top: 1%;
	padding-bottom: 1%;
    border-bottom: 1px solid #ddd;
	    background-color: yellow;

}

/* Links */
a {
    color: black;
    text-decoration: none;
}

/* All text */
body {
    font-family: Cormorant, Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.post-container {
background-color: white;
	color: black;
	text-transform: none;
    display: flex;
	color: black;
	margin-top: 0%; 
	float: left;
	width: 100%;
    flex-wrap: wrap;
}

.post:horver {	color: navy;  font-weight: none; }
.post:hovrr a {	color:crimson; font-weight: none; }


.post {
    width: 100%;
	padding: 0.5%;
	float: left; 
    border-bottom: 2px solid crimson;
    box-sizing: border-box;
}

.post .post-title { width: 45%; float:left;  font-size: 24px; margin-right: 5%; 
	font-family: helvetica, courier;
	letter-spacing: 6px; color: black;}
.post img {width: 100%; height: auto;}
.post-tag a { font-size: 55px; font-weight: 100;
	font-family: helvetica, courier;
	letter-spacing: 5px; color: black; float:left;}

.post-tag { width: 30%;  font-size: 55px;
	font-family: helvetica, courier;
	color: black;
		text-transform: uppercase;

	letter-spacing: 5px;
	float:left;
    box-sizing: border-box; }
.post-date { text-align: right; float: right; margin-left: 0%; }
.post .post-date,
.post-custom-field {    width: 20%; /* Each column takes up 25% of the container */
    padding: 0px;     font-size: 52px;
	font-family: helvetica, courier;
	color: black;
		text-transform: uppercase;

	letter-spacing: 5px;
	float:left;
    box-sizing: border-box;
}

.post .post-title a {
font-size: 55px;
	font-weight: 200;
		text-transform: uppercase;
color: black;
	font-family: helvetica, courier;
	letter-spacing: 10px;
     /* Link color */
    text-decoration: none; /* Remove underline */
}

#canvas {
  width: 500px;
  height: 500px;
  border: 1px solid #ccc;
}
.pixel {
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 1px solid transparent;
}

.black {
  background-color: black;
}

.indexheader { color: #A8A8A8; border-bottom: 1px solid crimson; width: 99%; padding-bottom: 1%; margin-bottom: 1%; font-size: 11px; font-family: helvetica; font-weight:500; float:left; margin-left: 0.5%; color: crimson; }
.index-content:nth-child(2) .indexheader  { color: #0053bf; border-bottom: 1px solid #0053bf;}
.indexheader h4 { background-color: lime; }


/* || MAIN HEADER */


.header2 { color: #fff; font-weight: 100;  margin-top: 0%; padding-top: 0%; float: left; margin-left: ; text-transform: none;  boreder-bottom: 1px solid crimson; width: 100%; font-size: 47px; font-family: helvetica, times, Lucida Console, helvetica; text-align: left; text-transform: uppercase;  padding:0; top:0; float:left;   }
.header2 h1 a { margin-left: 0.5%;  margin-right: 1%;  font-weight: 100; color: color: black; letter-spacing: 2.5px; word-spacing: 6px; /* Adjust this value as needed */
  }
.header2 a {   color: black; font-size: 31.5px; font-family: helvetica; text-transform: uppercase; font-weight: 100; float:left;  }
.header2 h1 a:hover { background-color: none; }

.header2 h1 {font-size: 20px; text-transform: none; font-family: Cormorant; display: inline;  font-weight: 700;  padding: 0%; margin: 0; }

.header2 h2 { font-size: 20px; margin-right: 0.5%; padding-left: 0.5%; padding-right: 0.5%; margin: 0; display: inline; float: left; font-family: Cormorant;  font-weight:700; }
.header2 h3 {float:right; padding:0%; display: none; } 



.footer { background-color: blue; text-transform: uppercase; float:left; width: 98%; background-color: ; height: auto; font-size: 10px;  color: white; padding: 0%; margin: 0; left:0; position: fixed; font-family: helvetica, Cormorant; padding: 0%; font-weight: 100; float:left;   }

.footer a {color: white; font-weight: bold; }
.footer { display: none; justify-content: space-between; }

.left,
.right {
  flex: 1;
}

.foooter .left { float: left; width: 50%; display: inline;  }
.footer .right {float: right; width: 50%; display: inline; text-align: right; }

article:  {width: 100%; margin-bottom: 0; padding-bottom: 0; }
article h2 { width: 100%; padding: 0; margin:0;  }
article h3 {  padding: 0; margin:0; font-size: 30px; color: black;  text-transform: none; font-family:  garamond, Cormorant, times; font-weight: 400; margin-bottom: 2%; margin-left: 20%; width: 60%; font-style: italic; float: left; margin-top: 5%; text-align: center; }
article h3 a {color: black; padding: 0; margin-bottom: 2%; }
.single-title { margin-top: 0%; float: left; background-color: none; width: 70%; padding-bottom: 2%; font-family: helvetica; font-weight: 100; color: black; text-transform: uppercase; margin-left: 15%; text-align: center; font-size: 55px; letter-spacing: 11px; }
.single-title h2 {font-weight: 100; }
.name {display:none; }
.link { margin-top: 5%; font-weight: 100; font-size: 24px;  color: black; font-family: helvetica; text-transform: uppercase; float: left; letter-spacing: 4px; margin-bottom: 14%; }
.link a { color: #751aff;; }

#single-copy p { margin: 0; padding: 0;}
#single-copy  {  font-size: 58px; float: left; color: black; font-size: 58px; text-transform: uppercase; font-family: helvetica; letter-spacing: 8px; text-align: justify;  }

#single-copcy { width: 100%; margin: 0%; font-size: 58px; font-weight: 200; padding: 0%; color: black; font-family: helvetica; text-transform: uppercase; letter-spacing: 8px; text-align: justify; padding-bottom: 0%; margin-bottom: 0%; }
#single-copy  img { position: fixed; margin-left: 35%; width: 30%; height:auto; margin-top: 6%; }

  #overlay {
            position: fixed;
	  display:none;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
	  font-style: italic;
	  font-weight:bold;
            background-color: #ff99cc;
            color: white;
            font-size: 80px;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }
@media only screen and (max-width: 600px) {
	.copy {
		font-size: 29px; /* Adjust font size for smaller screens */
		letter-spacing: 6px;
	}
	
	.header2 .webtitle h1 a { font-size: 23px; }
	
	.header2 h1 a {
		font-size: 18.5px; /* Smaller font size for smaller screens */
		text-align: justify;
		margin-right: 3%;
		word-spacing: 0px;
		font-style: italic;
		letter-spacing: 3px;
		font-weight: 400; }
		
		.fixed-bottom { font-size: 14px; line-height: 20px; letter-spacing: 3px; margin-bottom: 0%; padding-bottom: 0%; }
	.post .post-form { display:none;}
	.post-covers { width: 29%; padding: 2%; padding-top: 1%; margin-bottom: 2%; }
.post-covers img {	filter: grayscale(0%);}
	#single-page  img  { margin-top: 40%; width: 10%; margin-left: 35%; }
	#single-page { float: left; padding: 0; margin:0; }
	#single-copy { font-size: 32px;  }
	.single-title { font-size: 26px; width: 100%; margin-left: 0%;  }
	#single-content { font-size: 22px; width: 80%; margin-left: 10%; font-family: Cormorant;}
	.thumbnail img {width: 80%; margin-left: 10%;  }
	article h3 { font-size: 21px;}


.post .post-title a, .post .post-tag a, .post .post-date { font-size: 16px; letter-spacing: 2px;   }
.post .post-date { display: none; }
.post .post-title { width: 55%; }
.post .post-tag { width: 40%; line-height: 28px; }
.post { border-bottom: 1px dotted crimson; }
	
	}
@media only screen and (min-width: 600px) and (max-width: 1180px) {
	.copy { color:red; font-family: times; font-size: 60px; letter-spacing: 5px;}
	body.home .header2 h1 a{ color: red; }

	}
	
}