/*
 Theme Name:   WhiteBoxTheme
 Theme URI:    https://wpdove.com
 Description:  GeneratePress child theme
 Author:       Anil Singhal
 Author URI:   https://anilsinghal.com
 Template:     generatepress
 Version:      1.06
*/

/*

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: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: #fff;
	margin: 1px auto;
	padding: 4px;
	font-size:90%;
	font-weight:bold;
	text-align:center;
}

.page_generation_time {
	background: #fff;
	margin: 1px auto;
	font-size:80%;
	text-align:center;
}
