/*
Theme Name: LMS Education
Description: LMS Education is a fabulous, elegant, sophisticated and retina-ready theme. It is based on bootstrap framework therefore is very handy to use. You can add shortcodes to the theme if you know coding to improve the functionality of your website. It is ideal for online learning, education, teaching, tutoring, training center, university, college, primary and secondary schools, book selling, sellingg digital course, tuition, workshop, school, course hub, digital skills development center and for other educational institutions. It is translation-ready theme and supports RTL layout. It is written with clean and secure codes. It has faster page load times as it is optimized for speed. This theme is based on learnpress LMS. You can easily sell and purchase courses using this theme. It is well sanitized as per WordPress standards so your website is always compatible with the latest WordPress version. With social media option you can always link your social media pages to the website. It is SEO-friendly theme which will help your website rank soon on major search engines like Google. Also, the responsive layout makes it mobile-friendly which fits well on any device screen size. This professional and multipurpose theme is indeed the best choice. Try it yourself to know how user-friendly it is to work with and also has so many options for customization. <strong> LIVE DEMO: https://misbahwp.com/demo/lms-education/ </strong>
Author: misbahwp
Theme URI: https://www.misbahwp.com/themes/free-education-wordpress-theme/
Author URI: https://www.misbahwp.com/
Version: 0.2.2
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, education, e-commerce, wide-blocks, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments, rtl-language-support
Text Domain: lms-education
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

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

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}

body {
  font-family: 'Ubuntu', sans-serif;
  color: #777777;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
  color: #002c4a;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}
a {
  color:#002c4a;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#ff5e5e;
  text-decoration: none;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: underline;
}

/* ===============================================
   HEADER BOX
   ============================================= */

.top-header {
  background: #0c0909;
}
.register-top,.login-top {
  background: #ff5e5e;
  color: #fff;
  padding: 18px 20px;
  font-size: 13px;
  font-weight: bold;
}
.login-top{
	background: #fff;
	color: #212121;
}
.register-top:hover{
	background: #fff;
}
a.cart-customlocation p.cart-item-box{
  background: #d45228;
  width: 18px;
  border-radius: 50%;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 25px;
  color: #fff;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
.logo-image {
  float: left;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a,.top-header span {
  color: #fff;
  font-size: 15px;
}
.social-links a:hover,.top-header p{
	color: #ff5e5e; 
}

/* ===============================================
   MENU BOX
   ============================================= */

.header,footer {
  background: #001f33;
}
#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #fff;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 15px;
	margin:0;
	font-size: 15px;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:53px;
	text-transform:uppercase;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#ff5e5e;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 70px;
	left: -9999em;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #121d21;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
	background: #ff5e5e;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i,a.cart-customlocation i {
  font-size: 18px;
  cursor: pointer;
  color: #fff;
}
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box,.sidebar-area .sidebar-widget {
	border: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: 0 0 10px 5px #edeeee;
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 22px;
  font-weight: 600;
}
.post-content p{
	color: #868687;
}
.post-meta i{
	color: #ff5e5e;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  float: left;
  width: 100%;
}

/* ===============================================
   Slider
   ============================================= */

.blog_inner_box {
  position: absolute;
  right: 50%;
  left: 0;
  top: 0;
  bottom: 0;
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  background: #e2ddd1;
}
.content_inner_box {
  position: absolute;
  top: 50%;
  left: 20%;
  right: 20%;
  transform: translateY(-50%);
}
.blog_inner_box p{
  color: #282828;
}
.blog_inner_box h3.post-title a{
	color: #002c4a;
}
.blog_box {
  position: relative;
}
.slider h3.post-title{
	font-size: 45px;
}
.content_inner_box hr {
  width: 20%;
  border: 0;
  border-top: 2px solid #ff5e5e;
}
.call-us h4 {
  color: #ff5e5e;
  font-size: 30px;
  font-weight: 500;
}
.call-us p {
  font-size: 30px;
  font-weight: bold;
  color: #002c4a;
}
.call-us i {
  border: solid 1px #ff5e5e;
  color: #ff5e5e;
  border-radius: 50%;
  padding: 10px;
  font-size: 22px;
}
.slider .owl-carousel button.owl-dot{
	border: solid 5px #fff;
	border-radius: 50px;
	margin-right: 5px;
}
.slider .owl-dots{
	position: absolute;
  bottom: 25px;
  right: 45%;
  left: 45%;
  text-align: center;
}
.slider .owl-carousel button.owl-dot.active{
	border: solid 5px #ff5e5e;
}

/* ===============================================
   Our Courses
   ============================================= */

#courses h2 {
  font-weight: 500;
}
p.sec-text {
  width: 60%;
  margin: 0 auto;
}
#courses hr {
  width: 10%;
  border-top: solid 2px #ff5e5e;
}
.courses-box-content {
  position: absolute;
  bottom: 20px;
  left: 12px;
  right: 12px;
  background: rgb(0 46 77 / 80%);
}
.courses-box-content p{
	color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 15px;
  font-weight: bold;
}
.courses-info span {
  font-size: 15px;
}
.courses-info strong {
  color: #ff5e5e;
  font-size: 15px;
}
.courses-info {
  background: #fff;
  padding: 10px 5px;
}
.courses-box-content h3 a {
  color: #ff5e5e;
  font-size: 16px;
}
#courses .owl-nav{
	margin-top: 25px;
}
#courses .owl-nav i {
  border: solid 1px #d4d4d4;
  color: #d4d4d4;
  padding: 20px !important;
}

/* ===============================================
   LearnPress
   ============================================= */

.lp-archive-courses .course-summary .course-summary-content .course-detail-info{
	background: #001f33 !important;
}
.learn-press-breadcrumb {
  margin: 25px auto !important;
}
#checkout-payment #checkout-order-action button,.learnpress-page .lp-button, .learnpress-page #lp-button{
  border-color: #ff5e5e !important;
  background: #ff5e5e !important;
  color: #fff !important;
}
#learn-press-course .lp-course-author .course-author__pull-left img {   
  max-width: 70px;
  height: 70px;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.lms-education-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.lms-education-pagination a span,
.lms-education-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.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 {
	background: #ff5e5e;
	color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #ff5e5e;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #ff5e5e;
  padding: 5px 15px;
  color: #fff;
}
.comment cite.fn {
  font-style: normal;
  font-size: 14px;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 2px #002c4a;
  font-size: 22px;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #ff5e5e;
	color: #fff;
}
.sidebar-area form {
  padding: 15px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #121d21;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: #ff5e5e;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#ff5e5e;
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .textwidget,
footer .sidebar-area .title,
footer .post-content p {
	color: #fff;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}