/*
Theme Name: Education Blogs
Theme URI: https://github.com/onemoreprince/edu-blogs-theme
Author: Prince Kumar
Author URI: https://onemoreprince.com
Description: A custom theme for bunch of educational blog I manage. It contains many custom featured & my Adsense code.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.0
Version: 4.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: education-blogs
Tags:
*/

/*--------------------------------------------------------------
# View Transitions
--------------------------------------------------------------*/

@view-transition {
    navigation: auto;
}

/*--------------------------------------------------------------
# Base & Global Styles
--------------------------------------------------------------*/

:root :where(.wp-block-columns .wp-element-button, .wp-block-columns .wp-block-button__link) {
    color: var(--wp--preset--color--base);
}

.wp-block-columns {
    align-items: flex-start !important;
}

:where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-style: solid;
}

/*--------------------------------------------------------------
# Card & Shadow Styles
--------------------------------------------------------------*/

.blog-article-archive-card {
    box-shadow: 0px 10px 60px 0px rgba(103, 151, 255, 0.24) !important;
    border-radius: 0 0 8px 8px !important;
}

.edu-post-content {
    box-shadow: 0px 10px 60px 0px rgba(103, 151, 255, 0.24) !important;
    border-radius: 0 0 8px 8px !important;
    padding-top: 20px;
}

.textwidget {
    border-radius: 8px;
    font-size: 16px;
    box-shadow: 0px 10px 60px 0px rgba(103, 151, 255, 0.24) !important;
    border-radius: 0 0 8px 8px !important;
}

li:has(.blog-article-archive-card) img {
    border-radius: 8px 0px 0 0 !important;
}

/*--------------------------------------------------------------
# Post Content
--------------------------------------------------------------*/

.wp-block-post-content-is-layout-flow {
    font-size: 18px !important;
}

div.edu-post-content h3,
div.edu-post-content h4,
div.edu-post-content h5,
div.edu-post-content h6 {
    color: var(--wp--preset--color--contrast-2);
}

.pmb-print-this-page.wp-block-button a {
    color: var(--wp--preset--color--white);
    text-decoration: none;
}

/*--------------------------------------------------------------
# Syllabus Sidebar
--------------------------------------------------------------*/

.syllabus-sidebar h4 {
    border-bottom: 1px dotted;
    margin-bottom: 10px;
    margin-top: 10px;
}

.syllabus-sidebar ol {
    list-style-type: lower-alpha;
    list-style-position: outside;
    padding-left: 15px;
    padding-bottom: 6px;
}

/*--------------------------------------------------------------
# Text Hover Tooltips
--------------------------------------------------------------*/

.text-hover {
    border-bottom: 1px dotted #000;
    cursor: help;
}

.text-hover:hover:after {
    content: attr(data-tooltip);
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
    background-color: var(--wp--preset--color--accent);
    color: #fff;
    font-size: 16px;
    padding: 10px;
    border-radius: 3px;
    font-weight: 400;
    line-height: 1.3em;
    width: 300px;
    z-index: 999;
    box-shadow: var(--wp--preset--shadow--deep);
    text-align: center;
}

@media all and (min-width: 780px) {
    .text-hover:hover:after {
        position: fixed;
        left: 30%;
        transform: translate(-50%, -100%);
    }
}

/*--------------------------------------------------------------
# Footer Sites Section
--------------------------------------------------------------*/

#footer-sites {
    padding: 30px 5vw;
}

#footer-sites h3 {
    text-align: center;
}

#footer-sites p {
    text-align: center;
}

div#footer-sites {
    background-color: color-mix(in srgb, var(--wp--preset--color--accent) 10%, transparent);
}

.footer-columns {
    display: flex;
    flex-wrap: wrap;
}

.footer-columns .column {
    flex: 1;
    min-width: 300px;
    margin: 4px;
}

.footer-columns .column a {
    color: var(--wp--preset--color--contrast-2);
    text-decoration: none;
    font-size: 1rem;
}

/*--------------------------------------------------------------
# Plugin: Ajax Search Lite
--------------------------------------------------------------*/

