/*
 Theme Name:   WhiteBoxTheme
 Theme URI:    https://wpdove.com
 Description:  GeneratePress child theme
 Author:       Anil Singhal
 Author URI:   https://anilsinghal.com
 Template:     generatepress
 Version:      2023.02.23.01
*/

/*

A. Header
B. Main Content Area
C. Sidebar
D. Footer

*/

/* Typography ------------------------------------------------------------------------------------------------- */

/* headings -- 30 may 2021 */
h1{font-size:26px}
h2{font-size:23px}
h3{font-size:20px}
h4{font-size:17px}
h5{font-size:15px}
@media (max-width:768px){
	h1{font-size:24px}
	h2{font-size:21px}
	h3{font-size:18px}
	h4{font-size:15px}
	h5{font-size:13px}
}
/* --- */


/* A. Header ------------------------------------------------------------------------------------------------- */

/* B. Main Content Area ------------------------------------------------------------------------------------------------- */

/* --- */
.entry-header .entry-meta {
    font-size: 70%;
}
/* --- */


/* word spacing - looks better - 27-01-23 */
.entry-content p, .entry-summary p {word-spacing:2px}
/* --- */

/* list alignment - looks better - 27-01-23 */
.entry-content ol, .entry-content ul {
  margin: 0 0 1.5em 1.5em;
}
/* --- */

/* create some space above posts navigation */
.single-post nav#nav-below {margin-top:20px;}
/* --- */


/* create space above tags links */
.single-post footer span.tags-links {margin-top: 10px;}
/* --- */


/* -- css for posts navigation in single post -- */
.single-post footer.entry-meta {
  font-size: 95%;
  line-height: 1.2;
}
.single-post footer nav#nav-below span {
  font-weight:bold;
  line-height: 1.2 !important;
}
@media (max-width: 768px) {
	.single-post footer nav#nav-below span a {
		line-height: 1.2 !important;
	}
}
/* --- */
.single-post footer nav#nav-below {
  display: flex;
  flex-wrap: wrap;
}
.single-post footer nav#nav-below div.nav-previous,
.single-post footer nav#nav-below div.nav-next {
  width: calc(50% - 10px);
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
}
.single-post footer nav#nav-below div.nav-previous {
  margin-right:10px;    
}
.single-post footer nav#nav-below div.nav-next {
  margin-left:10px;
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
   .single-post footer nav#nav-below div.nav-previous,
   .single-post footer nav#nav-below div.nav-next {
       width: 100%;
       margin: 5px 0 5px 0;
    }
}
/* --- */
.single-post footer nav#nav-below span.gp-icon {
  margin-right: 0;
  margin-left: 0;
  text-align: center;
  font-size: 2em;
  line-height: 0;
  background-color: var(--contrast-2);
  color: var(--base-3);
  padding: 20px 0;
  width: 10%;
  display: block;
  height: 100%;
}

.single-post footer nav#nav-below span.prev,
.single-post footer nav#nav-below span.next {
   width: 90%;
   display: block;
   padding: 10px;
}
/* --- */

/* pagination - final on 10 May 2020 - updated on 4-5-21 */
.nav-links .page-numbers {
    border-radius: 4px;
    min-width: 2em;
    line-height: 1.5em;
    padding: 5px 15px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    margin: 4px 4px 4px 0;
}
.nav-links .page-numbers:hover{
	background-color:#f1f1f1;
}
.nav-links .page-numbers.current {
    background-color:#f1f1f1;
   	font-weight:600;
}
/* --- */

/* yarpp - using h2 in yarrp heading plus menu widget in sidebar */
.yarpp-related h2{font-size: 20px;color:#1e73be;font-weight:bold;margin-bottom:30px}
.yarpp-related li {margin-bottom:12px}
.yarpp-related ol {margin-left:0; list-style-type:none}
.yarpp-related a, #menu-widget-menu a {
	display:block;
	text-decoration: none;
	background-color: #EEEEEE;
	color: #333333;
	padding: 6px 18px;
	border: 1px solid #ccc;
	border-radius: 15px;
}
/* --- */

/* C. Sidebar ------------------------------------------------------------------------------------------------- */

/* widget categories -- new css -- 7 Feb 22 */
.widget_categories > ul {
    display:flex;
    flex-wrap:wrap;
}
.widget_categories > ul > li {
  width: calc(50% - 4px);
  box-sizing:border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 8px;
  text-align: center;
  line-height: 1.3em;
}
.widget_categories > ul > li:nth-child(odd) {
  margin: 4px 4px 4px 0;
}
.widget_categories > ul > li:nth-child(even) {
  margin: 4px 0 4px 4px;
}
.widget_categories li:hover{
    background-color:#f1f1f1;
}
.widget_categories li.current-cat{
    background-color:#f1f1f1;
    font-weight:600;
}
@media (min-width: 600px) AND (max-width: 768px) {
    .widget_categories > ul > li {
        width: calc(33.333% - 8px);
    }
    .widget_categories > ul > li:nth-child(odd) {
		margin: 4px;
	}
	.widget_categories > ul > li:nth-child(even) {
  		margin: 4px;
	}
}
/* --- */


/* --- */
.widget_recent_entries ul li {
    margin-bottom: .8em !important;
}
/* --- */

/* D. Footer ------------------------------------------------------------------------------------------------- */
.footer_links_other_sites {
	background: var(--base-3);
	margin: 1px auto;
	padding: 4px;
	font-size:90%;
	font-weight:bold;
	text-align:center;
}

.page_generation_time {
	background: var(--base-3);
	margin: 1px auto;
	font-size:80%;
	text-align:center;
}