/*
Theme Name: Education Spark
Theme URI: https://rarathemes.com/wordpress-themes/education-spark/
Template: education-zone
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Education Spark is a versatile theme for college, school, university, LMS, training centres, Academy, Primary School, High school, and Kindergarten. This theme provides various features and customization options to suit your website branding. It is SEO-friendly and optimized for fast performance. This theme allows you to showcase featured courses, success stories, and the latest articles and display key statistics such as subject offerings, classroom count, distinguished faculty, and student enrollment. Education Spark is translation-ready, WooCommerce compatible, supports RTL languages, and offers many more features. The easy-to-use features and customization options makes this theme the best choice for any educational website.Check theme details at https://rarathemes.com/wordpress-themes/education-spark/, the demo at https://rarathemes.com/previews/?theme=education-spark, documentation at https://docs.rarathemes.com/docs/education-zone/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.0.0
Requires PHP: 7.4
Tested up to: 6.3
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: education-spark
Tags: blog,one-column,two-columns,right-sidebar,left-sidebar,footer-widgets,custom-background,custom-header,custom-menu,custom-logo,featured-images,threaded-comments,full-width-template,rtl-language-support,translation-ready,theme-options,photography,e-commerce
*/
/*header layout styles*/

body.lijoqi {
  --primary-color: #7278f2 !important;
  --primary-color-rgba: 114, 120, 242 !important;
  --secondary-color: #db7093 !important;
  --secondary-color-rgba: 219, 112, 147 !important;
  --font-color: var(--font-color) !important;
  font-family: "Albert Sans", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}

.vuxumig.lyxe .top-links {
  margin-top: 0;
}

.vuxumig.lyxe .top-links span {
  border-left: 1px solid var(--font-color);
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
}

.vuxumig.lyxe .top-links span a {
  text-transform: uppercase;
  color: var(--font-color);
  font-size: 14px;
  line-height: 14px;
}

.vuxumig.lyxe .top-links span a:hover {
  color: var(--primary-color);
  opacity: 1;
}

.vuxumig.lyxe .form-section a,
.vuxumig.header-five .form-section a {
  color: #fff;
}

.vuxumig.header-five .form-section a {
  font-size: 15px;
  margin-left: 20px;
  vertical-align: middle;
  line-height: 2;
}

.vuxumig.lyxe #secondary-menu {
  width: auto;
}

.vuxumig.lyxe #mobile-header-2 svg {
  color: #121212;
}

.vuxumig.lyxe #secondary-menu li {
  display: inline-block;
  color: var(--font-color);
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  border-left: 1px solid var(--font-color);
  position: relative;
}

.vuxumig.lyxe #secondary-menu li a {
  color: var(--font-color);
  padding: 0;
  margin-right: 4px;
  padding-left: 10px;
}

.vuxumig.lyxe #secondary-menu li:first-child {
  border-left: 0;
  padding-left: 0;
}

.vuxumig.lyxe #secondary-menu li:first-child > a {
  padding-left: 0;
}

.vuxumig.lyxe #secondary-menu ul {
  position: absolute;
  top: 100%;
  left: -15px;
  width: 250px;
  background: #f8f8f8 !important;
  padding-top: 16px;
  margin-left: -99999px;
}

.vuxumig.lyxe #secondary-menu li:hover > ul,
.vuxumig.lyxe #secondary-menu li:focus > ul,
.vuxumig.lyxe #secondary-menu li.focus > ul {
  margin-left: 0;
}

.vuxumig.lyxe #secondary-menu ul ul {
  top: 0;
  left: 100%;
  padding-top: 0;
}

.vuxumig.lyxe #secondary-menu ul li {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.vuxumig.lyxe #secondary-menu ul li a {
  display: block;
  padding: 10px 15px;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.vuxumig.lyxe #secondary-menu ul li:last-child > a {
  border-bottom: 0;
}

.vuxumig.lyxe #secondary-menu ul li:first-child > a {
  padding: 10px 15px;
}

.vuxumig.lyxe .header-top {
  background: #f8f8f8 !important;
  padding: 4px 0;
}

body.lijoqi .vuxumig .header-top .secondary-nav ul {
  background: none !important;
}

.vuxumig .social-networks {
  margin: 14px 0 0;
  padding: 0;
  float: right;
  font-size: 0;
  line-height: 0;
}

.vuxumig .social-networks li {
  display: inline-block;
  margin-left: 14px;
  list-style: none;
  color: var(--font-color);
  font-size: 13px;
  line-height: 15px;
}

.vuxumig .social-networks li a:focus {
  outline: dotted 1px rgba(0, 0, 0, 0.5);
}

