@charset "UTF-8";
/*
Theme Name: Coaching Classes
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/coaching-classes-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Coaching Classes theme offers a modern, all-in-one digital solution tailored for educators, tutors, coaching institutes, and online course providers aiming to create a professional and engaging learning platform. With its clean and intuitive layout, instructors can effectively present courses, schedules, curricula, and their teaching expertise, enhancing student understanding and involvement. The user-friendly design facilitates easy exploration of available classes, viewing of course details, and straightforward enrollment, resulting in a seamless educational experience. As a comprehensive virtual classroom and course management system, it organizes study materials, video lectures, timetables, and learning resources efficiently in one place. Fully responsive and mobile-friendly, the theme ensures consistent performance across desktops, tablets, and smartphones, allowing learners to study anytime and anywhere. Additionally, educators can customize colors, typography, and layouts to reflect their branding and teaching style. With SEO optimization and fast performance, it boosts visibility to attract students seeking coaching and e-learning opportunities. By melding simplicity, functionality, and a focus on education, the Coaching Classes theme provides a robust platform for delivering structured learning experiences and effectively managing contemporary teaching environments.
Version: 0.5.5
Tested up to: 7.0
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: online-tutor
Text Domain: coaching-classes
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, news, e-commerce, education

Coaching Classes WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2023.
Coaching Classes WordPress Theme is released under the terms of GNU GPL
*/

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

:root {
  --first-color: #1b3075;
  --second-color: #91cd53;
}

body{
    background: #f8f8f8;
}
.sidenav .closebtn,.top_header,.searchbox form.search-from,.button-box a.box1,.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,.box:hover:before,.box h5{
    background: var(--second-color);
}
input[type="text"], input[type="email"], input[type="phno"], input[type="password"], textarea,input[type="tel"],select{
    border: 1px solid #bcbcbc !important;
    width: 100%;
    font-size: 16px;
    padding: 10px 10px;
    margin: 0 0 23px 0;
    height: auto;
    border-radius: 3px;
    background: #ffffff;
}
.page-content input.search-submit.btn.btn-primary,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__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,.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover,.top_header p a,.slider-box-btn a,.searchbox h3,.btn-primary,.main-navigation .sub-menu,.button-box a.box2:hover,.top_header p a, .button-box a.box2:hover, .slider-box-btn a, #button, .btn-primary, .box h5, .box:hover:before, #colophon, .social-link i:hover, .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{
    background: var(--first-color);
}
.page-content input.search-submit.btn.btn-primary{
    background: var(--first-color) !important;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
    border:0px;
    color: #ffffff;
}
.btn-primary,.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover{
    border-color:var(--first-color);
}
.wp-block-button.is-style-outline .wp-block-button__link{
    border-color: var(--second-color) !important;
}
.navigation_header {
    background: var(--first-color);
    position: relative;
}
.article-box a,a.btn-text,.widget a:hover, .widget a:focus.main-navigation .menu > li > a:hover,.button-box a.box1:hover,.top_header span:hover,.post-navigation .nav-previous a,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{
    color: var(--first-color);
}
.sidebar ul li a:hover{
    color: var(--first-color);
}
.navbar-brand a:hover, .slider-inner-box h1 a:hover{
    color: var(--second-color);
}
.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);
}
a.btn-text{
    color: var(--first-color);
}
.top_header span:hover {
    color: #ffffff;
}
.searchbox input.search-submit.btn.btn-primary {
    background: var(--first-color);
    border-color: var(--first-color);
}
.main-navigation .sub-menu > li{
    border-color: var(--second-color);
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus{
    background: var(--second-color);
}
.widget a:hover,a.btn-text:hover,#colophon a:hover, #colophon a:focus ,.main-navigation .menu > li > a:hover{
    color: var(--second-color);
}
.socialmedia {
    position: relative;
}
.page-template-home-template .navigation_header{
    background: var(--first-color);
    position: absolute;
    width: 100%;
    z-index: 9999; 
}
.slider-inner-box h1 a {
    color: #160000;
    font-weight: 700;
}
.main-navigation .menu > li > a{
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
}
.sidebar h2.wp-block-heading {
    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;
}
@keyframes loading {
  0%,
  100% {
    background-color: #fff;
  }
  50% {
    background-color: var(--first-color);
  }
}
.load hr {
    background-color: var(--first-color);
}
.slider-inner-box {
    right: 19%;
    left: 19%;
}
.slider-inner-box p{
   font-size: 17px;
    line-height: 26px;
    color: #160000;
    font-weight: 400;
    text-align: center; 
}
.slider-box {
    background: var(--second-color);
}
.slider-box-btn a {
    border-radius: 5px;
    padding: 18px 25px;
}
.slider-box-btn a:after {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    margin-left: 26px;
    font-size: 20px;
}

