/*
Theme Name: Titan Elearning
Theme URI: https://www.titanthemes.net/products/free-elearning-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: Titan Elearning Theme is a powerful, cutting-edge solution for online education, e-learning platforms, academic websites, and virtual classrooms, making it ideal for school websites, university portals, college sites, distance learning, and professional training centers. Designed for seamless LMS integration, it supports online courses, interactive student dashboards, live classes, and advanced learning management features, making it perfect for online tutoring, academic coaching, private classes, homeschooling, K-12 learning, higher education, vocational training, and technical programs. It’s an excellent fit for coding classes, programming tutorials, science education, STEM learning, creative writing, humanities, history, and social studies courses. This theme offers a modern, clean, mobile-friendly, and retina-ready design with adaptive learning tools, dynamic sliders, customizable banners, and gamification features to enhance engagement. It also supports blended learning, AI-powered education modules, open educational resources, and digital textbooks while offering seamless integration with the LearnPress plugin for course creation, quizzes, lesson scheduling, and student progress tracking. Perfect for educational institutions, e-learning startups, and training centers, this theme combines powerful personalization options with optimized performance to create a dynamic, accessible, and future-ready online learning experience. Demo: https://preview.titanthemes.net/titan-elearning/ 
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.9
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: titan-elearning
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
*/

.product-img img {
  width: 100% !important;
  height: 250px;
}
.heading-banner span{
  color: var(--wp--preset--color--primary);
}
span.dashicons.dashicons-clock, span.dashicons.dashicons-money-alt,span.dashicons.dashicons-phone {
    color: var(--wp--preset--color--primary);
    margin-right: 10px;
}
span.dashicons.dashicons-phone {
    transform: rotate(90deg);
}
.image-box {
  position: relative;
}
.photolancer-footer-list {
  gap: 16px;
}
.product-main{
  gap:80px;
}
.searchbox .wp-block-categories-dropdown select {
  padding: 12px 12px;
  width: 165px;
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #E7E7E6;
  background: transparent;
  position: relative;
  border-right: 0px !important;
}
.wp-block-image img{
  vertical-align: unset;
}
.search-box button.wp-block-search__button.has-icon.wp-element-button {
  background: transparent;
  padding: 5px 0px;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
.wp-block-image.product-img img {
  vertical-align: bottom !important;
}
.product-img{
  width: 100%;
}
.searchbox .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
  gap: 0px !important;
}
.service-heading-box{
  text-align: center;
}
.service-heading-box h6{
  position: relative;
}
.service-heading-box h6 {
  display: inline-block;
}
.color-word{
  color: #000000;
  font-weight: 400 !important;
}

.slider-area{
	margin: 0;
}
.wp-site-blocks{
	padding: 0 !important;
}
.toggle-icon img {
  top: -7px;
  position: relative;
}
.banner-main{
  position: relative;
}
.slider-banner {
  gap: 40px;
}
.slider-img img{
  width: 100%;
}
.is-head-menu li a:hover {
  text-decoration: none;
}
.is-head-menu li a:hover {
  text-decoration: none;
  border-top: 2px solid var(--wp--preset--color--primary);
}
.is-head-menu li a:hover span {
  color: var(--wp--preset--color--primary);
}
.slider-content {
  position: relative;
}
.phone-box{
  gap:10px;
}
.banner-img {
  left: -100px;
  position: relative;
}
.search-btn{
  text-align: right !important;
}

footer.wp-block-template-part {
  margin-top: 0;
}

@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .slider-banner{
    text-align: center;
  }
  .phone-box{
    justify-content: center !important;
  }
  .banner-img{
    left: 0px;
  }
  .slider-banner .wp-block-buttons {
    justify-content: center;
  }
  .price-box{
    justify-content: center;
  }
  .slider-banner p{
    text-align: center;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .slider-banner{
    text-align: left !important;
  }
  .banner-img img {
    height: 300px;
  }
  .banner-img{
    left: 0px;
  }
  .heading-banner {
    font-size: 28px !important;
  }
  .slider-banner p{
    font-size: 12px !important;
  }
  .product-content{
    text-align: left !important;
  }
  .product-content h5 {
    font-size: 22px !important;
  }
  .head-btn {
    flex-basis: 21% !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
	.header-area .wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
		justify-content: center;
	}
  .search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
    float: none;
    justify-content: center;
  }
  .product-content,.product-content h5{
    text-align: center;
  }
  .rating-box,.service-btn{
    justify-content: center !important;
  }
  .head-btn .wp-block-buttons.is-content-justification-right{
    justify-content: center;
  }
  .slider-content {
    left: 0px;
    position: relative;
  }
  .banner-img figure.wp-block-image.alignright.size-full.is-resized {
    margin-inline-start: 0em !important;
  }
  .product-box{
    padding-right: 0px !important;
  }
  .wp-block-cover, .wp-block-cover-image{
    min-height: 575px !important;
  }
  .header-area h5{
    text-align: center;
  }
  .header-area{
    text-align: center;
  }
  .product-heading{
    text-align: center;
  }
  .slide-btn{
    justify-content: center !important;
  }
  .product-main {
    max-width: 90% !important;
    gap:40px;
  }
  .logo-box {
    justify-content: center;
    display: flex;
  }
  .slider-content {
    padding: 20px 14px;
  }
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .slider-banner {
    gap: 20px;
  }
  .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: 1001px) and (max-width: 1440px) {
  .product-main {
    gap: 10px;
    max-width: 90% !important;
  }
  .price-boxs,.box-rating,.service-btn{
    gap:10px;
  }
  .price-boxs p{
    font-size: 12px !important;
  }
  .rating-box figure {
    width: 45%;
  }
  .rating-box img{
    width: 100% !important;
    height: 10px !important;
  }
  .search-btn {
    flex-basis: 19% !important;
  }
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
  .searchbox .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex{
    gap:10px !important;
  }
  .price-box, .social-box, .has-small-icon-size {
    gap: 6px !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1720px) {
  .banner-img{
    left: 0px;
  }
  .product-main {
    gap: 30px;
    max-width: 80% !important;
  }
  .rating-box img{
    width: 100% !important;
    height: 12px !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 781px) {
  .product-main{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1000px) {
  .product-main{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .slider-banner{
    max-width: 90% !important;
  }
  .product-main{
    gap:30px;
  }
  .search-btn{
    flex-basis: 20% !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
figure.wp-block-post-featured-image img {
    height: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
figure.wp-block-post-featured-image img {
    height: 120px;
  }
}

.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;
  text-transform: uppercase;
}
.recent-btn a:hover{
  background: #000;
}