/*
Theme Name: Smart Education
Theme URI: https://rarathemes.com/wordpress-themes/smart-education/
Template: education-zone
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: The Smart Education WordPress theme is designed for educational institutes and offers a clean, minimalistic, and professional design. This theme is suitable for building websites for colleges, schools, universities, learning management systems (LMS), training centers, academies, primary schools, high schools and kindergartens. The theme is highly customizable with various features and personalization options. The landing page of this theme includes an attractive banner, stats counter, courses section, testimonial section, banner with Call-to-Action(CTA) button, and social media. Its SEO friendliness and quick loading speed make it easier for your site to rank on Google and other search engines. Smart Education is also translation-ready, WooCommerce compatible, RTL script ready, and much more. Check the demo at https://rarathemes.com/previews/?theme=smart-education, documentation at https://docs.rarathemes.com/docs/smart-education/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.0.0
Requires PHP: 5.6
Tested up to: 6.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: smart-education
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.theme-style-modern {
  --primary-color: #f14d5d !important;
  --primary-color-rgba: 241, 77, 93 !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}


.site-header.header-two .top-links {
  margin-top: 0;
}

.site-header.header-two .top-links span {
  border-left: 1px solid #7f7f7f;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
}

.site-header.header-two .top-links span a {
  text-transform: uppercase;
  color: #7f7f7f;
  font-size: 14px;
  line-height: 14px;
}

.site-header.header-two .top-links span a:hover {
  color: var(--primary-color);
  opacity: 1;
}

.site-header.header-two .form-section a,
.site-header.header-five .form-section a {
  color: #fff;
}

.site-header.header-five .form-section a {
  font-size: 15px;
  margin-left: 20px;
  vertical-align: middle;
  line-height: 2;
}

.site-header.header-two #secondary-menu {
  width: auto;
}

.site-header.header-two #mobile-header-2 svg {
  color: #121212;
}

.site-header.header-two #secondary-menu li {
  display: inline-block;
  color: #7f7f7f;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  border-left: 1px solid #7f7f7f;
  position: relative;
}

.site-header.header-two #secondary-menu li a {
  color: #7f7f7f;
  padding: 0;
  margin-right: 4px;
  padding-left: 10px;
}

.site-header.header-two #secondary-menu li:first-child {
  border-left: 0;
  padding-left: 0;
}

.site-header.header-two #secondary-menu li:first-child>a {
  padding-left: 0;
}

.site-header.header-two #secondary-menu ul {
  position: absolute;
  top: 100%;
  left: -15px;
  width: 250px;
  background: #f8f8f8 !important;
  padding-top: 16px;
  margin-left: -99999px;
}

.site-header.header-two #secondary-menu li:hover>ul,
.site-header.header-two #secondary-menu li:focus>ul,
.site-header.header-two #secondary-menu li.focus>ul {
  margin-left: 0;
}

.site-header.header-two #secondary-menu ul ul {
  top: 0;
  left: 100%;
  padding-top: 0;
}

.site-header.header-two #secondary-menu ul li {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.site-header.header-two #secondary-menu ul li a {
  display: block;
  padding: 10px 15px;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.site-header.header-two #secondary-menu ul li:last-child>a {
  border-bottom: 0;
}

.site-header.header-two #secondary-menu ul li:first-child>a {
  padding: 10px 15px;
}

.site-header.header-two .header-top {
  background: #f8f8f8 !important;
  padding: 4px 0;
}

body.theme-style-modern .site-header .header-top .secondary-nav ul {
  background: none !important;
}

.site-header .social-networks {
  margin: 14px 0 0;
  padding: 0;
  float: right;
  font-size: 0;
  line-height: 0;
}

.site-header .social-networks li {
  display: inline-block;
  margin-left: 14px;
  list-style: none;
  color: #7f7f7f;
  font-size: 13px;
  line-height: 15px;
}

.site-header .social-networks li a:focus {
  outline: dotted 1px rgba(0, 0, 0, 0.5);
}

.site-header .social-networks li a:hover {
  color: #7f7f7f;
}

.site-header .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;
}

.site-header .apply-btn:focus,
.site-header .apply-btn:hover {
  background: var(--primary-color);
  color: #fff;
  text-decoration: none;
}

.site-header.header-two .main-navigation {
  float: left;
  width: auto;
}

.site-header.header-two .header-top .secondary-nav ul {
  display: block;
  position: relative;
  background: none;
}

.site-header.header-two .form-section {
  float: right;
  position: relative;
  padding: 16px 0;
}

.site-header.header-two .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;
}

.site-header.header-two .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;
}

.site-header.header-two .form-section .example form input[type="search"] {
  height: 100%;
  padding: 0 10px;
  background: none;
  width: 75%;
  float: left;
  color: #fff;
}

.site-header.header-two .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;
}

.site-header.header-two .info-box {
  /*width: 200px;*/
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  margin-right: 30px;
  color: #747474;
  margin-top: 10px;
}