#top-slider .slide-bg{
    background-color: #000;
    height: 600px;
}
#slider-box img {
    opacity: 0.5;
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.top_header span{
    color: #110200;
}
.top_header p a {
    padding: 5px 15px
}
.top_header i{
    background: transparent;
    color: #ffffff;
}
.button-box a.box2 {
    color: #00061b;
}
.slider-box-btn a:hover,.btn-primary:hover{
    background: #ffffff;
    color: var(--first-color);
}
.heading-box h4 {
    font-size: 21px;
    line-height: 28px;
    color: var(--first-color);
    font-weight: 400;
    text-align: center;
}
.heading-box h3{
    font-size: 40px;
    line-height: 45px;
    color: var(--second-color);
    position: relative;
    font-weight: 700;
}
.heading-box h3:after {
    content: "";
    width: 100px;
    height: 5px;
    border-radius: 30px;
    background: var(--first-color);
    margin: 0 auto;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -10px;
}

.form-box label {
    font-size: 15px;
    line-height: 30px;
    color: #717171;
    font-weight: 400;
}
.woocommerce-message, .woocommerce-info{
    border-top-color: var(--second-color);
}
.wp-block-button__link{
    background: var(--second-color) !important;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
    border-radius: 0px;
}
.wp-block-button.is-style-outline a.wp-block-button__link{
    background-color: transparent !important;
    color: var(--second-color) !important;
    margin: 10px 0px; 
}
.form-box input[type="text"],.form-box input[type="email"],.form-box input[type="phno"],.form-box input[type="password"],.form-box textarea{
    border: 0px;
    border-radius: 3px;
}
.form-box input.wpcf7-submit {
    padding: 12px 40px;
    border: 0px;
    background: var(--first-color);
    border-radius: 4px;
    color: #fff;
}
.form-img img{
    width: 100%;
}
.page-content input.search-submit.btn.btn-primary {
    background: var(--second-color);
    border: var(--second-color);
}
#top-slider .owl-nav i{
    background: var(--first-color);
}
@media screen and (max-width: 575px) {
    #top-slider img{
        height: 300px;
    }
    .slide-btn{
        margin-top: 30px;
    }
    .slide-box{
        padding-right: 0px !important;
    }
    .slider-inner-box h2 a {
        font-size: 30px;
    }
    .heading-box h3 {
        font-size: 32px;
    }
}
@media screen and (max-width: 767px) {
    #top-slider {
        height: 100%;
    }
    .slider-inner-box {
        right: 10%;
        left: 10%;
        top: 50%;
    }
    .form-box{
        margin-top: 30px;
    }
    .page-template-home-template .navigation_header {
        position: static;
        background: rgb(0 0 0);
    }
    .slider-box-btn a{
        padding: 15px 12px;
    }
}

@media screen and (max-width: 1000px) {
    .main-navigation .sub-menu, .main-navigation ul.sub-menu > li > a, .main-navigation ul.sub-menu > li > a:focus{
        background: transparent !important;
    }
    .main-navigation .sub-menu > li > a{
        background: transparent !important;
    }
    .main-navigation .menu > li > a,.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return{
        color: #ffffff;
    }
    .main-navigation ul.sub-menu > li > a:hover{
        color: var(--second-color) !important;
    }
    
}
@media screen and (max-width: 1200px) {
    .serv-box h4:after{
        display: none;
    }
}