/*
Theme name: FIRE LMS

Theme URI: https://fire.maintask.dev/

Author: Maintask

Author URI: https://maintask.io/

Description: Theme created for the FIRE LMS project

Version: 1.0.0.
*/

/*Main styles*/
body {
	margin: 0;
	font-size: 20px;
	font-family: PT Sans;
	color: #514D4D;
}

h1 {
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 90px;
	line-height: 84px;
	letter-spacing: -0.02em;
	margin: 0;
}

h2 {
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 64px;
	line-height: 64px;
	letter-spacing: -0.02em;
	margin: 0;
}

h3 {
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 54px;
	line-height: 54px;
	letter-spacing: -0.02em;
	margin: 0;
}

h4 {
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 34px;
	line-height: 36px;
	letter-spacing: -0.02em;
	margin: 0;
}

h5 {
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

blockquote {
	font-family: "National", Sans-serif;
	font-style: italic;
	font-weight: 600;
	font-size: 26px;
	line-height: 34px;
	letter-spacing: -0.02em;

}

main a,
p a {
	color: #3380AB;
}

main a:hover,
p a:hover,
a.elementor-lost-password:hover {
	text-decoration: underline !important;
}

.elementor-section>.elementor-container {
	max-width: 1440px;
}

.gradient-button,
.elementor-form .elementor-button,
.fsSubmitButton {
	font-family: "National", Sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 27px;
	letter-spacing: 0.08px;
	background-color: transparent;
	background-image: linear-gradient(110deg, #C10B0B 15%, #DC2728 15%);
	border-radius: 0px 0px 0px 0px;
	padding: 12px 24px;
}

.gradient-button:hover,
.elementor-form .elementor-button:hover,
.fsSubmitButton:hover {
	background-color: transparent;
	background-image: linear-gradient(180deg, #C10B0B 0%, #C10B0B 100%);
}

input.fsSubmitButton {
	font-size: 20px !important;
}

.grayscale {
	filter: grayscale(1);
}

/*End of Main styles*/
/*Menu & hero styles*/
#main-menu .sub-menu {
	top: 70px !important;
}

#main-menu .sub-menu li a {
	border: none;
}

#main-menu .sub-menu li a:hover {
	text-decoration: underline;
}

.elementor-element.redline {
	height: 100%;
	width: auto !important;
}

.elementor-element.redline img {
	height: max-content;
}

/*End of Menu & hero styles*/
/*Home page styles*/
.inset-top {
	box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
}

.inset-top.elementor-section>.elementor-container,
.full-width.elementor-section>.elementor-container {
	max-width: 100%;
}

.page-id-1149 .inset-top.elementor-section>.elementor-container {
	max-width: 1440px;
}

.courses-grid article .elementor-post__text {
	padding: 0 !important;
	margin-top: 0 !important;
}

.courses-grid article .elementor-post__badge {
	position: relative !important;
	margin: 0 0 10px 0 !important;
	background: transparent;
	color: #000;
	font-family: 'National';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 1.99635px;
	padding: 0;

}

.courses-grid article .elementor-post__title {
	line-height: 1;
}

.courses-grid article:first-child:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 30px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 200px 300px 0 0;
	border-color: #FDC77B transparent transparent transparent;
}

.courses-grid article:nth-of-type(3) .elementor-post__thumbnail__link:before {
	position: absolute;
	left: 0;
	bottom: -10px;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 200px 0 0 250px;
	border-color: transparent transparent transparent #FDC77B;
}

.blue-side:before {
	content: '';
	width: 45%;
	height: calc(100% + 40px);
	background: #4897C4;
	position: absolute;
	left: -20px;
	top: -20px;
	clip-path: polygon(0 0, 48% 0, 85% 42%, 85% 100%, 43% 100%, 0 57%);
}


/*End of Home page styles*/
/*Pages styles*/
#partners .eicon-chevron-right:before {
	content: '\e8c0';
}

#partners .eicon-chevron-left:before {
	content: '\e8bf';
}

.numbers .elementor-counter-title {
	margin-top: 40px;
}

.elementor-form .elementor-field {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
}

.elementor-form .elementor-button {
	padding: 12px 24px !important;
}

#newsletter-section .elementor-container {
	justify-content: space-evenly;
}

#newsletter input {
	padding: 12px 24px;
}

#newsletter-section .elementor-container>.elementor-column {
	min-height: 20px;
}

#newsletter-section .elementor-container>.elementor-column:nth-of-type(3) {
	transform: rotate(180deg);
}

.areas .elementor-cta__bg-wrapper {
	clip-path: polygon(0 0, 100% 21%, 100% 100%, 0% 100%);
}

