.extra-add-slider-header {
    color: var(--e-global-color-kadence4);
    font-family: "Work Sans", Sans-serif;
    font-weight: 600;
}

.custom-post-slider .splide__slide {
    background-position: center;
    background-size: cover;

}
.custom-post-slider .splide__slide,
.custom-post-slider .splide__slide .slide-content {
    border-radius: 24px;
}

.custom-post-slider .custom-post-title,
.custom-post-slider .slide-content {
    width: 100%;
}

.custom-post-slider .custom-post-title {
  cursor: pointer;
}

.extraAO-modal-post {
    height: 100vh;
}

.extraAO-modal-post .modal-content {
    background-color: initial;
}

.custom-post-slider  .ld-progress-stats {
    justify-content: center!important;
    gap: 5px;
}

.extraAO-modal-post .modal-dialog {
    padding: 40px 17px 40px 0;
    max-width: 1200px;
}

.extraAO-modal-post .modal-dialog, 
.extraAO-modal-post .modal-content, 
.extraAO-modal-post .modal-body {
    height: 100%;
}

.extraAO-modal-page .modal-dialog, 
.extraAO-modal-page .modal-content, 
.extraAO-modal-page .modal-body {
    height: auto!important;
}

.extraAO-modal-post .modal-body {
    overflow: auto;
}

.extraAO-modal-post .modal-header {
    width: 100%;
    background-color: #0F2A43;
    align-items: center;
}

.extraAO-modal-post .modal-header h4 {
    color: #fff;
}

.modal-body {
    position: relative;
    padding: 58px 30px!important;
}

.modal-body-page-slider.modal-body {
    padding: 0!important;
    overflow-x: hidden;
    overflow-y: scroll;
}



.modal-body .learndash-wrapper .ld-course-status,
.modal-body .learndash-wrapper .ld-lesson-list {
   display: none;
}


.modal-body table.variations {
   width: auto;
}

.modal-body table.variations tbody {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.modal-body table.variations tbody tr {
   display: flex;
   align-items: center;
   gap: 20px;
}

.modal-body table.variations tbody td.value {
   position: relative;
}

.modal-body table.variations tbody td.value select, 
.modal-body table.variations tbody td.value option {
   border-radius: 5px;
   color: #000 !important;
}

.modal-body table.variations tbody td.value .reset_variations {
    position: absolute;
    bottom: -30px;
    right: 0;
    border-radius: 5px;
    color: #2cb1bc;
}


.close-modal span {
    font-size: 30px;
    color: #fff;
    width: 30px;
    height: 30px;
    display: block;
} 

a.button.product_type_course, .modal-body a.grassblade_launch_link {
    width: 100%;
    text-align: center;
    padding: 12px;
    font-size: 30px;
    background-color: #2cb1bc;
    color: #fff;
    border-radius: 5px;
    border: solid 1px #f1f1f1;
    display: block;
}

.e-n-tab-title[aria-selected="false"]:not( :hover ), .eael-accordion-header.active {
    background-color: rgb(15 42 67 / 72%) !important;
}


a.button.product_type_course:hover, .modal-body a.grassblade_launch_link:hover {
    background-color: #13919b;
    color: #232323!important;
    text-decoration: none;
    border-color: #2cb1bc;
}

.course-price-container {
    flex-direction: column-reverse;
}

.course-price-container .price-label-container {
     margin-bottom: 10px;
     margin-top: 10px;
}

.price-label {
    margin-right: 8px;
}

.d-flex {
    display: flex;
    display: -ms-flexbox;
}

@media (max-width: 768px) {
	.extraAO-modal-post .modal-header h4 {
    		font-size: 18px;
	}

	.extraAO-modal-post .modal-dialog {
    		padding: 40px 0 40px 0;
	}

	a.button.product_type_course {
		font-size: 22px;
	}

	.modal-body {
    		padding: 50px 15px!important;
	}
}