/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/



/*=============================
=            FONTS            =
=============================*/

/*********************
  Avenir fonts
**********************/
@font-face {
  	font-family: "Avenir";
  	src: url('assets/font/AvenirNextLTPro-Regular.eot'); /* IE9 Compat Modes */
  	src: url('assets/font/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       	 url('assets/font/AvenirNextLTPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       	 url('AvenirNextLTPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('assets/font/AvenirNextLTPro-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
  	font-weight: normal;
    font-style: normal;
}
h1,h2, h3, h4, h5,
.rev_slider .tp-caption.kleo_light_heavy_70_shadowed, 
.rev_slider .kleo_light_heavy_70_shadowed {
	font-family: "Avenir", "Roboto", sans-serif;
}
#learndash_lesson_topics_list span a, 
#learndash_lessons a, 
#learndash_profile a, 
#learndash_profile a span, 
#learndash_quizzes a, 
.expand_collapse a, 
.learndash_topic_dots a, 
.learndash_topic_dots a>span {
	font-family: "Noto Sans", sans-serif;
}

/* special class for tibetan font sizing */
.font-tbt {
	font-size: 1.3em;
	top: -3px;
    position: relative;
}

/*===========================================
=            GENERAL STYLES                 =
===========================================*/

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.kleo-page .list-group {
	display: block;
}
.fb-ic {
	color: #3B5998 !important;
}
.tw-ic {
	color: #55ACEE !important;
}
.li-ic {
	color: #0082CA !important;
}


/* styles for '...' */ 
.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.3em;
  /* max-height = line-height (1.2) * lines max number (3) */
  height: 3.8em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;  
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
.block-with-text:not(:empty):before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}


/*==============================
=           THEME COLORS       =
==============================*/

/* primary */
/* blue */
/* 
	#BBDEFB - light
	#75b7eb - medium
	#1976D2 - dark
*/




/* primary - teal */
/* 
200 #80CBC4
500 #009688
700 #00796B
*/
.main-color .sidebar ul li a {
	color: #00796B;
}


/* secondary - highlight - amber */
 /* #FFD740 */

/* grayscale */
/* 
	#dddddd - light
	#c3c3c2 - medium
	#444444 - dark 
*/

/* white */
#learndash_course_status,
.single-sfwd-courses .description {
	color: #fff;
}

.main-color .nav-pills > li > a, 
.main-color .nav-pills > li.active > a {
	border-color: #eee;
}

/*=====================================
=            FORM ELEMENTS            =
=====================================*/
/* buttons */
#learndash_mark_complete_button {
	display: inline-block;
	background-color: #00796b;
	color: #fff;
	text-transform: uppercase;
	transition: all .3s ease-in-out 0s;
	padding: 14px 20px;
	font-size: 16px;
	line-height: 1.33;
	margin: 3px 0;
	min-width: 80px;
	border: 1px solid transparent;
	outline: 0;
}
#learndash_mark_complete_button:hover {
	background-color: #00a793;
}

/*=====  End of FORM ELEMENTS  ======*/



/*==============================
=            HEADER            =
==============================*/
.navbar-full-width .kleo-main-header {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

@media (min-width: 991px) {
	.navbar-nav > li > a {
	    font-size: 1.2em;
	    
	    text-align: center;
	}
	.navbar-nav > li > a:not(.notify-contents):not(.cart-contents):not(.search-trigger) {
		margin: 0 25px;
		min-width: 60px;
	}
	.navbar-full-width .kleo-main-header {
		border: 0 !important;
	}
	.kleo-main-header .nav > li {
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	.kleo-main-header .nav > li.active,
	.kleo-main-header .nav > li:hover {
		background-color: #f7f7f7;
	}
	.kleo-main-header .nav > li:hover > a,
	.kleo-main-header .nav > li.active > a {
		box-shadow: none;
		
	}
	.navbar-nav > li > .dropdown-menu {
		font-size: 1.1em;
	}

}
.navbar-full-width .social-header .container, 
.navbar-full-width .kleo-main-header .container {
	padding: 0 15px;
}
.header-color .dropdown-menu li {
	border: 0;
}
.dropdown-menu li a {
	padding: 10px 22px;
}

/* live-notifications */
.kleo-notifications.new-alert {
	background-color: #FFD740;
}

/*=====  End of HEADER  ======*/


/*==============================
=            FOOTER            =
==============================*/

#footer .textwidget a {
	font-size: .9em;
}
#footer #social_sidebar > a {
	background-image: none !important;
	background-color: #FFD740;
	width: 40px !important;
	height: 38px !important;
}
#footer #social_sidebar > a::before {
	font: 20px "fontello";
	display: block;
	color: #fff;
	line-height: 38px;
    text-align: center;
    transition: all ease 0.3s;
}
#footer #social_sidebar > a:hover::before {
	color: #777;
}
#footer #social_sidebar > #fb::before {
	content: '\e94e';
}
#footer #social_sidebar > #tw::before {
	content: '\e967';
}
#footer #social_sidebar > #goo::before {
	content: '\e957';
}
#footer #social_sidebar > #you::before {
	content: '\e96d';
}
/*=====  End of FOOTER  ======*/



