@charset "UTF-8";
/*
Theme Name: Tutor Academy
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-academy-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: Tutor Academy offers an elegant and sophisticated design perfect for showcasing tutoring services, educational institutions, training academies, and online learning facilities, including e-learning platforms and distance courses. This free WordPress theme creates an interactive environment for building educational websites and utilizes a Bootstrap framework, allowing for easy modifications through its user-friendly customization options. With a responsive layout that looks great on any screen, your site will be accessible through all major web browsers. The professional and minimalist design highlights key features, and stunning animations enhance user engagement, while the Call to Action Button (CTA) further boosts interactivity. With well-optimized and secure coding at its core, this theme ensures fast page load times and provides an unparalleled user experience. Moreover, it is SEO-friendly, helping you achieve higher rankings in search engine results to drive more traffic to your website. Additionally, the theme is translation-ready and includes numerous social media options to effectively promote your services. 
Version: 2.5.2
Tested up to: 6.9
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: online-tutor
Text Domain: tutor-academy
Tags: three-columns, four-columns, translation-ready, custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, footer-widgets, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, left-sidebar, right-sidebar, grid-layout, rtl-language-support, blog, e-commerce, education

Tutor Academy WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2022.
Tutor Academy WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #00cde7;
  --second-color: #1b3075;
}

a {
  text-decoration: none !important;
}
.page-content input.search-submit.btn.btn-primary {
  background: var(--first-color);
  border: var(--first-color);
}
.article-box a,h1, h2, h3, h4, h5, h6,.navbar-brand a,.navbar-brand p,.main-navigation .menu > li > a,.widget a:hover, .widget a:focus{
	color: var(--second-color);
}
.top_header, .searchbox h3, .slider-box-btn a:hover, .btn-primary:hover, #button:hover, .searchbox form.search-from, .searchbox, .woocommerce a.button:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce a.button.alt:hover, .woocommerce a.added_to_cart:hover, .sidenav .closebtn,.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,.button-box a.box1:hover, .load hr {
	background: var(--second-color);
}
#colophon a:hover, #colophon a:focus,a, .main-navigation .menu > li > a:hover, .top_header span, a.btn-text, .widget a:hover, .sidebar ul li a:hover, .main-navigation .sub-menu > li > .menu-item-link-return:hover, p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .star-rating, .woocommerce .star-rating, .woocommerce-message::before, .woocommerce-info::before,.social-link i:hover{
	color: var(--first-color);
}
#colophon{
    background-color: var(--second-color);
}
.navbar-brand a:hover, .slider-inner-box h1 a:hover{
    color: var(--first-color);
}
input.search-submit.btn.btn-primary{
    background-color:  var(--first-color);
    border-color: var(--first-color);
}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  color: #ffffff;
  border:0px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.top_header p a, .button-box a.box1, .button-box a.box2:hover, .slider-box-btn a, #button, .btn-primary, .box h5, .box:hover:before, .sidebar input[type="submit"], .sidebar button[type="submit"], .meta-info-box, .comment-respond input#submit, .post-navigation .nav-previous a:hover, .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return, .sidebar h5, .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a, .pro-button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .woocommerce .woocommerce-ordering select, .toggle-nav i, .woocommerce a.added_to_cart, .sidebar .tagcloud a:hover,.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
	background: var(--first-color);
}
.social-link i:hover{
	background: transparent;
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
	border-color: var(--first-color);;
}
.top_header i {
    color: #e0e9f5;
    padding: 0;
    border-radius: 0;
    width: auto;
    height: auto;
    background: transparent;
}
a.info-text {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
.main-navigation .sub-menu > li{
	border-color: #fff;
}
.page-template-home-template .navigation_header {
    background: #fff;
}
.navigation_header {
    background: #f1f1f1;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: #003e7d;
    color: #fff !important;
}
#site-navigation .menu ul li a{
    color: var(--second-color);
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus {
    background: var(--second-color) !important;
}
#site-navigation .menu ul li a:hover {
    color: var(--first-color);
}
.slider-inner-box {
    left: 50%;
    text-align: right;
}
.slider-box-btn a{
	border-radius: 5px;
}
.button-box a.box1:hover{
	color: #fff;
}
.price-box {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.box h5 {
	padding: 10px;
    border-radius: 0 0 0 15px;
}
.box h3 {
    font-size: 18px;
    margin-bottom: 0;
}
.date-box p {
    background: var(--first-color);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
}
.date-box {
    margin-top: -15px;
    margin-left: 15px;
    position: relative;
}
.article-box a, .article-box a.btn-text{
    color: var(--second-color);
}
.article-box:hover h3 a, .article-box:hover a.btn-text{
    color: var(--first-color);
}
.sidebar section {
    padding: 10px;
}
/*--------------------------------------------------------------
# Header Search
--------------------------------------------------------------*/
span.head-search {
  position: relative;
}
span.search-main i{
  color: var(--first-color);
}
.header-search-wrapper .search-form-main {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.15);
  box-shadow: 1px 1px 7px rgba(0,0,0,.15);
  border-top: 2px solid #408c40;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 124%;
  width: 300px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
