/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
	2.1 - MAXIMUM width of 720 pixels (phones landscape)
	2.2 - MAXIMUM width of 350 pixels (phones portrait)
	2.3 - MINIMUM width of 721 pixels (tablets+)
	2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body{
	font-family: 'Lato', sans-serif;
}

.page-id-129065 a.ld-course-resume.ld-button {
    max-width: 80%;
    margin: 0 auto;
}
.learndash-wrapper .ld-item-list .ld-primary-background {
    background: none !important;
}
.vc_btn3.vc_btn3-color-black.vc_btn3-style-modern {
	background-color: #000000;
	border:1px #f05f43 solid;
	padding:20px;
	background-image:none !important;
}
#loginform label {
	line-height: 2;
	display: block;
}
#loginform input[type="password"], #loginform input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	outline: 0;
	line-height: 1;
	color: #818181;
	height: 36px;
	border: none;
	background-color: rgba(0,0,0,.04);
	box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05);
	border-radius: 4px;
	font-family: inherit;
	font-size: 14px;
	padding: 10px 13px;
	transition: all .2s ease-in-out;
}
#bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
	font-size:1rem;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	color: #818181;
	background-color: rgba(0,0,0,.04);
	-webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05);
	border-radius: 4px;
	border:none;
	outline:0;
}
/* my account */
body.is-desktop, .menu-panel, .menu-panel #nav-menu .sub-menu-wrap, .bp_components ul li ul li.menupop .ab-sub-wrapper, #adminmenu, #adminmenuback, #adminmenuwrap, #adminmenu .wp-submenu, .menu-panel, .menu-panel #nav-menu .sub-menu-wrap, .menu-panel #header-menu .sub-menu-wrap, .bp_components ul li ul li.menupop .ab-sub-wrapper {
  /* background-color:#1a1a1a !important; */
  /* background-color:#5E5B55 !important; */
  
}
.header-account-login .pop .bp_components .menupop:not(#wp-admin-bar-my-account) > .ab-sub-wrapper {
	background-color:#242424 !important;
}
body:not(.boxed) #item-nav .item-list-tabs ul, #buddypress div#item-nav .item-list-tabs ul li.hideshow ul {
	background-color:#091015 !important;
}
#groups-list li .item-desc p, .badgeos-achievements-list-item .badgeos-item-description .badgeos-item-points, #buddypress div#group-create-tabs ul > li span {
	color:#818181 !important;
}
#buddypress #message.info p, #buddypress div#message.updated p {
	background-color:#ef5f43 !important;
}
.selected-tab, .btn.inverse, .buddyboss-select-inner, .single-sfwd-lessons u + table td .button-primary, .wpProQuiz_button2, input[type="button"]:not(.button-small).wpProQuiz_button, #sfwd-mark-complete input[type="submit"], .sfwd-courses a.button, #quiz_continue_link {
	color:#fff !important;
	border:2px #ef5f43 solid !important;
	background-color:#000 !important;
}
.wpProQuiz_button[name=restartQuiz] {
	margin-bottom:0 !important;
}
.header-navigation li.hideshow > ul, .header-navigation .sub-menu, body.activity:not(.bp-user) .item-list-tabs ul li, .sap-publish-popup .button-primary, .logged-in .dir-form .item-list-tabs ul li, .dir-form .item-list-tabs ul li:last-child, .sensei-content .item-list-tabs ul li:hover, .sensei-content .item-list-tabs ul li.current, #learner-info #my-courses.ui-tabs .ui-tabs-nav li:hover a, #learner-info #my-courses.ui-tabs .ui-tabs-nav li.ui-state-active a, #buddypress div#group-create-tabs ul > li, #buddypress div#group-create-tabs ul > li:first-child:not(:last-child), .quiz form ol#sensei-quiz-list li ul li.selected {
	border:2px #ef5f43 solid !important;	
}
body.activity:not(.bp-user) .item-list-tabs ul li.selected a, .dir-form .item-list-tabs ul li.selected a, body.activity:not(.bp-user) .item-list-tabs ul li, .dir-form .item-list-tabs ul li, #buddypress div#group-create-tabs ul li.current a, #buddypress div#group-create-tabs ul li {
	color:#fff !important;
	background-color:#000 !important;	
}
#woo-content {
	padding: 60px 70px 36px;
	margin:0;
}
#woo-content .page-title {
	margin-bottom:20px;
	font-size:30px;
	font-family:Arimo;
	font-weight:700;
	font-style:normal;
	line-height:1;
}
.course-inner {
	/* background-color:#ef5f43; */
}
.course-inner h2 a, .course-inner .sensei-course-meta, #main .course .sensei-course-meta .course-author a, section.entry span.course-lesson-count {color:#fff !important;}
.woocommerce ul.products li.product .add_to_cart_button {
	background: #ef5f43 !important;
	color:#fff;
	outline: 0 !important;
	border:0 !important;
	font-size: 14px;
	font-family: inherit;
	font-weight:700;
	letter-spacing: 1.2px;
	padding: 12px 4px 11px;
	border-radius: 4px;
	text-align: center;
	transition: all .2s ease-in-out;
}
article.course > div.price {
	display:none !important;
}
#ld_course_list .thumbnail {
	/* background-color:#1a1a1a; */
}
#ld_course_list .caption > h3 {
	/* color:#fff !important; */
}
#ld_course_list .btn-primary {
	background-color: #ef5f43;
	border-color:#ef5f43;
}
#ld_course_list .progress-wrap, .progress-wrap {
	color:#fff !important;
}

