/*
Theme Name: LMS Training Institute
Description: The LMS Training Institute is a versatile WordPress theme tailored for academies, colleges, and educational centers. This theme excels in eLearning and learning management systems (LMS), making it an ideal choice for promoting online courses and facilitating online learning. With seamless integration of popular LMS plugins like LearnDash and LearnPress, it allows users to manage and teach students effectively through a progressive web app interface. Due to the pandemic, there has been a notable shift towards online education, and this theme addresses that need by providing a comprehensive solution for educational institutes. The LMS Training Institute features a vibrant design with eye-catching animations and customizable sections suitable for various needs, including training centers, course hubs, colleges, universities, and even kindergartens. Fully responsive and cross-browser compatible, it ensures accessibility across mobile devices, tablets, and desktops, while also integrating smoothly with social media. Whether you're managing a tutoring service, a training program, or any educational center, the LMS Training Institute theme offers a professional appearance and all the essential features to create an outstanding online platform for certification and teaching.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-training-institute-wordpress-theme
Author URI: https://www.misbahwp.com/
Template: lms-education
Version: 5.2.2
Requires PHP: 7.2
Tested up to: 7.0
Requires at least: 5.0
Tags: blog, education, e-commerce, wide-blocks, one-column, two-columns, three-columns, four-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, post-formats, theme-options, threaded-comments, rtl-language-support
Text Domain: lms-training-institute
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

LMS Training Institute WordPress Theme has been created by misbahwp(misbahwp.com), 2022.
LMS Training Institute WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --first-color: #a52150;
  --second-color: #173359;
}

#site-navigation ul.children li a:hover, #site-navigation ul.sub-menu li a:hover,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.added_to_cart,.searchform input[type=submit],.sidebar-area .tagcloud a:hover,.comment-reply a,.comment-respond input#submit,nav.woocommerce-MyAccount-navigation ul li,.menu-toggle, .dropdown-toggle, button.close-menu,.slider-btn a,.pagination .nav-links a:hover, .pagination .nav-links a:focus, .pagination .nav-links span.current, .lms-education-pagination span.current, .lms-education-pagination span.current:hover, .lms-education-pagination span.current:focus, .lms-education-pagination a span:hover, .lms-education-pagination a span:focus,.register-top,.sidebar-area .tagcloud a,.scroll-up a, p.wp-block-tag-cloud a, .sidebar-area .wp-block-search__button, .wp-block-button__link {
	background: var(--first-color);
}

.wp-block-button__link{
	background: var(--first-color) !important;
}

#courses hr,.slider .owl-carousel button.owl-dot.active,.content_inner_box hr{
	border-color: var(--first-color);
}

.searchform input[type=submit]:hover, .searchform input[type=submit]:focus, footer,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.comment-reply a:hover,nav.woocommerce-MyAccount-navigation ul li:hover,.slider-btn a:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover,.top-header,#site-navigation ul.children, #site-navigation ul.sub-menu,.courses-info,.scroll-up a:hover{
	background: var(--second-color);
}
.page-template-frontpage .header,.header{
	background: transparent;
}
a,h1, h2, h3, h4, h5, h6,.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,.blog_inner_box h3.post-title a,.page-template-frontpage .logo a,.page-template-frontpage .logo span,.page-template-frontpage #site-navigation ul li a,h2.woocommerce-loop-product__title,.logo a,.logo span,#site-navigation ul li a,.login-top{
	color: var(--second-color);
}

#site-navigation a:hover, #site-navigation ul li a:hover, #site-navigation li:hover > a, #site-navigation a:focus, #site-navigation ul li a:focus, #site-navigation li.focus > a, #site-navigation li:focus > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current-menu-ancestor > a,.post-meta i,a:hover, a:focus,.courses-info strong,.courses-box-content h3 a,.social-links a:hover, .top-header p,.header-search .open-search-form i, a.cart-customlocation i,#about h4{
	color: var(--first-color);
}

#site-navigation ul.children li a, #site-navigation ul.sub-menu li a,.slider h3.post-title a,.courses-info span,.scroll-up a:hover{
	color: #fff;
}

.sidebar-area h4.title{
	border-color: var(--second-color);
}
.learn-press-courses[data-layout=list] .course-content .course-readmore a,ul.learn-press-nav-tabs .course-nav.active::before{
	background: var(--first-color) !important;
}

.learn-press-courses[data-layout=list] .course-wrap-meta .meta-item::before, .lp-archive-courses .course-meta__pull-left .meta-item::before,#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(1):checked ~ .learn-press-nav-tabs .course-nav:nth-child(1) label,#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(2):checked ~ .learn-press-nav-tabs .course-nav:nth-child(2) label,#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(3):checked ~ .learn-press-nav-tabs .course-nav:nth-child(3) label{
	color: var(--first-color) !important;
}

.courses-box-content{
	background: rgb(34 34 34 / 90%);
}

.lp-archive-courses .course-summary .course-summary-content .course-detail-info{
	background: var(--second-color) !important;
}

#checkout-payment #checkout-order-action button, .learnpress-page .lp-button, .learnpress-page #lp-button{
	background: var(--first-color) !important;;
}

.entry-audio audio {
    width: 100%;
}

nav.woocommerce-MyAccount-navigation{
	background: transparent !important;
}

li.menu-item-has-children::after {
    color: #000;
}

.content_inner_box {
    left: 30%;
    right: 30%;
    text-align: center;
}

.blog_box {
    background: #000000;
}

.blog_box img {
    opacity: 0.6;
}

.blog_box p{
	color: #fff;
}

.slider-btn a {
    padding: 12px 20px;
    color: #fff;
    font-weight: bold;
}

.slider-btn {
    margin: 25px 0;
}

.courses-box-content {
    bottom: 0;
    left: 0;
    right: 0;
}

.courses-info {
    padding: 10px 5px;
}

.about-image-box{
	position: relative;
}

img.image1 {
    width: 400px;
    height: 400px;
    object-fit: cover;
    box-shadow: 0 0 10px 4px #ccc;
}
img.image2 {
    width: 300px;
    height: 300px;
    object-fit: cover;
    position: absolute;
    bottom: -60px;
    box-shadow: 0 0 10px 4px #ccc;
    left: 40%;
}
#about h4 {
    text-transform: unset;
    font-weight: 500;
    font-size: 30px;
}
#about h3 {
    border-bottom: solid 2px var(--first-color);
    display: inline-block;
    padding-bottom: 10px;
}

.fixed-header{
	 background: #fff;
 }
.admin-bar .fixed-header{
	 background: #fff;
	 margin-top: 32px;
 }

 .sh2 {
  border-color: transparent  transparent var(--first-color) transparent ;
}

#site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_item > a, #site-navigation a:hover, #site-navigation ul li a:hover, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current-menu-ancestor > a{
	color: #000 !important;
}
footer .sidebar-area form{
	padding: 0px;
}

footer .sidebar-area h4.title{
	padding: 0px;
    background: unset;
    border-left: unset;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button, .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{
  background: var(--first-color);
  color: #fff !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{
  border: 2px solid var(--first-color);
}

#comments {
    background: #F3F4F7;
    padding: 30px;
}

.page-template-frontpage .logo a,.top-header span{
	color: var(--first-color);
}

button.owl-prev {
    position: absolute;
    right: 50%;
}
button.owl-next {
    position: absolute;
    left: 50%;
}

/* ===============================================
   Breadcrumbs
   =============================================== */