.search-form-main.active-search {
  opacity: 1;
  visibility: visible;
}
.search-form-main.active-search label{
  display: block;
}
.header-search-wrapper .search-form-main {
  border-top-color: var(--first-color);
}
.header-search-wrapper .search-form-main:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #408c40;
  content: "";
  position: absolute;
  right: 0px;
  top: -12px;
}
.header-search-wrapper .search-form-main .search-field {
  border-radius: 0;
  padding: 5px 10px;
  width: 100%;
  height: 40px;
  float: left;
}
.header-search-wrapper .search-form-main:before {
  border-bottom-color: var(--first-color);
}
.search-form-main input.search-submit {
  position: absolute;
  right: 15px;
  margin-top: 0px !important;
  top: 17px;
  background-color: var(--first-color);
  border: 0px;
}
.search-form-main input.search-field.form-control {
  position: relative;
}
.header-search-wrapper {
  float: right;
  position: relative;
}
.head-search span.search-main {
    background: #000000;
    padding: 12px;
}
/*--------------------------------------------------------------
# Slider Arrows
--------------------------------------------------------------*/
#top-slider .owl-nav {
    display: block;
}
#top-slider button.owl-prev {
    left: 20px;
}
#top-slider button.owl-next {
    right: 20px;
}
#top-slider button.owl-prev, #top-slider button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
}
#top-slider .owl-nav i {
    background: var(--first-color);
    padding: 20px;
    color: #fff;
    border-radius: 30px;
    font-size: 15px;
}
@keyframes loading {
  0%,
  100% {
    transform: translatey(-2.5rem);
    background-color: #fff;
  }
  50% {
    transform: translatey(2.5rem);
    background-color: var(--first-color);
  }
}

.sidebar .widget_block h2 {
  font-size: 20px;
  color: #fff;
  background: var(--first-color);
  padding: 15px 10px;
  margin-bottom: 0;
  border-radius: 6px 6px 0 0;
  letter-spacing: 2px;
  text-align: center;
}
.sidebar li article, .sidebar li article footer,.sidebar li {
    margin-bottom: 0;
}
.sidebar ol li a:first-child:before {
  content: '\f30b';
  font-family: "Font Awesome\ 5 Free";
  font-size: 15px;
  margin-right: 10px;
  font-weight: 900;
}
.sidebar ol li {
  color: #8d959c;
  font-size: 15px;
  font-weight: 500;
}
.sidebar .wp-block-search__inside-wrapper {
    display: block;
}
.sidebar .wp-block-search__inside-wrapper button[type="submit"] {
    margin-left: 0;
}

@media screen and (max-width: 1000px){
	#site-navigation .menu ul li a, .main-navigation .menu > li > a, .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return {
        color: #ffffff;
        background: transparent;
    }
    .main-navigation .menu > li > a,.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return {
        color: #fff;
        display: block;
        border: none;
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
        background: transparent;
        color: #ffa155 !important;
    }
    #site-navigation .menu ul li a:hover{
        color: var(--first-color) !important;
    }
    #site-navigation .menu ul li a {
        text-transform: uppercase;
    }
    .sidenav .closebtn{
        background: var(--first-color);
    }
}
@media screen and (min-width: 320px) and (max-width: 720px){
	.slider-inner-box p{
		display: none;
	}
	.slider-inner-box {
	    left: 10%;
	}
    #top-slider button.owl-prev, #top-slider button.owl-next{
        top: 85%;
    }
}
@media screen and (min-width: 768px) and (max-width: 999px){
	.slider-inner-box {
    	left: 30%;
	}
}