#ajaxsearchlite1 .probox, div.asl_w .probox {
    border: var(--wp--preset--color--accent) 2px solid !important;
}

.asl_res_url {
    font-family: Outfit !important;
}

#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
    font-family: Outfit !important;
    font-size: 16px !important;
}

div.asl_w .probox .promagnifier .innericon svg {
    fill: var(--wp--preset--color--accent) !important;
}

div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
    font-weight: bold;
    color: var(--wp--preset--color--accent) !important;
    font-size: 16px !important;
}

div.asl_r .results .item .asl_content .asl_desc {
    font-size: 14px !important;
}

div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a:hover {
    font-weight: bold !important;
    color: #251954 !important;
    font-size: 16px !important;
}

/*--------------------------------------------------------------
# Plugin: Rate My Post
--------------------------------------------------------------*/

.rmp-widgets-container {
    border: 2px solid;
    border-color: var(--wp--preset--color--accent);
    border-radius: 8px;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-top: 30px !important;
}

p.rmp-heading.rmp-heading--title {
    font-weight: bold;
    color: var(--wp--preset--color--accent);
    font-size: unset;
}

button.rmp-feedback-widget__btn.rmp-btn.rmp-btn--large.js-rmp-feedback-button {
    background: var(--wp--preset--color--accent);
    font: var(--wp--preset--font-family--outfit);
    font-size: 16px;
    border-radius: 5px;
}

textarea#feedback-text {
    font-family: unset;
    width: 100%;
    font-size: 1.05rem;
}

p.rmp-feedback-widget__msg.js-rmp-feedback-msg {
    font-weight: bold;
}

button.rmp-rating-widget__submit-btn.rmp-btn.js-submit-rating-btn.rmp-rating-widget__submit-btn--visible {
    text-decoration: none;
    background-color: var(--wp--preset--color--accent);
    border-radius: .33rem;
    border-color: var(--wp--preset--color--contrast);
    border-width: 0;
    color: var(--wp--preset--color--base);
    font-family: inherit;
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
    padding-top: 0.6rem;
    padding-right: 1rem;
    padding-bottom: 0.6rem;
    padding-left: 1rem;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

div.eb-nav-contents span.eb-menu-indicator {
    background: var(--wp--preset--color--accent) !important;
}

ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    z-index: 1000 !important;
}

a.wp-block-navigation-item__content {
    padding: 5px !important;
}

ul.wp-block-navigation__submenu-container {
    width: 250px !important;
    padding: 10px !important;
}

li.wp-block-navigation-item {
    padding: 0px 5px 0px 5px !important;
    margin: 0 !important;
}

div.wp-block-navigation__responsive-container {
    z-index: 1000 !important;
}

/*--------------------------------------------------------------
# Mobile Responsive
--------------------------------------------------------------*/

@media only screen and (max-width: 600px) {
    ul.wp-block-navigation-submenu {
        margin: 0 !important;
        padding: 0 !important;
        text-align: right;
    }

    a.wp-block-navigation-item__content {
        margin: 0 !important;
        padding: 5px !important;
    }

    li.has-child>a {
        font-weight: 600;
        border-bottom: 1px dotted;
        padding-bottom: 0 !important;
    }

    li.wp-block-navigation-submenu>ul {
        display: none !important;
    }

    li.wp-block-navigation-submenu.open>ul {
        display: block !important;
    }

    li.wp-block-navigation-submenu>a::after {
        content: " +";
        color: var(--wp--preset--color--accent);
    }

    li.wp-block-navigation-submenu.open>a::after {
        content: " -";
        color: var(--wp--preset--color--accent);
    }
}



/*--------------------------------------------------------------
# Better Tables in Post Content
--------------------------------------------------------------*/

table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 0.95em;
  table-layout: auto;
}

th,
td {
  padding: 0.6em 1em;
  text-align: left;
  border: 1px solid #ddd;
}

th {
  background-color: #f5f5f5;
  font-weight: 600;
}

tr:nth-child(even) {
  background-color: #fafafa;
}

@media (max-width: 600px) {
  table {
    table-layout: fixed;
    font-size: 0.8em;
  }
  th,
  td {
    padding: 0.4em 0.5em;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}