.bread_crumb a:hover, .bread_crumb span{
    color:var(--first-color);
}

/*------------------*/

.triangle35b:nth-child(1) {
  --angle:0deg;
  background:var(--first-color);
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:var(--first-color);
}

header.woocommerce-Address-title.title a {
    background: var(--first-color);
}

@media screen and (min-width: 320px) and (max-width: 720px){
	.menu-toggle, .dropdown-toggle, button.close-menu,.header i.fa.fa-search, .header i.fas.fa-shopping-cart,#site-navigation ul.children li, #site-navigation ul.sub-menu li {
    	background: var(--first-color) !important;
	}
	#site-navigation ul.children li a, #site-navigation ul.sub-menu li a{
		color: var(--second-color) !important;
	}
	.header i.fa.fa-search, .header i.fas.fa-shopping-cart{
		color: #fff;
	}
	img.image1{
		width: 290px;
		height: 290px;
	}
	img.image2{
		width: 190px;
		height: 190px;
	}
	li.menu-item-has-children::after {
    	color: #000;
	}
	.slider-btn a {
		font-size: 14px !important;
	}
	.navigation_header{
		justify-content: center !important;
		background: var(--first-color);
		padding: 10px !important;
	}
	.dashicons-menu:before{
		background: unset !important;
		border-radius: unset !important;
		padding: unset !important;
	}
	#site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_item > a{
    	color: #fff !important;
    }
}

@media screen and (min-width: 721px) and (max-width: 999px){
	img.image1{
		width: 320px;
		height: 320px;
	}
	img.image2{
		width: 220px;
		height: 220px;
		right: 0px;
	}
	li.menu-item-has-children::after {
    color: #000;
    }
    .navigation_header{
    	justify-content: center !important;
    }
    #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_item > a{
    	color: #fff !important;
    }
	.contact-detail {
	    padding: 0;
	}
}

.main-navigation .dashicons-arrow-down-alt2:before{
	color: #000000;
}

.navigation_header{
	display: flex;
	justify-content: end;
}

.main-navigation .menu > li > a, .page_item a{
	font-weight: 400;
}
#site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_item > a{
	font-weight: 600;
}

@media screen and (min-width: 320px) and (max-width: 991px){
#site-navigation ul.sub-menu,#site-navigation ul.sub-menu li,.main-navigation ul.sub-menu > li > a::before, .main-navigation ul.children > li > a::before{
	background: unset !important;
	}
#site-navigation .page_item_has_children ul li a, #site-navigation .main-navigation .menu .menu-item-has-children ul li a{
	color: #fff !important;
}
.mobile-menu:focus{
	color: #000 !important;
}
}