/* #secondary */
.archive.post-type-archive-bp_doc.bp-docs.bp-docs-create #secondary, .single-bp_doc.bp-docs #secondary, #secondary {
	background-color:#1a1a1a !important;
	background-image:none !important;
}
.widget-area .widget div.item-options {
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
}
#group-description, #secondary.widget-area .widget, .secondary-inner #item-actions {
	border-bottom:1px #fff solid;
}
.widget-area .widget div.item-options a:not(.selected), .widget-area .widget ul.item-list .item .item-meta, .widget-area .widget:not(.widget_buddyboss_recent_post) ul li a, #buddypress div#item-nav .item-list-tabs ul li a, .widget_buddyboss_recent_post ul li, #buddypress #message.info p, #buddypress div#message.updated p, .widget_course_teacher footer a.btn, .widget_course_progress .widget-area p, .widget-area .widget_course_progress footer>span>p {
	color:#fff !important;
}
.widget-area .widget div.item-options a.selected, .widget-area .widget .textwidget, #buddypress div#item-nav .item-list-tabs ul li.current > a, .widget_course_progress footer a {
	color:#ef5f43 !important;
}
#course_navigation .learndash_nevigation_lesson_topics_list .lesson {
	border-bottom:1px #ef5f43 solid;
}
.widget_course_progress footer h4 {
	border-top:2px #ef5f43 solid;
}
.is-desktop.single-item.groups .page-right-sidebar {
	background-color:#1a1a1a !important;
}
#nav-bar-filter #xprofile-personal-li, #nav-bar-filter #blogs-personal-li, #nav-bar-filter #groups-personal-li, #nav-bar-filter #forums-personal-li, #nav-bar-filter #courses-personal-li, #nav-bar-filter #settings-personal-li, #nav-bar-filter #achievements-personal-li, #members-list-options a#popular-members, #dashboard-links, #bbpress-forums fieldset.bbp-form label, #bbpress-forums fieldset.bbp-form #bbp_topic_tags { display:none !important; }
/*why is this hidden with the display none line abouve? #sfwd-mark-complete,*/

/*footer*/
.footer-widget { width:50% !important; }


.pagination a {
	width: 88px !important;
}

.pagination {
	float: right;
}

#ld_course_list .btn-primary {
    color: #fff !important;
    border: 2px #ef5f43 solid !important;
    background-color: #000 !important;
    width: 100%;
}

#ld_course_list .btn-primary:hover {
    background-color: #ef5f43 !important;
}


#ld_course_list .caption > h3 {
    /* color: #ef5f43 !important; */
}


#ld_course_list .progress-wrap, .progress-wrap {
    color: #000 !important;
}

.course-completion-rate {
    width: 75%;
    display: inline-block;
}

.percent {
    float: right;
}

dd.course_progress div.course_progress_blue {
    background-color: #ef5f43 !important;
    height: 100%;
}

/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.2 - MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */



/* KRMD CUSTOM CSS */
body.login {
    width: 100%;
    display: table;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background: url('/wp-content/uploads/2017/04/Tech-2.jpg') !important;
	}
	
/* BUDDY PANEL */
.menu-panel ul li a span {
	color: #fff;
}

/* MY PROFILE MENU ICON */
.bp-activity-nav a:before {
	content: "\f007" !important;
}

