/*
Theme Name: 	Jajoo Warrngara
Theme URI: 		https://www.jajoowarrngara.org
Description: 	Jajoo Warrngara is an educational initiative led by First Nations communities with SharingStories Foundation.
Author: 		Forte Marketing
Author URI: 	https://fortemarketing.au
License: 		GNU General Public License v3 or later
License URI: 	http://www.gnu.org/licenses/gpl-3.0.html
Template: 		buddyboss-theme
Version: 		1.0.0
*/

/*

-- Stylesheet locations --

Add your own customizations into /css/custom.css in this child theme.

Parent styles are called from /buddyboss-theme/inc/theme/functions.php in the 
parent theme and are located in /buddyboss-theme/assets/css/ in the parent theme.


--- If you are editing CSS via the WordPress admin, do the following ---

1. Install the plugin WP Editor: http://wordpress.org/plugins/wp-editor/
2. Navigate to Appearance > Theme Editor in the WordPress admin.
3. Navigate into the /css/ folder of your child theme to edit custom.css.

*/

/* ===============================================================================================
   Front Home Page (LD NAME: COURSE) | URL: https://jwdevelopment.kinsta.cloud/courses/unit-name/
   =============================================================================================== */

/* Free Units Tiles | HTML & Logic MODULE: free-units.php
   ========================================================== */

.subject {
	display: inline-block;
	margin: 0 5px 10px 0;
}

.subject img {
	height: 35px;
}

.result-item .title a {
	text-decoration: none;
}

.result-item .title a:hover {
	color: #ee7331;
}

.result-item {
	border-radius: 20px;
}

.result-item .thumbnail {
	border-radius: 20px 20px 0px 0px;
}

.free-icon {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 10px;
	left: 10px;
	background-image: url('https://jajoowarrngara.org/wp-content/themes/jajoowarrngara/assets/img/free.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

/* Free Units Carousel
   ========================================================================== */

/**
 * Free units carousel and tile display styling
 *
 * HTML & Logic FILE: free-units.php
 * This component generates the view of free course units with carousel
 * navigation, subject indicators, and result item tiles. Includes custom
 * Slick.js carousel styling with branded navigation arrows.
 */

.free-units-carousel .slick-dots {
	bottom: unset;
}

.free-units-carousel .slick-next {
	left: auto;
}

.carousel-wrapper .col-lg-4.col-md-6 {
	padding-right: 20px;
}

.free-units-carousel .slick-dots li {
	margin: 0 1vw 0 0; 
}

.free-units-carousel .slick-dots li button:before {
	font-size: 20px;
}

.free-units-carousel .slick-next:before, 
.free-units-carousel .slick-prev:before {
	font-size: 40px;
	color: #000; 


}

.free-units-carousel .slick-list {
	margin-left: 20px;
}

.free-units-carousel .slick-prev:before,
.free-units-carousel .slick-next:before {
	content: none !important;
}

.free-units-carousel .slick-prev.slick-arrow {
	background-image: url('/wp-content/uploads/2025/06/left-arrow-1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 39px;
	height: 30px;
	z-index: 1000;
	border-radius: 0;
	box-shadow: none !important;
}


.free-units-carousel .slick-next.slick-arrow {
	background-image: url('/wp-content/uploads/2025/06/right-arrow-1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 39px; 
	height: 30px;
	z-index: 1000;
	border-radius: 0;
	box-shadow: none !important;
}

.free-units-carousel .slick-next.slick-arrow:hover {
	background-color: transparent;
	background-image: url('/wp-content/uploads/2025/06/right-arrow-1.png');
}


/* Lesson Content Area (Focus Area) | HTML & Logic FILE: learndash/ld30/lesson.php + UABB Advanced Tabs
   =========================================================================================================== */

#overview-title,
#overview-title h2 {
	font-weight: 700;
	font-size: 40px;
	font-family: Montserrat;
	max-width: 100%;
}

#overview-subtitle {
	font-weight: 700;
	font-size: 20px;
	font-family: Montserrat;
	color: #27BDBB;
}
#overview-subtitle p {
	margin-bottom: 0;
}
#lesson-tabs .uabb-tab-current {
	background-color: #ED7230;
	border-radius: 30px;

}

#lesson-tabs .uabb-tag-selected {
	border-radius: 30px;
	border: solid 4px #ED7230;

}

#alesson-tabs.uabb-tab-link {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 140px;
}

#lesson-tabs .uabb-content {
	border-top: transparent;
}

#lesson-tabs .uabb-tab-title {
	color: #ED7230;
	font-family: Montserrat;
	font-weight: 600;
	font-size: 16px;

}

#lesson-tabs .uabb-tab-current .uabb-tab-title {
	color: white;
	font-family: Montserrat;
	font-weight: 600;
	font-size: 16px;
}		 

#lesson-tabs .uabb-content {
	margin-top: 25px;
}

@media (min-width: 1438px) {
	#lesson-tabs .uabb-tabs > nav ul {
		gap: 50px;
	}

}




