@charset "UTF-8";
/*
Theme Name: Tutor Academy
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/tutor-university-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Tutor Academy WordPress theme features an elegant and sophisticated design tailored for promoting tutoring services, educational institutions, training academies, and online learning platforms, including e-learning and distance courses. This free hotel WordPress theme utilizes a Bootstrap framework for seamless customization, allowing users to effortlessly modify their site. Its responsive layout ensures accessibility across all major web browsers, while the professional and minimalist design showcases essential features enhanced by captivating animations to boost user engagement. A prominent Call to Action Button (CTA) encourages interactivity, and with well-optimized, secure coding at its core, the theme guarantees fast page loading times, resulting in an exceptional user experience. Additionally, this SEO-friendly theme supports higher search rankings to attract more visitors and is translation-ready with various social media integration options to effectively promote your travel accommodation or resort services. 
Version: 2.5.4
Tested up to: 7.0
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%;
	}
}
