/*
Theme Name: Education Zone Child
Theme URI: https://wordpress.org/themes/education-zone/
Description: Education Zone Child Theme for IELTS Mentor Website
Author: Md Razibul Hassan
Author URI: https://wordpress.org/	
Template: education-zone
Version: 1.0.0
Text Domain:  educationzonechild

*/

/* Changes body font size */
body {font-size: 18.6px}

/* Changes footer font size */
.site-footer .widget-area .col {font-size: 17.8px}

/* Changes footer widget items color */
.widget-area .widget_text a {color: #3b9ad7}
.widget-area .widget_text a:hover {color: #a54444}

/* Makes Main Menu items Capitalized rather than all uppercase */
.main-navigation a {text-transform: capitalize}

/* Increases the gap between the letter of the site title */
.site-title {letter-spacing: 3px}

/* Changes the Font Family of the site title */
.site-title a {font-family: 'Lato', sans-serif;}

/* Changes style of the site description */
.site-description { font-size: 16px; line-height: 1.6; color: #006400}

/* Changes the Category Heading font size */
.page-header .page-title {font-size: 34px}

/* Changes the Theme default Table td padding and text alignment */
.single-post .site-content .entry-content table td {
    padding: 8px 26px;
    text-align: left;
}

/* Adds a dotted underline for h2 */
h2 {
	border-bottom: dashed 1.5px #3b9ad7;
	padding-block: 8px;
}

/* Styles Nagivation menu items */ 
#secondary .widget ul li a {
    font-size: 17px;
    color: #4aa0d7;
    line-height: 1.8;	
}
#secondary .widget ul li a:hover 
{color: #a54444}

/* Changes Read More button hover style */
#primary .read-more:hover {
    background: #26668f;
    color: #fff;
    transition: 0.4s;
}

/* Increases top margin for the navigation widget */
#secondary .widget {margin-top: 40px}

/* Changes content URL color and hover color*/
#content a {color: #0693e3}
#content a:hover {color: #a54444}

/* Body Content and right navbar area adjustment*/ 
#primary {width: 78%}
#secondary {width: 22%; float: right;}

/* Increases main menu item spacing and padding*/
.main-navigation ul ul a {
    width: 240px;
    padding: 18px 12px;
}

/* Decreases the gap between "next & previous" blog post block and Comment form */
.comments-area.form {padding: 25px 0}

/* Styles the Prev & Next Blog post block */
.site-main .post-navigation {
   padding: 12px 1px;
   border-block: 1px solid #dedede;
}

/* Makes Show/Hide Answer Button larger */
article button {font-size: 15px; padding: 14px}

/* Reading Answer Box Design & General Box Design*/
.reading-answer, .general-box {
    line-height: 1.75;
    padding: 14px;
    border: 2px solid #4CAF50;
    background: white;
    border-radius: 8px;
}

/* Listening Answer Box Design */
.listening-answer {
    padding: 14px;
    border: 2px solid #673ab7;
    background: white;
    border-radius: 8px;
}

/* Increases the quick menu items top-bottom padding */
.site-header .header-top .secondary-nav ul li a 
    {padding-block: 12px}

/* Changes top-right Search box design */
.site-header .form-section form input[type="submit"] {
    width: 44px;
    background: url(images/search-icon.png) no-repeat 48% 53% var(--primary-color);
}

/* Increases the margin-block on site info */
.site-info {margin: 15px 0px}

/* Icon color in blog listing under categories */
#primary .entry-meta svg {color: #3b9ad7}

/* Changes Footer Social Networking svg icon color */
.site-info ul.social-networks li svg { 
	font-size: 24px; 
	color: #3b9ad7;
}

/* Right Navigation Design */
.widget-area .widget ul li {
    list-style: none;
    margin-bottom: 7px;
    margin-top: 8px;
    font-weight: 400;
    padding: 8px 7px;
    border-radius: 6px;
    box-shadow: -3px -3px 7px #ffffff, 3px 3px 5px #ceced1;
}

/* Search result page design changes */
.search .site-content #primary .post, .search .site-content #primary .page {
    padding: 10px 20px;
}

/* Archive (Category etc.) page design changes */
#primary .post, #primary .page {
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

/* ================= 
 * Media Queries * 
=================== */

@media only screen and (max-width: 991px) {
	.mobile-header{border-bottom: 2px solid #3b9ad7}
	#secondary {display:none}
	#primary {width:100%}
	.widget-area .widget form input[type="search"] {width: 60%}
} 

@media only screen and (max-width: 991px) {
	.mobile-header{border-bottom: 2px solid #3b9ad7}
	#secondary {display:none}
	#primary {width:100%}
}

/* ===================================================== */
            /* Custom Designs by Me */
/* ===================================================== */

/* Dashed Underline design*/
.dash-highlight {
    text-underline-offset: 8px;
    text-decoration: underline dashed cornflowerblue;
}

/* Comment Navigation, and a general top-bottom dashed block design */
.comment-navigation, top-bottom-dash {
    border-block: dashed 1.5px #3b9ad7;
    padding: 10px 5px;
    font-size: larger;
}

/* Comment General Desing Customisation */
.comment-content {font-size:17px}
.comment-author.vcard {color: #3F5B57}


/*** Google Search Customization ***/
div.gsc-input-box {border-color: #2196f3}  /* Google Search Input Box */

/* Google Search Button Design */
.gsc-search-button button { 
   box-shadow: none;
   padding: 22px 46px;
}
/* Google Search Result Font Size */
div.gsc-control-cse {font-size:16px}
div.gsc-control-cse div.gsc-table-result {font-size:15px}