/*
Theme Name: Education Management
Theme URI: https://www.titanthemes.net/products/free-education-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Education Management WordPress Theme is a versatile and powerful solution designed to help educational institutions build a strong online presence through e-learning. Tailored for schools, universities, online education platforms, and any organization providing educational services, this theme is perfect for managing and promoting various programs, courses, and resources. Whether focusing on primary, secondary, tertiary, or adult education, the theme offers seamless functionality to meet diverse educational needs. Its clean, modern, and responsive design ensures accessibility on all devices, from desktops to smartphones. The user-friendly interface allows institutions to showcase their curriculum, course offerings, workshops, webinars, and online learning platforms, including distance education and blended learning. Moreover, it easily integrates with popular learning management systems (LMS), making it an excellent choice for colleges offering online training, certification programs, and interactive learning experiences. Key benefits include customizable sections for programs, faculty profiles, and student testimonials, along with features designed to promote educational events such as conferences and seminars. The design prioritizes usability and accessibility, providing an intuitive experience for students, parents, and educators alike. Additionally, its integration with social media enhances the promotion of educational initiatives, courses, and scholarships, broadening the reach of these institutions. With this theme, educational organizations can present themselves as modern, accessible, and forward-thinking, creating an engaging online space for both learners and mentors.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 3.4.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: education-management
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
*/

.banner-left-side {
  transform: rotate(270deg);
}
.slider-social-icon {
  position: absolute;
  width: 100%;
  bottom: 20px;
}
.categori-box {
  position: absolute;
  top: -5px;
  left: 15px;
  display: block ;
}
.meta-box {
  gap: 10px;
}
.work-box{
  position: relative;
}
.work-box .box-image img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.wp-block-social-links {
  gap: 10px;
}
.featured-section h2{
  position: relative;
}
.featured-section h2:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -18px;
  margin: 0 auto;
  background: var(--wp--preset--color--primary);
  width: 70px;
  height: 4px;
  border-radius: 4px;
}
.header-inner-menu ul li a {
  position: relative;
  padding: 4px 12px;
}
.header-inner-menu ul li a:hover {
  background: var(--wp--preset--color--primary);
  border-radius: 10px;
}
.wp-block-search__input {
  width: 100% !important;
}
.home .header-box-upper {
  position: absolute;
  z-index: 999;
  width: 100%;
  margin-top: 15px;
  background: transparent !important;
}
.header-box-middle{
  gap:0px;
}
.header-inner-menu ul li a{
  position: relative;
}
.header-inner-menu ul li a:hover{
  text-decoration: none;
}
.header-inner-menu ul li a:hover:after{
  opacity:1;
}
.side-main-box{
  position: relative;
}
.side-main-box button.wp-block-search__button.has-text-color.has-base-color.has-icon.wp-element-button{
  padding: 20px 15px !important;
  border-radius: 0px 0px 0px 10px;
}
.social-icon li{
  background-color:transparent !important;
}
.social-icon li a svg{
  height: 20px !important;
  width: 20px !important;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
.wp-site-blocks{
	padding: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: var(--wp--preset--color--primary);
  }
}
@media screen and (min-width: 575px) and (max-width: 991px) {
   .header-inner-menu ul {
    justify-content: center !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .home .header-box-upper{
    position: static;
    background: #8b8b8b !important
  }
  .side-main-box form{
    margin-left: 0px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .banner-left-side {
    transform: rotate(0deg);
    text-align: center;
    margin-top: 30px !important;
  }
  .slider-cover{
    min-height: 300px !important;
  }
  .slider-social-icon {
    z-index: 1;
  }
  .work_main_box {
    max-width: 100% !important;
  }
  .admin-box,.rating-box{
    flex-wrap: nowrap !important;
  }
  .wp-block-column.box-meta.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis:50% !important;
  }
  .side-main-box{
    display: flex;
    justify-content: center;
  }
  .header-logo{
    margin-bottom: 20px !important;
  }
  
  .header-inner-menu nav{
    justify-content: center !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .work_main_box{
    max-width: 100% !important;
  }
  .banner-left-side{
    flex-basis: 41% !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: var(--wp--preset--color--primary);
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{
    color: var(--wp--preset--color--primary) !important;
  }
  .single-image figure{
    width: 100% !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;
}

@media screen and (min-width: 850px) and (max-width: 1240px) {
    .header-section ul {
      gap: 10px !important;
    }
}

.menu-upsell-nav > a {
  background-color: var(--wp--preset--color--primary) !important; 
  color: #ffffff !important;
  padding: 6px 12px;
  border-radius: 12px;
}

.menu-upsell-nav > a:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}