/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* ## Typographical Elements
--------------------------------------------- */

* {
	--coppertops-copper: #993f22;
	--coppertops-teal: #70ecf8;
	--coppertops-teal-opaque: rgba(45, 159, 163, .25);
	--coppertops-grey: #494949;
	--coppertops-grey-opaque: rgba(73, 73, 73, 0.8);
	--coppertops-navy: #1f5c81;
}

/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Fredoka", sans-serif;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 18px;
}

h1 {
	font-size: 36px;
	font-size: 3.6rem;
	color: var(--coppertops-copper);
	margin: 0 0 24px;
	text-transform: uppercase;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
	color: var(--coppertops-copper);
	margin: 0 0 24px;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
	color: var(--coppertops-copper);
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}


a:hover, a:focus {
	text-decoration: none;
	/* background-color: #fcd740; */
	border-radius: 12px;
}

button:hover, input[type=button]:hover, input[type=submit]:hover {
	color: #1f5c81;
}


/* Fluent Booking */

.fcal_calendar_inner .fcal_icon_item {
	color: #1f5c81 !important;
}

/* .fcal_wrap .fcal_calendar_inner .fcal_side,
.fcal_calendar_inner .fcal_date_wrapper {
	width: 47% !important;
} */


.fcal_calendar_inner .fcal_icon_item.fcal_icon_item svg,
.fcal_calendar_inner .fcal_icon_item img,
.fcal_slot_info .fcal_slot_payment_item svg	{
	height: 1.4rem !important;
	width: 1.4rem !important;
}

.fcal_booking_form_wrap .fcal_booking_form .fcal_form_item .fcal_input_content .fcal_custom_checkbox {
	padding-left: 2.6rem !important;
}

.fcal_booking_form_wrap .fcal_booking_form .fcal_form_item .fcal_input_content .fcal_custom_checkbox .checkbox_mark {
	height: 2rem !important;
	width: 2rem !important;
}

.fcal_booking_form_wrap .fcal_booking_form .fcal_form_item .fcal_input_content .fcal_custom_checkbox .checkbox_mark:before {
	height: 1.4rem !important;
}

.fcal_calendar_inner .fcal_icon_item	{
	column-gap: .8rem;
}


.fcal_slot_info .fcal_slot_payment_item {
	margin-bottom: 0;
}

.fcal_booking_form_wrap .fcal_booking_form .fcal_form_item button {
	background-color: #70ecf8 !important;
	color: #1F5C81 !important;
	border: 1px solid #1F5C81 !important;
	border-radius: 24px !important;
	padding: 6px 12px !important;
	font-size: 18px;
}


/* Member Pages grid Menu */
.member-menu .pp-content-tgrid.pp-equal-height.pp-css-grid, ul#menu-members-all {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}


/* WooCommerce Add Payment Form */
div#payment.woocommerce-Payment {
	background-color: transparent !important;
	border: 1px solid #1f5c81;
	border-radius: 24px !important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background-color: transparent !important;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	display: none;
}

.ld_course_grid h3.entry-title,
.ld-group__courses h3.entry-title,
.ld-group__courses .content .entry-title a {
	font-size: 17px !important;
	font-size: 1.7rem;
	height: 44px;
	color: #993F22 !important;
	margin-bottom: 0px;
}

.ld_course_grid img {
	width:98%;
	margin: 12px 1%;
}

.ld_course_grid .caption {
	margin: 3px;
}


/* Hide "In progress" text on lesson items */
.ld-lesson-item-status-label,
.ld-status-incomplete,
.ld-status-in-progress,
.ribbon.enrolled,
.ribbon.free {
	display: none !important;
}

/* Hide "See More" button */
.ld-expand-button,
.ld-lesson-item-expand,
.ld_course_grid_button {
	display: none !important;
}

/* Hide bottom navigation on lesson/topic pages */
.learndash-wrapper .ld-content-actions,
.ld-navigation,
.ld-layout__header /* Breadcrumbs */ {
	display: none !important;
}