/* BUDDY LINKS */
.header-account-login .ab-item {
	color: #737373;
}

/* BUDDYPRESS SECONDARY LINKS */
#buddypress div#subnav.item-list-tabs {
    display: none !important;
}

/* BBPRESS FORUM */
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
    background-color: #5E5B55 !important;
    border-color: #5E5B55 !important;
}

.bbp-forum-title, .bbp-author-name {
	color: #5E5B55;
}

/* SECONDARY SIDEBAR */
#secondary {
	background-color: #5E5B55 !important;
}

.widget_course_teacher a, .widget_bp_core_members_widget h4{
	color: #fff !important;
}

/* FOOTER */
#colophon  p{
	/* color: #fff !important; */
}

#colophon h4{
	color: #ef5f43;
}

/* MY COURSES */
#ld_course_list .caption > h3 {
	color: #5E5B55 !important;
	line-height: 1.2em;
}

#ld_course_list .caption .btn {
	background: transparent !important;
	color: #5E5B55 !important;
}

#ld_course_list .caption .btn:hover {
	background: #ef5f43 !important;
	color: #fff !important;
}

#learndash_course_status {
	color: #ef5f43;
	border-color: #ef5f43;
}

#learndash_profile #course_list h4>a.notcompleted:after, .ld-item .notcompleted:before, .learndash .notcompleted:before, .learndash .topic-notcompleted:before {
	color: #ef5f43;
}

.table-cell .progress-wrap .course-completion-rate, .table-cell .progress-wrap .percent, .table-cell .course_progress, .widget_course_progress h4   {
	color: #fff;
}


/* ETC */
iframe #content a {
	color: #ef5f43 !important;
}

/* LEARNDASH PROPANEL */
.ld-propanel-widget .select2-selection--single {
	padding: 0;
}

.ld-propanel-widget input[type=search] {
	height: 26px;
}

.ld-propanel-widget-reporting .pager p.ld-propanel-reporting-pager-info {
	width: 100% !important;
	text-align: center;
}

.ld-propanel-widget-reporting .button.button-simple {
	width: 16%;
}

.ld-propanel-widget-activity .report-header .report-pagination .button.button-simple {
	width: 10%;
}

.report-exports .download-activity {
	width: 49%;
}

/* LOST PASSWORD WOO PAGE */
.woocommerce-lost-password #secondary, .woocommerce-account #secondary {
	display: none;
}

.logged-in #secondary {
	display: block;
}



/* [ld_propanel_activity per_page="10" html_class="progress-reporting"] */

/* COURSE GRID 1.4.1 STYLE FIX */
.course-inner .price, .course .entry .caption, #course-list-wrap .course-lesson-count, .sensei-course-meta .course-author {
	display: none;
}

.course-inner {
	background-color:#fff;
}

.course.type-sfwd-courses, .course.type-sfwd-lessons {
	padding: 0 15px;
}

.course-inner h2 a {
	color: #5e5b55 !important;
}

.ld-course-list-content {
	margin-left: -15px;
	margin-right: -15px;
}

.course-flexible-area header h2 {
	font-size: 18px;
}

.course-inner section.entry {
	padding: 13px 13px 7px;
}

#course-list-wrap .ld_course_grid_button {
	width: 100%;
}

#course-list-wrap .ld_course_grid_button .button {
	background: transparent !important;
    color: #5E5B55 !important;
}

#course-list-wrap .ld_course_grid_button .button:hover {
	background: #ef5f43 !important;
	color: #fff !important;
}

div.course-inner .course-flexible-area header h2 {
	min-height: 65px;
}

div.course-inner .course-image img.woo-image {
	height: 190px !important; 
}
.btn-course-grid-course-resume a.ld-course-resume.ld-button {
    margin-bottom: 10px;
    font-weight: 400;
}
.grid-view p.ld_course_grid_button {
    text-align: center;
}
.grid-view  p.ld_course_grid_button a {
    max-width: 262px;
    margin: 0 auto !important;
    padding: 10px !important;
}
@media only screen and (min-width: 550px) and (max-width: 1024px) {
	div.course-inner .course-flexible-area header h2 {
		min-height: 72px !important;
	}
}

@media only screen and (min-width: 350px) and (max-width: 720px) {
	div.course-inner .course-image img.woo-image {
		height: auto; 
	}
}

@media only screen and (min-width: 1250px)  {
	div.course-inner .course-flexible-area header h2 {
		min-height: 72px !important;
	}
}