/*
Theme Name: Digital Online Courses
Theme URI: https://www.titanthemes.net/products/free-online-courses-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Digital Online Courses theme is an innovative and user-friendly solution specifically designed for online learning platforms, educational institutions, online academies, training centers, and tutors aiming to provide effective virtual education. This versatile WordPress education theme is perfect for online course creators, certification providers, universities, and corporate trainers, supporting a variety of learning formats, including live sessions, video lectures, and interactive quizzes. With its responsive, SEO-optimized, and mobile-friendly design, it ensures easy navigation across devices and helps you showcase essential features like course catalogs, student dashboards, instructor profiles, and assignment submissions. Ideal for digital learning hubs and professional training institutes, this theme integrates seamlessly with the LearnPress plugin, allowing educators to manage courses, handle enrollments, accept payments, and monitor student progress. Additionally, it supports membership systems and discussion forums to create engaging learning communities, enhancing the overall studying experience. Featuring customizable layouts, vibrant visuals, and intuitive course grids, the Digital Online Courses theme offers a scalable platform that empowers e-learning coaches to grow their online education businesses and improve student engagement in areas such as digital marketing, coding, and language tutoring.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 4.1.2
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: grid-layout, one-column, two-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, custom-background, custom-colors, custom-menu, custom-logo, editor-style, block-styles, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, style-variations, theme-options, threaded-comments, translation-ready, 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: var(--wp--preset--color--secondary);
}
.course-btn a:hover{
  background: var(--wp--preset--color--secondary) !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: var(--wp--preset--color--primary);
  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: var(--wp--preset--color--primary);
}
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;
  }
    .single-image figure{
    width: 100% !important;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
.slider-cover{
  min-height: 650px !important;
}
}

.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
  display: none;
}

/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}

/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}