/* User Nav (Top Right) */
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu,
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-text {
	border-left: none !important;
	padding: 12px;
	color: #ffffff !important;
}

.ld-focus-header,
.ld-brand-logo,
.ld-progress,
.ld-user-menu {
	background-color: #993F22 !important;
	border-right: none !important;
}

.ld-brand-logo {
	padding: 3px !important;
}

.ld-progress-steps {
	color: #ffffff;
}

body.ld-in-focus-mode.admin-bar {
	padding-top: 60px;
}

@media only screen and (max-width: 768px) {
	body.ld-in-focus-mode.admin-bar {
		padding-top: 0px !important;
	}
}

.learndash-wrapper .ld-focus .ld-focus-header {
	height: 60px;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu img {
	border-radius: 50px;
}

.learndash-wrapper .ld-focus .ld-focus-header {
	border-bottom: 1px solid #993F22;
}

/* Padding around lesson/topic area */
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
	padding: 24px 12px;
	max-width: 100%;
}

/* Sidebar Width */
.learndash-wrapper .ld-focus .ld-focus-sidebar,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
	width: 320px;
}


.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
	/* min-height: auto; */
	padding: 12px;
}

.learndash-wrapper .ld-focus .ld-focus-main {
	margin-left: 320px;
	width: calc(100% - 320px);
}

@media only screen and (max-width: 768px) {
	.learndash-wrapper .ld-focus .ld-focus-sidebar,
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
		width: 210px;
	}
	.learndash-wrapper .ld-focus .ld-focus-main {
		margin-left: 210px;
		width: calc(100% - 210px);
	}
}


@media (max-width: 768px) {
	body.ld-in-focus-mode.admin-bar .ld-focus-sidebar {
		top: 46px;
	}
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
		min-height:60px;
	}
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav .ld-trigger-mobile-nav:focus {
	outline: none;	
}

.lesson-info h2,
.lesson-templates h2 {
	font-size: 22px;
	font-size: 2.2rem;
	margin: 6px;
}

.templates-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 24px;
	margin: 12px 24px !important;
}

.template-item {
	width: 240px;
	padding: 6px;
	border: 0px solid #1F5C81;
	border-radius: 12px;
	max-width: 100%;
}

.template-item h4 {
	margin: 0 0 6px 0;
	font-size: .9em;
	height: 40px;
}

.template-image {
	margin-bottom: 6px;
	max-width: 100%;
}

.template-image img {
	aspect-ratio: 1/1;
	object-fit: contain;
	max-width: 100%;
}

.template-links {
	display: flex;
	gap: 12px;
	margin-top: 12px;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	z-index: 10;
}

.template-links a {
	color: #1F5C81;
	font-size: 1.3em;
}
.template-links a:hover {
	color: #993F22;
}


.ld-tab-bar__panel .ld-featured-image {
	width: 10% !important;
	margin: 12px !important;
	object-fit: contain;
}

.ld-layout, .ld-tab-bar__panel {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.ld-tab-bar__panel h2 {
	font-size: 20px;
}

.ld-tab-bar__panel>p {
	width: 90%;
	margin: 24px !important;
}

@media (max-width: 768px) {
	.ld-tab-bar__panel .ld-featured-image,
	.ld-tab-bar__panel>p {
		margin: 6px !important;
	}
}

.lesson-info {
	margin: 12px 0;
}

.lesson-info p {
	text-align: center;
	margin: 12px;
	color: #1F5C81;
	/* font-style: italic; */
}

.descript-embed {
	width: 56vw;
	height: 32vw;
	text-align: center;
	margin: 12px auto;
	/* padding: 1vw; */
}

/* Lesson/Topic Heading */
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
	margin: 0;
	font-size: 24px;
	font-size: 2.4rem;
}

.ld-layout {
	grid-gap: 6px !important;
}