.vuxumig .social-networks li a:hover {
  color: var(--font-color);
}

.vuxumig .apply-btn {
  border: 2px solid var(--primary-color);
  padding: 15px 32px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
  transition: all 0.2s ease 0s;
}

.vuxumig .apply-btn:focus,
.vuxumig .apply-btn:hover {
  background: var(--primary-color);
  color: #fff;
  text-decoration: none;
}

.vuxumig.lyxe .guje {
  float: left;
  width: auto;
}

.vuxumig.lyxe .header-top .secondary-nav ul {
  display: block;
  position: relative;
  background: none;
}

.vuxumig.lyxe .form-section {
  float: right;
  position: relative;
  padding: 16px 0;
}

.vuxumig.lyxe .form-section .example {
  position: absolute;
  display: none;
  top: 100%;
  right: 0;
  z-index: 999;
  background: var(--primary-color);
}

a {
  color: var(--primary-color);
  text-decoration: none;
}

.vuxumig.lyxe .form-section .example form {
  width: 240px;
  height: 40px;
  padding: 5px 5px;
  box-shadow: 0 1px 0 0 var(--primary-color);
  background: var(--primary-color);
  border: 0;
}

.vuxumig.lyxe .form-section .example form input[type="search"] {
  height: 100%;
  padding: 0 10px;
  background: none;
  width: 75%;
  float: left;
  color: #fff;
}

.vuxumig.lyxe .form-section .example form input[type="submit"] {
  float: left;
  width: 35px;
  background: rgba(0, 0, 0, 0) url("images/search-icon.png") no-repeat scroll
    6px 5px;
  background-size: 16px;
}

.vuxumig.lyxe .info-box {
  /*width: 200px;*/
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  margin-right: 30px;
  color: #747474;
  margin-top: 10px;
}

.vuxumig.lyxe .info-box svg {
  display: inline-block;
  color: var(--primary-color);
  font-size: 28px;
  margin-right: 16px;
  line-height: 32px;

  /*margin-top: 4px;*/
}

.vuxumig.lyxe .info-box span {
  display: inline-block;
  vertical-align: middle;
}

.vuxumig.lyxe .info-box span a {
  color: #747474;
  display: block;
}

.vuxumig.lyxe .info-box span a:hover {
  color: var(--primary-color);
}

.vuxumig.lyxe #mobile-header {
  padding: 20px 0;
  float: left;
}

.vuxumig.lyxe #mobile-header svg {
  color: #fff;
}

.vuxumig .guje ul ul ul {
  top: -2px;
  border-top: 0;
}

.vuxumig.lyxe .zudojej {
  display: flex;
  justify-content: space-between;
}

/*=============================
 Search Style
=============================*/

.vuxumig.lyxe .form-section .example form {
  width: 240px;
  height: 40px;
  padding: 5px 5px;
  box-shadow: 0 1px 0 0 var(--primary-color);
  background: var(--primary-color);
  border: 0;
}

.vuxumig.lyxe .form-section .example form .lyrewa {
  height: 21px !important;
  width: 100%;
  text-indent: 40px;
  background-color: transparent !important;
  background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>') !important;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
}

.vuxumig.lyxe .form-section .example form .lyrewa:focus {
  outline: 1px dotted #fff;
}

.vuxumig.lyxe .form-section .example form input::placeholder {
  color: #fff;
}

.vuxumig .btn-form-close {
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 32 32'%3E%3Cpath d='M32,2.3L29.7,0L16,13.7L2.3,0L0,2.3L13.7,16L0,29.7L2.3,32L16,18.3L29.7,32l2.3-2.3L18.3,16L32,2.3z'/%3E%3C/svg%3E");
  top: 20px;
  right: 47px;
  width: 15px;
  height: 15px;
  padding: 0px;
  border: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  opacity: 0;
  background-color: transparent;
  border-radius: 0;
  z-index: 111;
}

.vuxumig .btn-form-close:focus {
  opacity: 1;
  visibility: visible;
  outline: 1px dotted #fff;
}

/* -------------accessibility------------ */
.keyboard-nav-on .kyfyno input:active,
.keyboard-nav-on .kyfyno input:focus,
.keyboard-nav-on .kyfyno input:hover,
.keyboard-nav-on .kyfyno a:active,
.keyboard-nav-on .kyfyno a:focus,
.keyboard-nav-on .kyfyno a:hover,
.keyboard-nav-on .kyfyno button:active,
.keyboard-nav-on .kyfyno button:focus,
.keyboard-nav-on .kyfyno button:hover,
.keyboard-nav-on .kyfyno textarea:active,
.keyboard-nav-on .kyfyno textarea:focus,
.keyboard-nav-on .kyfyno textarea:hover,
.keyboard-nav-on .kyfyno select:active,
.keyboard-nav-on .kyfyno select:focus,
.keyboard-nav-on .kyfyno select:hover {
  outline: #000 dashed 2px !important;
}

