/*
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: The Titan Elearning Theme stands out as a robust and innovative WordPress education theme, expertly crafted for online education platforms, academic websites, and virtual classrooms. Its versatility makes it suitable for various uses, including school websites, university portals, college sites, and professional training centers focused on distance learning. Designed to ensure seamless LMS integration, this theme facilitates online courses, interactive student dashboards, and live classes, making it ideal for everything from tutoring and academic coaching to K-12 learning and higher education. Additionally, it excels in offering content for coding classes, programming tutorials, and various subjects like science, STEM, creative writing, humanities, history, and social studies. Featuring a modern, mobile-friendly, and retina-ready design, the Titan theme enhances engagement with adaptive learning tools, dynamic sliders, and gamification elements. Furthermore, it supports blended learning, AI-powered educational modules, and digital resources, along with easy integration with the LearnPress plugin for efficient course creation, quizzes, and student progress tracking. With a focus on personalization and performance, this theme is an excellent choice for educational institutions, e-learning startups, and training centers looking to deliver a future-ready online learning experience for students and mentors alike. 
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 3.0.3
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;
}

/* Pagination CSS */
.wp-block-query-pagination {
  margin: 40px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #1E1E1E2b;
  border-radius: 6px;
  color: #fff;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: #000000;
  color: #ffffff !important;
}

@media screen and (min-width: 782px) and (max-width: 1420px) {
  .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous{
    padding: 8px 10px;
  }
}

/*============== Effects Section ==============*/

.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}
.animations-show-item{
  opacity: 1;
  transform: translateY(0px);
}