/*
Theme Name: Digital Online Courses
Theme URI: https://www.titanthemes.net/themes/free-online-courses-wordpress-theme/
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: Digital Online Courses is a specialized WordPress theme designed for institutions and educators to create engaging and efficient online learning platforms. Tailored for online courses and e-learning environments, this theme is ideal for educational institutions, training centers, and individual educators who offer digital courses, online certifications, or professional development programs. Its primary use is to provide a comprehensive platform for delivering virtual education, including online classes, workshops, seminars, and tutorials.This theme offers numerous benefits, including a user-friendly interface that facilitates seamless course management and student engagement. It supports a variety of online learning formats, such as live classes, recorded lectures, and interactive assessments. The theme’s design is crafted to enhance the online learning experience, featuring a clean and modern layout that ensures easy navigation and accessibility.Visually, the Digital Online Courses WordPress Theme employs a vibrant yet professional color scheme to appeal to both students and educators. High-resolution images and icons related to online learning, such as digital textbooks, virtual classrooms, and interactive elements, are integrated into the design. The use of engaging visuals, combined with a well-structured layout, ensures that users can easily access course content, manage their learning schedules, and interact with the educational material in a user-friendly environment.Additional features include course catalogs, student dashboards, teacher profiles, progress tracking, assignment submission, discussion forums, and feedback systems. The theme is also compatible with e-learning plugins, payment gateways, and membership systems, providing a comprehensive solution for both educational providers and learners.
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: digital-online-courses
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, translation-ready, sticky-post, threaded-comments, wide-blocks, block-styles, blog, education, portfolio
*/
.home .header-box-upper {
  position: absolute;
  z-index: 999;
  width: 100%;
  margin-top: 15px;
}
.header-box-lower {
  position: relative;
  right: 40px;
}
span.color-word{
  color: #fab437;
}
.course-btn a:hover{
  background: #fab437 !important;
  color: #000 !important;
}
.header-logo {
  border-radius: 10px 10px 60px 10px;
  position: relative;
  z-index: 9999;
}
.header-box-middle {
  gap: 0;
}
.wp-block-image img{
  vertical-align: middle !important;
}
.fine-line-image figure {
  position: absolute;
  left: 49%;
  top: -12px;
}
.fine-relative {
  position: relative;
}
.category-box-main h2.courses-heading {
  border-bottom: 2px solid #DADAF7;
}
.category-box .is-style-default img{
  width: 100% !important;
}
.details{
  gap:10px;
}
.details img{
  width: 100% !important;
}
.courses-heading a{
  text-decoration: none;
}
.courses-heading a:hover{
  text-decoration: underline;
}
.nav-box button.wp-block-search__button.has-icon.wp-element-button {
  background: transparent;
}
.border-right-box a{
  text-decoration: none;
}
.border-right-box a:hover{
  text-decoration: underline;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
.woocommerce-currency-switcher-form .chosen-container-single .chosen-single div {
  background: transparent !important;
  border: 0px !important;
}
.woocommerce-currency-switcher-form .chosen-container-single .chosen-single {
  background: transparent !important;
  box-shadow: none !important;
  color: #000;
}
.wp-site-blocks{
	padding: 0 !important;
}
.is-head-menu li a:hover {
  text-decoration: none;
}
.is-head-menu li a{
  position: relative;
}
.is-head-menu li a:hover:after {
  text-decoration: none;
  content: "";
  top: -24px;
  width: 100%;
  left: 0px;
  height: 3px;
  background: #1573FF;
  position: absolute;
}
.is-head-menu .wp-block-navigation-submenu li a:hover:after{
  display: none;
}
.nav-box button.wp-block-search__button.has-icon.wp-element-button:hover,.nav-box button.wp-block-search__button.has-icon.wp-element-button:focus{
  color: #000;
}
.is-head-menu li a:hover span {
  color: #1573FF;
}
footer.wp-block-template-part {
  margin-top: 0;
}

@media screen and (min-width: 320px) and (max-width: 781px) {
  .home .header-box-upper, .header-box-lower {
    position: static;
  }
  .fine-relative{
    display: none !important;
  }
  .nav-box .wp-block-search__inside-wrapper {
    justify-content: center;
  }
  .education-menu nav,.nav-box,.header-button,.slider-button,.course-btn{
    justify-content: center !important;
    text-align: center !important;
  }
  .category-box-main{
    max-width: 100%;
  }
  .details img{
    width: auto !important;
  }
  .details {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .header-box-lower{
    border-bottom-right-radius: 0px !important;
  }
  .slider-cover{
    min-height: 400px !important;
  }
  .slider-content{
    text-align: center;
  }
  .nav-box{
    padding-left: 10px !important;
  }
  .header-logo {
    border-radius: 10px 10px 10px 10px;
    position: static;
    left: 0;
  }
  .header-box{
    padding-right: 0px !important;
  }
  .header-banner-box .is-vertically-aligned-center {
    padding: 15px !important;
  }
  span.wp-block-navigation-item__label {
    color: #000;
  }
}

@media screen and (min-width: 600px) and (max-width: 781px) {
  .category-box-main{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .education-menu nav ul{
    justify-content: center !important; 
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .is-head-menu li a:hover:after{
    display: none;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .category-box-main{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .education-menu nav ul,.nav-box {
    gap: 15px;
  }
  .slider-content h2.banner-title {
    font-size: 35px !important;
  }
  .header-logo {
    flex-basis: 15% !important;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header-box-middle{
    max-width: 90%;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
}