.site-header.header-two .info-box svg {
  display: inline-block;
  color: var(--primary-color);
  font-size: 28px;
  margin-right: 16px;
  line-height: 32px;

  /*margin-top: 4px;*/
}

.site-header.header-two .info-box span {
  display: inline-block;
  vertical-align: middle;
}

.site-header.header-two .info-box span a {
  color: #747474;
  display: block;
}

.site-header.header-two .info-box span a:hover {
  color: var(--primary-color);
}

.site-header.header-two #mobile-header {
  padding: 20px 0;
  float: left;
}

.site-header.header-two #mobile-header svg {
  color: #fff;
}

.site-header .main-navigation ul ul ul {
  top: -2px;
  border-top: 0;
}

.site-header.header-two .container {
  display: flex;
  justify-content: space-between;
}

/*=============================
 Search Style
=============================*/

.site-header.header-two .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;
}

.site-header.header-two .form-section .example form .search-submit {
  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;
}

.site-header.header-two .form-section .example form .search-submit:focus {
  outline: 1px dotted #fff;
}

.site-header.header-two .form-section .example form input::placeholder {
  color: #fff;
}

.site-header .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;
}

.site-header .btn-form-close:focus {
  opacity: 1;
  visibility: visible;
  outline: 1px dotted #fff;
}

/* -------------accessibility------------ */
.keyboard-nav-on .site input:active,
.keyboard-nav-on .site input:focus,
.keyboard-nav-on .site input:hover,
.keyboard-nav-on .site a:active,
.keyboard-nav-on .site a:focus,
.keyboard-nav-on .site a:hover,
.keyboard-nav-on .site button:active,
.keyboard-nav-on .site button:focus,
.keyboard-nav-on .site button:hover,
.keyboard-nav-on .site textarea:active,
.keyboard-nav-on .site textarea:focus,
.keyboard-nav-on .site textarea:hover,
.keyboard-nav-on .site select:active,
.keyboard-nav-on .site select:focus,
.keyboard-nav-on .site select:hover {
  outline: #000 dashed 2px !important;
}

/* placerhlder */
.search-section form input[type="search"]::placeholder {
  color: #ffffff;
}

/* header */
.header-m .container {
  display: flex;
  justify-content: space-between;
}

.container:after {
  content: none;
}

.header-m .site-info-wrap {
  display: flex;
  align-items: center;
}

.header-m .site-info-wrap .info-box-wrap {
  display: flex;

}

.header-m .site-branding .site-description {
  margin: 0;

}

.site-header .header-m {
  padding: 20px 0;
}

.site-header .header-bottom,
.search-section {
  background: var(--primary-color) !important;
}


/* color changes */


body.theme-style-modern .featured-courses ul li .image-holder .description .learn-more:hover {
  color: currentColor !important;
}

body.theme-style-modern .site-header .main-navigation a {
  color: #fff !important;
}

body.theme-style-modern .site-header .main-navigation a:hover {
  opacity: 0.8 !important;
}

.site-header .form-section svg {

  color: #ffffff;
}

body.theme-style-modern .main-navigation ul li.menu-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.theme-style-modern .subscription form input[type="submit"]:hover,
body.theme-style-modern .banner .banner-text .btn-holder .btn-free-inquiry:hover,
body.theme-style-modern .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"],
.page-header 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 .post .entry-title a,
body.theme-style-modern .banner .banner-text .text span,
.page-header .page-title,
#primary .entry-title a,
.widget h2 {
  font-weight: 600;
}

body.theme-style-modern .banner .banner .banner-text .text .title {
  font-weight: 600 !important;
}

.site-content .widget-area .widget ul li a:hover {
  opacity: 1;
}

#secondary .widget {
  margin-bottom:
    45px;
}

@media only screen and (max-width: 991px) {

  .mobile-menu .main-navigation ul li a:hover,
  .mobile-menu .main-navigation ul li a:focus,
  .mobile-menu .main-navigation ul li:hover>a,
  .mobile-menu .main-navigation ul li:focus>a,
  .mobile-menu .main-navigation ul .current-menu-item>a,
  .mobile-menu .main-navigation ul .current-menu-ancestor>a,
  .mobile-menu .main-navigation ul .current_page_item>a,
  .mobile-menu .main-navigation ul .current_page_ancestor>a,
  .mobile-menu .contact-info a:hover,
  .mobile-menu .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.theme-style-modern .header-top .social-networks a {
  color: currentColor;
  font-size: 18px;
}

body.theme-style-modern .header-top .social-networks a:hover {
  opacity: 0.7;
}

body.theme-style-modern .site-header.header-two .info-box {
  display: flex;
  align-items: center;
}