/* ==========================================================================
   Single Unit Page (LD NAME: COURSE)
   URL: https://jwdevelopment.kinsta.cloud/courses/unit-name/
   ========================================================================== */

/**
 * Individual unit page styling
 *
 * Handles styling for single course unit pages including media carousels,
 * sidebars, and lesson content layout.
 */

/* Slick Carousel
   ========================================================================== */

/**
 * Media carousel component
 *
 * HTML & Logic MODULE: functions.php
 * Styling for the Slick.js carousel used to display unit media including
 * images, navigation arrows, and pagination dots.
 */

.slick-slide img {
	margin: 0 auto;
	border-radius: 30px;
}

.unit-media-carousel .slick-slide img {
	width: 70%;
}

.unit-media-carousel .slick-prev {
	left: 0px;
}

.unit-media-carousel .slick-next {
	right: 0px;
}

ul.slick-dots {
	bottom: unset;
}

.unit-media-carousel .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #ED7230;
}

.unit-media-carousel .slick-dots li button:before {
	opacity: .75;
	color: #D9D9D9;
}

.slick-next {
	left: auto;
}

.slick-dots {
	display: flex;
	width: 100%;
	padding: 0;
	margin: 0;
	justify-content: center;
}

ul.slick-dots {
	margin-top: 10px;
}

.slick-dots li {
	margin: 0 5px 0 0;
}

.slick-dots li button:before {
	font-size: 15px;
}

.slick-next:before, .slick-prev:before {
	font-size: 40px;
	color: #000; 
}

.slick-prev:before,
.slick-next:before {
	content: none !important;
}

.slick-prev.slick-arrow {
	background-image: url('/wp-content/themes/jajoowarrngara/assets/img/left-arrow.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 60px;
	height: 60px;
	z-index: 1000;
	border-radius: 0;
	box-shadow: none !important;
}

.slick-next.slick-arrow {
	background-image: url('/wp-content/themes/jajoowarrngara/assets/img/right-arrow.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 60px;
	height: 60px;
	z-index: 1000;
	border-radius: 0;
	box-shadow: none !important;
}

body .unit-media-carousel .thumbnail-wrapper .thumbnail-icon {
	top: 15px;
	right: 120px;
}

@media (max-width: 480px) {

	body .unit-media-carousel .thumbnail-wrapper .thumbnail-icon {
		width: 40px;
		height: 40px;
		right: 70px;
		top: 10px;
	}

	.unit-media-carousel .slick-prev {
		left: 0px;
	}

	.unit-media-carousel .slick-next {
		right: 0px;
	}

}

@media (min-width: 773px) and (max-width: 1190px) {
	.unit-media-carousel .slick-prev {
		left: 0px;
	}

	.unit-media-carousel .slick-next {
		right: 0px;
	}
	
	/* Styles for Free Units */
	.carousel-wrapper .slick-prev {
		left: 0px;
	}
	.carousel-wrapper .slick-next {
		right: 0px;
	}
}


/* Right LearnDash Sidebar | HTML & Logic FILE: template-single-course-sidebar.php
   =============================================================================== */

.free-icon {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 10px;
	left: 10px;
	background-image: url('https://jajoowarrngara.org/wp-content/themes/jajoowarrngara/assets/img/free.svg');
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 100;
}

.bb-course-preview-content {
	background: #90D9D6;
	padding: 30px;
	border-radius: 0px 0px 30px 30px;
}

.term-wrapper h3 {
	text-align: center;
	font-family: 'Montserrat';
	color: white;
	font-weight: bold;
}

#unit-level {
	margin-top: 50px;
}

#unit-subject {
	margin-top: 10px;
}

#subject-name {
	margin-top: 20px;
}

#unit-time {
	margin-top: 50px; 
	color: black;
}

#unit-communities {
	color: #2A7070;
}


.bb-single-course-sidebar .bb-course-member-wrap, .bb-course-volume, .bb-course-status-wrap {
	display: none;
}

.bb-ld-sticky-sidebar {
	margin-top:13px;
	border-radius: 30px;
	border: 16px solid #CADFDF;
	background-color: #CADFDF;
}


.bb-course-preview-wrap {
	border-radius: 30px 30px 0px 0px;
}

.widget.bb-enroll-widget {
	margin-bottom: 0px;
	background-color: #90D9D6;
	border-radius: 30px;
}

.bb-button-wrap {
	margin-top: 30px;
}

.thumbnail-container.thumbnail-container-img {
	min-height: 205px;
}


/* Left Learn Dash SideBar | HTML & Logic FILE: learndash/ld30/learndash-sidebar.php
   ================================================================================= */


.side-bar-btn-text {
	color: #FFFFFF;
}

.side-bar-btn {
	background-color: #27BDBB;
	border-radius: 20px;
	margin-bottom: 10px;
	border-color: transparent;
}

.documents-btn-wrapper.container {
	background-color: #CADFDF;
	border-radius: 20px;
	display: flex;
	flex-flow: column;
	align-items: center;
	padding: 30px;
	margin-top: 50px;
}