.areas .elementor-cta__button {
	padding: 0 !important;
}

.all-courses .elementor-post__card {
	flex-direction: row !important;
}

.all-courses .elementor-post__card:after {
	content: '';
	height: 3px;
	width: 50px;
	position: absolute;
	background-color: #DC2728;
	left: 43%;
	z-index: 10;
	top: 20px;
}

.all-courses .elementor-post__thumbnail__link:after {
	content: none !important;
}

.all-courses .elementor-post__text {
	margin-top: 0 !important;
	padding: 0 0 0 20px !important;
}

.all-courses .fa-arrow-right {
	color: #DC2728;
	margin-right: 6px;
}

.bsui .uwp_form input,
.page-id-1149 .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-name input {
	background-color: #ffffff;
	border-color: #D4D3D3;
	border-radius: 0px 0px 0px 0px;
	font-family: "PT Sans", Sans-serif;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: -0.02px;
	color: #C4C4C4;
}

.bsui button.btn {
	border-color: transparent;
	width: fit-content;
	margin-top: 20px;
	margin-bottom: 20px;
}

.bsui button.btn:hover {
	border-color: transparent;
}

.profile .elementor-background-overlay {
	clip-path: polygon(55% 0, 55% 24%, 75% 100%, 0 100%, 0 0);

}

.search-posts .elementor-posts .elementor-post {
	padding: 20px;
	border-bottom: 1px solid #C4C4C4;
}

.search-posts .elementor-posts .elementor-post:hover {
	box-shadow: 2px 0px 5px 0px rgb(0 0 0 / 50%)
}

.search-posts .elementor-posts .elementor-post:last-child {
	border-bottom: none;
}

.search-posts .page-numbers {
	border: 1px solid #C4C4C4;
	padding: 0 10px;
	border-radius: 5px;
}

.search-posts .page-numbers.current,
.search-posts .page-numbers:hover {
	border-color: #3380AB;
	color: #3380AB !important;
	text-decoration: none !important;
}

#testimonials .elementor-testimonial__footer {
	width: 60%;
}

#testimonials .elementor-testimonial__image:before {
	content: '';
	width: 45%;
	height: 50%;
	background: #FDC77B;
	position: absolute;
	left: -20px;
	top: -20px;
	clip-path: polygon(0 0, 48% 0, 85% 42%, 85% 100%, 43% 100%, 0 57%);
	z-index: 2;
}

#testimonials .elementor-testimonial__image img {
	width: 100%;
	height: auto;
	z-index: 6;
	display: block;
	position: relative;
}

#testimonials .elementor-testimonial__text a {
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 5%;
	font-style: normal;
	color: #000;
	padding-top: 20px;
	display: block;
	transition: 0.2s ease-in-out;
}

#testimonials .elementor-testimonial__text a:before {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 1.25em;
	color: #DC2728;
	margin-right: 12px;
}

#testimonials .elementor-testimonial__text a:hover:before {
	margin-left: 5px;
}