/* placerhlder */
.search-section form input[type="search"]::placeholder {
  color: #ffffff;
}

/* header */
.sytos .zudojej {
  display: flex;
  justify-content: space-between;
}

.zudojej:after {
  content: none;
}

.sytos .kocyre-wrap {
  display: flex;
  align-items: center;
}

.sytos .kocyre-wrap .info-box-wrap {
  display: flex;
}

.sytos .pupud .kyfyno-description {
  margin: 0;
}

.vuxumig .sytos {
  padding: 20px 0;
}

.vuxumig .xejujyn,
.search-section {
  background: var(--primary-color) !important;
}

/* color changes */

body.lijoqi
  .featured-courses
  ul
  li
  .image-holder
  .description
  .learn-more:hover {
  color: currentColor !important;
}

body.lijoqi .vuxumig .guje a {
  color: #fff !important;
}

body.lijoqi .vuxumig .guje a:hover {
  opacity: 0.8 !important;
}

.vuxumig .form-section svg {
  color: #ffffff;
}

body.lijoqi .guje ul li.sebowi-item-has-children::before {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.562492 1.9393L4.93062 7.0368C5.00103 7.11892 5.08837 7.18484 5.18665 7.23003C5.28493 7.27523 5.39182 7.29862 5.49999 7.29862C5.60816 7.29862 5.71506 7.27523 5.81334 7.23003C5.91162 7.18484 5.99896 7.11892 6.06937 7.0368L10.4375 1.9393C10.8544 1.45273 10.5087 0.701172 9.86812 0.701172H1.13062C0.489992 0.701172 0.144367 1.45273 0.562492 1.9393V1.9393Z' fill='%23ffffff' fill-opacity='0.7'/%3E%3C/svg%3E") !important;
  top: 26px !important;
}

body.lijoqi .subscription form input[type="submit"]:hover,
body.lijoqi
  .banner
  .banner-text
  .btn-holder
  .btn-free-inquiry:hover,
body.lijoqi .banner .banner-text .text .course-link:hover {
  background: #ffffff;
  color: var(--primary-color);
}

.error404 .homepage:hover {
  background: #ffffff;
  color: var(--primary-color);
}

.error404 .homepage {
  border: 1px solid var(--primary-color);
}

#primary .read-more {
  border: 2px solid var(--primary-color);
}

#primary .read-more:hover {
  background: transparent;
  color: var(--primary-color);
}

.widget-area .widget form input[type="submit"],
.cede form input[type="submit"] {
  background-color: var(--primary-color);
}

#crumbs {
  color: var(--primary-color);
  margin: 25px 0 30px;
}

/* font weight */

.section-title,
.featured-courses ul li .image-holder .description h2,
.thumb-text li h3 a,
.choose-us .col h3,
.latest-events .xose .entry-title a,
body.lijoqi .banner .banner-text .text span,
.cede .page-title,
#primary .entry-title a,
.widget h2 {
  font-weight: 600;
}

body.lijoqi .banner .banner .banner-text .text .title {
  font-weight: 600 !important;
}

.rywy .widget-area .widget ul li a:hover {
  opacity: 1;
}

#secondary .widget {
  margin-bottom: 45px;
}

@media only screen and (max-width: 991px) {
  .cygex .guje ul li a:hover,
  .cygex .guje ul li a:focus,
  .cygex .guje ul li:hover > a,
  .cygex .guje ul li:focus > a,
  .cygex .guje ul .current-menu-item > a,
  .cygex .guje ul .current-menu-ancestor > a,
  .cygex .guje ul .current_page_item > a,
  .cygex .guje ul .current_page_ancestor > a,
  .cygex .contact-info a:hover,
  .cygex .contact-info a:focus {
    color: var(--primary-color);
  }
}

.comment-form form input[type="submit"]:hover {
  background: rgba(var(--primary-color-rgba), 0.8);
}

/* refinement */

body.lijoqi .header-top .social-networks a {
  color: currentColor;
  font-size: 18px;
}

body.lijoqi .header-top .social-networks a:hover {
  opacity: 0.7;
}

body.lijoqi .vuxumig.lyxe .info-box {
  display: flex;
  align-items: center;
}