#documents-btn-title {
	color: #2A7070;
	font-weight: bold;
}

.jw-ack {
	padding: 30px;
}

.jw-ack h3 {
	font-family: Montserrat;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}

.ack-wrapper {
	margin-top: 50px;
}

.ack-wrapper p {
	font-size: 16px;
	font-weight: 500;
	font-family: Montserrat;
}

.lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
	position: static;
	min-height: 200vh;
}


/* LearnDash top progress styling */

.course-entry-title, .ld-progress-bar-percentage.ld-secondary-background, .ld-progress-stats, .ld-progress-bar, .bb-lesson-head{
	display: none;
}

#learndash-content .course-progress-wrap {
	border-bottom: transparent;
}

.bb-icon-l.bb-icon-angle-left {
	background-image: url(/wp-content/uploads/2025/07/aqua-back-arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.bb-icon-angle-left:before {
	content: '';
}

.lms-topic-sidebar-course-navigation a.course-entry-link {
	background-color: transparent;
	font-size: 16px;
	color: #2A7070;
	font-weight: 600;
	font-family: Montserrat;
}



/* Overview Styling */ 

#overview-title {
	font-weight: 700;
	font-size: 40px;
	font-family: Montserrat;
}

#overview-subtitle {
	font-weight: 700;
	font-size: 20px;
	font-family: Montserrat;
	color: #27BDBB;
}

#activity-tabs  {
	max-width: 980px;
}

#activity-tabs .uabb-tab-current {
	background-color: #ED7230;
	border-radius: 30px;

}

#activity-tabs .uabb-tag-selected {
	border-radius: 30px;
	border: solid 4px #ED7230;

}

#activity-tabs .uabb-tab-link {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 140px;
}

#activity-tabs .uabb-content {
	border-top: transparent;
}

#activity-tabs .uabb-tab-title {
	color: #ED7230;
	font-family: Montserrat;
	font-weight: 600;
	font-size: 16px;

}

#activity-tabs .uabb-tab-current .uabb-tab-title {
	color: white;
	font-family: Montserrat;
	font-weight: 600;
	font-size: 16px;
}		 

#activity-tabs .uabb-content {
	margin-top: 25px;
}

@media (min-width: 1438px) {
	/* 
	#activity-tabs .uabb-tabs.uabb-tabs-layout-horizontal li:not(:first-child) {
	margin-left: 50px;
} */
	#activity-tabs .uabb-tabs > nav ul {
		gap: 50px;
	}

}


/* Lesson Tabs */

#tabs {
	border: transparent;
	margin-top: 50px;
}

#tabs .topic-wrapper nav {
	display: none;
}

ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
	background: transparent;
	border: transparent;
}

.ui-tabs .ui-tabs-panel {
	background-color: #BEE8ED;
	border-radius: 20px;
	margin-top: 30px;
}

#lesson-title { 
	color: #076968;
	font-size: 20px;
	font-weight: 700;
	font-family: Montserrat;
}

#les-intro-title,
#lesson-intro h4,
#lesson-intro strong {
	margin-bottom: 10px;
	color: #ED7230;
	font-size: 20px;
	font-weight: 700;
	font-family: Montserrat;
}

.ui-tabs .ui-tabs-panel {
	padding: 1.8em 1.8em;
}


#ld-expand-<?php echo get_the_ID(); ?> {
	display: none;
}

#lesson-intro {
	background-color: #F9E5DB; 
	border-radius: 30px;
	padding: 1.8em 1.8em;
}

#tabs .ld-status-icon {
	display: none;
}

#tabs .ui-state-active {
	background-color: #27BDBB;
}

#tabs .title {
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
}

#tabs .ui-state-active .title {
	color: white; 
	text-align: center;
}

#tabs .ui-tabs-tab:not(.ui-state-active) {
	background: transparent;
}

#tabs .ui-tabs-tab:not(.ui-state-active) .title {
	color: #27BDBB; 
	text-align: center;
}

#tabs .ui-tabs-tab {
	border-radius: 30px;
	border: 4px solid #27BDBB;
	min-width: 150px;
	min-height: 0;
	padding: 15px 5px 15px 5px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: unset;
	padding: unset;
	text-decoration: none;
}

#tabs .great-button {
	display: none;
}

#lesson-intro h2 {
	font-size: 20px;
	color: #ED7230;
	font-weight: 700;
	font-family: Montserrat;
	margin-bottom: 1rem;
}

.uabb-tabs > nav ul {
	gap: 10px;
}

#tabs .ui-tabs-nav {
	display: flex;
	flex-wrap: wrap;
}




/* Hiding Bread Crumbs and Overview Elements */

article.sfwd-lessons .ld-breadcrumbs, 
article.sfwd-lessons span.bb-pages, 
article.sfwd-lessons .flex.bb-position, 
article.sfwd-lessons .lms-header-title
 {
	display: none;
}

/* Hide  Lessons Accordian */ 

article.sfwd-lessons #accordion,
article.sfwd-lessons .ld-topic-list {
	display: none;
}