/*End of Pages styles*/
/*Learndash recoloring*/
.learndash-wrapper .ld-course-status-action>.ld-button,
.learndash-wrapper .ld-course-status-content>.ld-status,
.learndash-wrapper div.ld-expand-button,
.page-id-1149 .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields input[type="submit"],
.uwp-account-form input[type="submit"] {
	font-family: "National", Sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 27px;
	letter-spacing: 0.08px;
	background-color: transparent !important;
	background-image: linear-gradient(110deg, #C10B0B 15%, #DC2728 15%);
	border-radius: 0px 0px 0px 0px;
	padding: 12px 24px;
}

.learndash-wrapper .ld-course-status-action>.ld-button:hover,
.learndash-wrapper .ld-course-status-content>.ld-status:hover,
.learndash-wrapper div.ld-expand-button:hover,
.page-id-1149 .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields input[type="submit"]:hover,
.uwp-account-form input[type="submit"]:hover {
	text-decoration: none !important;
	background-color: transparent;
	background-image: linear-gradient(180deg, #C10B0B 0%, #C10B0B 100%);
	opacity: 1;
}

.learndash-wrapper>.ld-course-status,
.learndash-wrapper>.ld-lesson-status,
.learndash-wrapper>.ld-topic-status {
	background-color: #F1F1F1 !important;
	border-radius: 0px !important;
	color: #000;
}

.ld-progress-stats .ld-progress-percentage {
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21.6px;
	letter-spacing: 2px;
}

.ld-progress-stats .ld-progress-steps {
	font-size: 20px;
	line-height: 21.6px;
}

.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading>h2 {
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 34px !important;
	line-height: 36px;
	letter-spacing: -0.02em;
}

.learndash-wrapper .ld-breadcrumbs .ld-primary-background.ld-status,
.learndash-wrapper .ld-course-status .ld-status.ld-primary-background {
	background-color: transparent !important;
	color: #000 !important;
}

.learndash-wrapper .ld-item-list-items .ld-item-list-item .ld-expand-button {
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 24px;
	color: #000 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.learndash-wrapper .ld-item-list-items .ld-item-list-item .ld-expand-button .ld-text.ld-primary-color {
	color: #000 !important;
}

.learndash-wrapper .ld-item-list-items .ld-item-list-item .ld-expand-button .ld-icon-arrow-down.ld-icon {
	background-color: transparent !important;
}

.learndash-wrapper .ld-item-list-items .ld-item-list-item .ld-expand-button .ld-icon-arrow-down.ld-icon:before {
	color: #000 !important;
}

.learndash-wrapper .ld-item-list-items .ld-item-list-item .ld-item-component {
	font-size: 18px !important;
	font-weight: normal !important;
}

.learndash-wrapper .ld-item-list-items .ld-item-list-item .ld-item-component:hover {
	color: #DC2728 !important;
}

.learndash-wrapper .ld-item-list-items .ld-item-list-item:hover .ld-item-component {
	color: #DC2728 !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item,
.learndash-wrapper .ld-table-list,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>label {
	border-color: #F1F1F1 !important;
	border-radius: 0 !important;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span {
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 1.99635px;
	text-transform: uppercase;
}

.wp-block-file__button,
.bsui button.btn,
.learndash-wrapper .wpProQuiz_content input.wpProQuiz_button,
.learndash-wrapper .ld-expand-button.ld-primary-background,
.learndash-wrapper .ld-content-actions .ld-content-action .ld-button,
.learndash-wrapper .ld-content-actions .sfwd-mark-complete .learndash_mark_complete_button {
	font-family: "National", Sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 27px;
	letter-spacing: 0.08px;
	background-color: transparent !important;
	background-image: linear-gradient(110deg, #C10B0B 15%, #DC2728 15%) !important;
	border-radius: 0px 0px 0px 0px !important;
	padding: 12px 24px !important;
	opacity: 1;
}

.wp-block-file__button:hover,
.bsui button.btn:hover,
.learndash-wrapper .ld-expand-button.ld-primary-background:hover,
.learndash-wrapper .wpProQuiz_content input.wpProQuiz_button:hover,
.learndash-wrapper .ld-content-actions .ld-content-action .ld-button:hover,
.learndash-wrapper .ld-content-actions .sfwd-mark-complete .learndash_mark_complete_button:hover {
	background-image: linear-gradient(180deg, #C10B0B 0%, #C10B0B 100%) !important;
	text-decoration: none !important;
	opacity: 1;
}

.learndash-wrapper .ld-quiz-status .ld-breadcrumbs {
	background-color: #F1F1F1;
	border-radius: 0;
}

.wp-block-embed__wrapper>iframe {
	min-height: 600px;
}

.learndash-wrapper .ld-content-actions .ld-content-action.ld-empty {
	display: none;
}

.learndash-wrapper .ld-content-actions {
	border-color: #F1F1F1 !important;
	align-items: flex-start;
}

.learndash-wrapper .ld-content-actions .ld-content-action {
	flex-basis: auto !important;
}

.learndash-wrapper .sfwd-mark-complete:after {
	display: none !important;
}

.learndash-wrapper .ld-content-actions .ld-course-step-back {
	margin-top: 20px !important;
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px !important;
	line-height: 17px;
	letter-spacing: 1.99635px;
	text-transform: uppercase;
	color: #000 !important;
}

.learndash-wrapper .wpProQuiz_content h4.wpProQuiz_header {
	font-weight: 400 !important;
	margin: 0;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem[data-type=cloze_answer] .wpProQuiz_questionListItem {
	overflow-x: hidden;
}

.learndash-wrapper .wpProQuiz_results .wpProQuiz_graded_points,
.learndash-wrapper .wpProQuiz_results .wpProQuiz_points {
	background-color: #F1F1F1;
	border: none;
	border-radius: 0;
}

.learndash-wrapper .wpProQuiz_results .wpProQuiz_quiz_time {
	font-size: 18px;
}

.page-id-1149 .learndash-wrapper .ld-item-list-items .ld-item-list-item .ld-expand-button .ld-icon-arrow-down.ld-icon:before {
	color: #fff !important;
}

.page-id-1149 .learndash-wrapper .ld-item-list-item-course .ld-status.ld-primary-background {
	border-radius: 0;
	font-family: "National", Sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
}

.page-id-1149 .ld-item-name:hover .ld-course-title {
	color: #3380AB;
	text-decoration: underline;
}

.page-id-1149 .ld-table-list-footer {
	background-color: #F1F1F1 !important;
}

.page-id-1149 .ld-item-search-wrapper {
	background-color: #F1F1F1 !important;
	border-radius: 0 !important;
	padding: 20px !important;
}

.page-id-1149 .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper:before {
	background-color: #F1F1F1 !important;
}

.uwp_widget_account .navbar-light .bg-light {
	background-color: transparent !important;
}

.uwp_widget_account .navbar-light .nav-item:nth-of-type(3),
.uwp_widget_account .navbar-light .nav-item:nth-of-type(4) {
	display: none;
}

.uwp_widget_account .navbar-light .nav-item .nav-link {
	color: #3380AB;
}

.uwp_widget_account .navbar-light .nav-item .nav-link:hover {
	color: #514D4D;
}

.uwp_widget_account .navbar-light .nav-item .nav-link.active,
.uwp_widget_account .navbar-light a.text-decoration-none {
	color: #514D4D;
}

.uwp_widget_account h3,
h5.modal-title {
	font-family: "National", Sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 54px;
	line-height: 54px;
	letter-spacing: -0.02em;
	margin: 0;
	text-transform: capitalize;
}

.uwp-account-form input[type="submit"] {
	border: none;
	color: #fff !important;
	width: fit-content !important;
	float: right;
}

.bsui .btn-outline-primary.uwp_modal_btn,
.bsui .btn-primary {
	color: #fff !important;
	border: none;
}

/*End of Learndash recoloring*/
/*Mobile styles*/
@media only screen and (max-width: 1200px) {
	.all-courses .elementor-post__card:after {
		left: 40%;
	}
	#testimonials .elementor-testimonial__image:before {
		content: none;
	}
}

@media only screen and (max-width: 1024px) {
	h1 {
		font-size: 54px;
		line-height: 54px;
	}

	#hero>.elementor-background-overlay {
		background-image: linear-gradient(60deg, #FFFFFF 60%, #FFFFFF00 60%) !important;
	}

	.blue-side:before {
		clip-path: polygon(0 0, 47% 0, 100% 100%, 0 51%);
		height: 100%;
		left: -30px;
		top: -25px;
	}

	.all-courses .elementor-post__card {
		flex-direction: column !important;
	}

	.all-courses .elementor-post__card:after {
		content: none;
	}

	.all-courses .elementor-post__text {
		padding: 0 !important;
	}
	#testimonials .elementor-testimonial {
		flex-direction: column;
	}
	#testimonials .elementor-testimonial__footer {
		width: 100%;
		padding-right: 0;
		margin-top: 20px;
}
	#testimonials .elementor-testimonial__footer img {
		margin: auto;
		text-align: center;
}
}

@media only screen and (max-width: 767px) {
	body {
		font-size: 18px;
	}

	h2 {
		font-size: 44px !important;
		line-height: 46px;
	}

	h3,
	.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading>h2,
	.uwp_widget_account h3,
	h5.modal-title {

		font-size: 28px;
		line-height: 30px;
	}

	h4 {
		font-size: 28px;
		line-height: 40px;
	}

	blockquote {
		font-size: 18px;
		line-height: 24px;

	}

	#hero>.elementor-background-overlay {
		background-image: linear-gradient(60deg, #FFFFFF 100%, #FFFFFF00 100%) !important;
		opacity: 0.8;
	}

	.blue-side:before {
		clip-path: polygon(0 0, 0 65%, 70% 0);
		top: -20px;
		left: -20px;
		width: 100%;
	}

	.numbers .elementor-counter-title {
		margin-top: 20px;
	}

	.learndash-wrapper #ld-profile .ld-section-heading .ld-item-list-actions .ld-expand-button {
		max-width: 70%;
	}

	.page-id-1149 .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details {
		flex-direction: column;
		margin: 20px 0 0 0 !important;
	}

	.page-id-1149 .learndash-wrapper .ld-item-list .ld-item-list-item.learndash-incomplete .ld-item-details .ld-expand-button {
		flex-direction: column;
		align-items: flex-start;
	}

	.page-id-1149 .learndash-wrapper .ld-item-list .ld-item-list-item.learndash-incomplete .ld-item-details .ld-expand-button .ld-text {
		padding: 0 !important;
	}
}

@media only screen and (max-width: 400px) {
	.courses-grid article:first-child:before {
		border-width: 125px 150px 0 0;
	}

	.courses-grid article:nth-of-type(3) .elementor-post__thumbnail__link:before {
		border-width: 200px 0 0 150px;
	}

	.blue-side:before {
		top: -10px;
		left: -10px;
	}

}