/*
Theme Name: Education X Child
Theme URI: https://thememattic.com/theme/education-x
Template: education-x
Author: Thememattic
Author URI: https://thememattic.com
Description: Education X is a simple and easy to use, modern and creative, user friendly, responsive WordPress theme. Education X WordPress Theme is a versatile theme, and includes Education Connect that enhance its functionality. Use it to showcase the pictures of your teachers, students, school events, etc. With one click demo content installer tool, you can have your new website up and running in a matter of minutes. Try it for your school/Educational website and see for yourself! SEO Friendly and fast loading theme check our Demo URL: https://demo.thememattic.com/education-x/
Tags: blog,portfolio,education,one-column,two-columns,left-sidebar,right-sidebar,rtl-language-support,custom-background,custom-menu,featured-images,full-width-template,custom-header,translation-ready,theme-options,threaded-comments,footer-widgets
Version: 1.1.1.1698097683
Updated: 2023-10-23 21:48:03

*/

pre {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 1.6em;
    font-family: 'EB Garamond', serif;
}
body, button, input, select, textarea {
    font-size: 18px;
    font-family: 'EB Garamond', serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'EB Garamond', serif;
}
blockquote {
    margin-top: 2.57143em;
    margin-bottom: 2.14286em;
    font-family: 'EB Garamond', serif;
}
.main-navigation .menu ul.menu-desktop > li > a {
    font-size: 18px;
}
.secondary-bgcolor, .main-navigation .popular-post a, .footer-bottom .social-icons ul li:hover a:after, .footer-bottom .social-icons ul li:hover a:after, .widget.education_x_social_widget .social-widget-menu ul a:hover, .widget.education_x_social_widget .social-widget-menu ul a:focus, .widget.education_x_widget_tabbed ul.nav-tabs li:hover a, .widget.education_x_widget_tabbed ul.nav-tabs li:hover a, .widget.education_x_widget_tabbed .nav-tabs > li.active > a, .widget.education_x_widget_tabbed .nav-tabs > li.active > a:focus, .widget.education_x_widget_tabbed .nav-tabs > li.active > a:hover
.widget.education_x_widget_tabbed .site-footer .widget ul li, .widget .social-widget-menu ul li a, .author-info .author-social > a, .top-bar .social-icons ul li:hover a:after, .top-bar .social-icons ul li:focus a:after {
    background-color: #060e38;
}
button, input[type="button"], input[type="reset"], input[type="submit"], body .btn-primary, .mouse-icon .wheel, .top-bar, .main-navigation .menu > ul.menu-desktop > li.current-menu-item > a:after, .main-navigation .menu > ul.menu-desktop > li:hover > a:after, .main-navigation .menu > ul.menu-desktop > li:focus > a:after {
    background-color: #060e38;
}
body .btn-primary:hover, body .btn-primary:focus, button:hover, button:focus, button:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
    background-color: #060e38;
}
.about-cta-section .about-cta-block .data-bg, .team-section .tm-team-wrapper > [class*="col-"] .data-bg, .team-section .tm-team-wrapper > [class*="col-"] .photo .move, .featured-course .voice-items, .about-cta-block:nth-child(even) .section-block-title-1 a {
    background-color: #060e38;
}
.about-cta-section .about-cta-block:nth-child(even) .data-bg, .team-section .tm-team-wrapper > [class*="col-"]:nth-child(even) .data-bg, .team-section .tm-team-wrapper > [class*="col-"]:nth-child(even) .photo .move, .featured-course .voice-items:nth-child(even), .about-cta-block:nth-child(odd) .section-block-title-1 a {
    background-color: #060e38;
}
.tm-metawrap-top {
    background-color: #060e38;
}
@media only screen and (min-width: 992px) {
.main-navigation .sub-menu > li:hover > a, .main-navigation .sub-menu > li:focus > a {
    background-color: #060e38;
}
}

/* CSS for the featured post on homepage
 * Author: Luis Rico
 * Date: 10/30/2023
 */
.featured-post {
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.featured-post-image {
    flex: 1;
    margin-right: 20px;
}

.featured-post-content {
    flex: 2;
}

.featured-post h2 {
    font-size: 24px;
    color: #333;
}