/*===========================================
=            LEARNDASH TEMPLATES            =
===========================================*/

#learndash_lesson_topics_list span a, 
#learndash_lessons a, 
#learndash_profile a, 
#learndash_profile a span, 
#learndash_quizzes a, 
.expand_collapse a, 
.learndash_topic_dots a, 
.learndash_topic_dots a>span {
	color: #00796b !important;
}

/*----------  COURSE  ----------*/
.view.course-header-sec {
    background-size: cover;
    padding: 30px;
    margin-top: 40px;
}

#main .view.course-header-sec .actions .btn-highlight {
	color: #444;
}
@media (max-width: 768px) {
    .view.course-header-sec .full-bg-img,
    .single-sfwd-courses .view.course-header-sec {
        height: auto;
        position: relative;
    }
}
@media (max-width: 992px) {
    .view.course-header-sec .description {
        text-align: center;
    }
    .view.course-header-sec .actions {
    	float: none !important;
    	text-align: center;
    }
}

#learndash_course_content_title {
	margin: 1.14rem 0 .912rem;
} 
#learndash_course_content #lesson_heading,
#learndash_lesson_topics_list > .learndash_topic_dots > strong {
	font-size: 16px;
}
#learndash_course_content #learndash_lessons a {
	font-size: 1.4em;
	font-weight: 700;
}
.learndash_topic_dots a > span {
	font-size: 14px;
}
#learndash_course_content #lessons_list .card-content {
	border-right: 0;
}
#learndash_course_content #learndash_lessons #lessons_list .list-count {
	display: inline-block;
	float: left;
	font-size: 1.2em;
}
#main #learndash_course_content .completed,
#main #learndash_course_content .notcompleted,
#main #learndash_course_content .notavailable,
.learndash_topic_dots ul .topic-completed span, 
.learndash_topic_dots ul .topic-notcompleted span {
	background: none;
	padding: 0;
}
#learndash_course_content .notcompleted span.btn-floating,
#learndash_course_content .completed span.btn-floating,
#learndash_course_content .notavailable span.btn-floating,
.learndash_topic_dots ul .topic-completed span.btn-floating, 
.learndash_topic_dots ul .topic-notcompleted span.btn-floating {
	margin:0;
	width: 50px;
	height: 50px;
	min-width: auto;
}
#learndash_course_content .notavailable span.btn-floating,
#learndash_course_content .notcompleted span.btn-floating,
.learndash_topic_dots ul .topic-completed span.btn-floating, 
.learndash_topic_dots ul .topic-notcompleted span.btn-floating {
	background-color: #c3c3c2;
}
#learndash_course_content .completed span.btn-floating,
.learndash_topic_dots ul .topic-completed span.btn-floating {
	background-color: #009688;
}
#learndash_course_content span.btn-floating > i,
.learndash_topic_dots ul span.btn-floating > i{
	font-size: 2em;
}
#learndash_course_content .lesson-overview {
	font-size: 1.2em;
	display: inline-block;
	padding: 0 60px 0 0;
	width: 100%;
}
#learndash_course_content .lesson-overview strong {
	color: #009688;
}

#learndash_course_content .learndash_topic_dots ul>li {
	border-bottom: 1px solid #ddd;
}
.learndash .topic-notcompleted span,
.learndash .topic-completed span,
#learndash_course_content .learndash_topic_dots ul>li:nth-of-type(odd),
#learndash_course_content .learndash_topic_dots ul>li:hover,
#learndash_lesson_topics_list ul>li.nth-of-type-odd,
#learndash_lesson_topics_list ul>li>span.topic_item:hover, 
#learndash_lessons h4>a:hover, 
#learndash_quizzes h4>a:hover {
	background: none;
}#learndash_course_content .topic_item a > span {
	color: #75b7eb;
}
#learndash_course_content .topic_item a:hover > span {
	color: #BBDEFB;
}
#learndash_course_content .learndash_topic_dots a.topic-notcompleted > span > i {
	color: #c3c3c2;
}
#learndash_course_content .learndash_topic_dots a.topic-completed > span > i {
	color: #64ffda;
}