/* Topic List in Sidebar */
.learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav span {
	background-color: #ffffff !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list {
	padding: 0;
	background-color: transparent;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview {
	padding: 12px 24px !important;
}

.learndash-wrapper .ld-table-list a.ld-table-list-item-preview,
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading {
	color: #1F5C81;
}


/* Transcript Accordion */
.transcript-accordion {
	margin: 24px auto;
	max-width: 800px;
}

.transcript-toggle {
	background: #993f22;
	color: white;
	padding: 12px 20px;
	width: 100%;
	text-align: left;
	border: none;
	border-radius: 24px;
	cursor: pointer;
	font-size: 18px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.transcript-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	background: #fefefe;
	border-radius: 0 0 4px 4px;
}

.transcript-content p {
	text-align: left;
}

.transcript-content div {
	padding: 12px;
	white-space: pre-wrap;
	font-size: 18px;
	line-height: 1.4;
}




/* Groups Page */
body.single-groups .fl-post-header {
	display: none !important;
}

.learndash-wrapper--group {
	display: flex !important;
}

body.single-groups .container,
.learndash_post_groups .ld-layout__content {
	width: 90%;
	margin: auto;
}

body.single-groups .fl-content .fl-content-left .col-md-8 {
	width: 100% !important;
}

@media only screen and (min-width: 992px) {
	body.single-groups .fl-content .fl-content-left .col-md-8,
	.col-md-8 {
		width: 100% !important;
	}
}

body.single-groups .fl-sidebar,
.learndash_post_groups .ld-layout__sidebar {
	display: none !important;
}

body.single-groups .fl-content-left {
	border-right: none;
}

body.single-groups .fl-content.fl-content-left.col-md-8 {
	/* width: 100%; */
	padding: 0;
}

body.single-groups .items-wrapper .grid-3 .post,
body.single-groups .fl-post-meta-bottom {
	border: none;
}

.ld-group__courses .content {
	color: #1f5c81 !important;
	padding: 12px !important;
}

.ld-group__courses .content .entry-content, 
.ld-group__courses .content .learndash-wrapper.learndash-widget,
.ld-group__courses .content .button {
	display: none !important;
}

.ld-course-list-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.learndash-course-grid img {
	aspect-ratio: 16/9 !important;
}

body.single-groups .ld-tab-bar__panel .ld-featured-image {
	width: 20% !important;
	margin: 12px !important;
	object-fit: contain;
}

.ld_course_grid.col-sm-8.col-md-4 .entry-content {
	display: none;
}

@media only screen and (max-width: 767px) {
	.ld_course_grid .col-sm-8,
	.ld_course_grid .col-md-4,
	.col-sm-8,
	.col-md-4 {
		width: 40% !important;
	}
	.ld_course_grid .col-sm-8 h3,
	.ld_course_grid .col-md-4 h3 {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media only screen and (min-width: 768px) {
	.ld_course_grid .col-sm-8,
	.ld_course_grid .col-md-4,
	.col-sm-8,
	.col-md-4 {
		width: 31% !important;
		margin: 1%;
	}
	.ld_course_grid .col-sm-8 h3,
	.ld_course_grid .col-md-4 h3 {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media only screen and (min-width: 992px) {
	.ld_course_grid .col-sm-8,
	.ld_course_grid .col-md-4,
	.col-sm-8,
	.col-md-4 {
		width: 15% !important;
		margin: 3px;
		padding:6px;
	}
	.ld_course_grid .col-sm-8 h3,
	.ld_course_grid .col-md-4 h3 {
		font-size: 14px;
		font-size: 1.4rem;
	}
}



/* Clickable Column */
.clickable-column {
	position: relative;
}
.clickable-column a.full-link,
.clickable-column .full-link a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: block;
	text-indent: -9999px;
	background-color: transparent;
}

.clickable-column .full-link a:hover {
	background-color: transparent;
}

.clickable-column:hover .package-icon .fl-icon i {
	background-color: #fcd740;
}
.clickable-column:hover .package-icon .fl-icon i:before,
.clickable-column:hover .down-icon .fl-icon i:before {
	color: #8c429e;
}