/*----------  Lessons  ----------*/
#learndash_lesson_topics_list ul>li>span.topic_item {
	padding: 20px;
}
#learndash_lesson_topics_list ul>li + li > span.topic_item {
	border-top: 1px solid #ddd;
}
.single-sfwd-lessons #learndash_lesson_topics_list ul>li>span a, 
.singular-sfwd-lessons #learndash_lesson_topics_list ul>li>span a {
	padding: 0;
}


/* Topic Popups */
.mfp-content .topic-content {
	position: relative;
	background: #fff;
	max-width: 100%;
	width: 95%;
	padding: 20px;
	margin: 0 auto;
}
@media only screen and (min-width: 992px) {
	.mfp-content .topic-content {
		width: 60%;
		width: 60vw;
	}
}
.mfp-close-btn-in .topic-content .mfp-close {
    right: -30px;
    color: #fff;
    font-size: 70px;
    font-family: serif;
}
/*----------  Course Catalog  ----------*/
@media only screen and (min-width: 992px) {
	.course-catalog-page article.course-catalog-item {
		width: 49%;
		float: left;
	}
	.course-catalog-page article.course-catalog-item:nth-of-type(odd) {
		clear: both;
	}
	.course-catalog-page article.course-catalog-item:nth-of-type(even) {
		float: right;
	}
}
.course-catalog-page div[id^="ld_"] + div[id^="ld_"] {
	margin-left: 10px;
}
#ld_categorydropdown select {
	margin-left: 0;
}
.course-catalog-page div[id^="ld_"] {
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}
.course-catalog-page #ld_categorydropdown label,
.course-catalog-page #ld_instructordropdown label {
	display: none;
}
article.course-catalog-item.card {
	margin: 20px 0;
	padding: 20px;
	height: 220px;
}
article.course-catalog-item.card .post-meta,
article.course-catalog-item.card .post-meta > h5 {
	margin: 0 !important;
}
article.course-catalog-item .post-header .post-title > a {
	color: #1976D2 ;
}
article.course-catalog-item .item-likes {
	float: right;
}
article.course-catalog-item .post-footer {
	margin-top: 10px;
}
article.course-catalog-item .post-footer span + span {
	margin-left: 5px;
}
article.course-catalog-item .post-footer i {
	margin-right: 5px;
}

/*=====  End of LEARNDASH TEMPLATES  ======*/

/*===================================
=            WooCommerce            =
===================================*/
#accordion-woo.panel-group {
	box-shadow: none;
}


/*----------  Team Grid  ----------*/
#sa-team-section .instructor-card {
	margin-bottom: 10px;
}
#sa-team-section h4 {
	font-weight: 700;
}
#sa-team-section .avatar {
	margin-bottom: 2rem;
    height: auto;
}
#sa-team-section .avatar > a {
    display: inline-block;
    cursor: pointer;
    padding: 12px;
}
#sa-team-section .avatar .mask {
	width: 200px;
	height: 200px;
    left: 12px;
    top: 12px;
}
#sa-team-section .avatar img {
	display: block;
	height: auto;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
#sa-team-section .icon {
	display: inline-block;
	padding: .5rem;
    margin: .5rem;
    font-size: 1.5em;
}


/*=====  End of WooCommerce  ======*/




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

/*----------  Course Sidebar  ----------*/
.single-sfwd-courses .sidebar > .inner-content {
	padding-right: 15px;
}
.sidebar #ld_course_info_mycourses_list {
	overflow: hidden;
}
.sidebar #ld_course_info_mycourses_list > h4 {
	font-size: 1em;
	line-height: 1em;
}
.sidebar #ld_course_info_mycourses_list .ld-course-info-my-courses {
	padding: 10px 0;
	clear: both;
}
.sidebar #ld_course_info_mycourses_list .ld-course-info-my-courses > * {
	display: inline-block;
	float: left;
	vertical-align: top;
}
.sidebar #ld_course_info_mycourses_list .ld-course-info-my-courses > img {
	max-width: 20%;
}
.sidebar #ld_course_info_mycourses_list .ld-course-info-my-courses .ld-entry-title {
	font-size: 1em;
	max-width: 70%;
	margin: 10px 0 0 0;
	line-height: 1em;
}


/*=====  End of SIDEBARS  ======*/