/*
Theme Name: Child Thrive Theme
Theme URI: http://thrivethemes.com/
Version: 1.0
Author: <a href="http://www.thrivethemes.com">Thrive Themes</a>
Description: Fully customizable, front end theme and template editing for WordPress has arrived! 
Template: thrive-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, custom-everything
*/

.single-courses .tcb-button-link.highlightButton {
    background: #dce6ff !important;
    color: #0b58d6 !important; /* Add contrasting text color */
   
}


/* Single Courses page styling */
.single-courses .dt-button-primary {
	background-color: #0958d6;
	padding: 6px 24px;
	border-radius: 4px;
}
.single-courses .dt-slot-available {
	background-color: #CC9A071A;
	border: 1px solid #CC9A07;
	color: #CC9A07;
	padding: 6px 20px;
}
.single-courses .dt-slots-badge {
	border-radius: 4px;
	width: auto;
	height: auto;
}
.single-courses .dt-slot-full {
	background: #EA5B4B1A;
    color: #EA5B4B;
    border: 1px solid #EA5B4B;
    border-radius: 4px;
    padding: 6px 20px;
}
.single-courses .dt-button-primary:disabled {
	background-color: #E7E7E7;
	color: #B0B0B0;
	border-radius: 4px;
	padding: 6px 20px;
	line-height: 24px;
	margin-top: 4px;
}
.single-courses .dt-slots-label {
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	text-wrap: nowrap;
}
.single-courses .dt-schedule-time, .single-courses .dt-schedule-date, .single-courses .dt-schedule-weekday {
/* 	display: block; */
	color: #3b3b3b;
	font-size: 16px;
	gap: 2px;
}
.single-courses .dt-icon {
	height: auto;
}
.single-courses .dt-slot-is-full, .dt-schedule-slots {
	background-color: #efefef;
	box-shadow: none !important;
	transform: none !important;
}





/* Apply page styling */
#wpforms-form-608805 .wpforms-page-indicator-page-number {
	background-color: #0958d6 !important;
}
.wpforms-page-button {
	background-color: #0958d6 !important;
}
.course-schedule-change {
	color: #0055ff;
	margin-left: 10px !important;
}
.course-schedule-change:hover {
	color: #337ab7;
}
.summary-panel {
	background-color: #edf5ff;
	padding: 30px;
	width: 41%;
}
.form-panel {
	width: 59%;
}
div.wpforms-container-full button[type=submit] {
	background-color: #0958d6 !important;
}
.subsidy-summary-container, .subsidy-summary-container {
	background: #fff;
	padding: 20px;
	border: 1px solid #0958d6;
	border-radius: 10px;
}
.your-subsidy-line {
	font-weight: 700 !important;
}
.subsidy-info-line, .course-fee-line, .course-fee, .ibf-funding, 
.ibf-percentage, .ibf-discount, .skills-future-credit, .skills-future-credit-amount,
.total-payable-line, .total-payable, .utap, .utap-amount {
	font-size: 17px !important;
	padding-bottom: 5px !important;
}
.ibf-funding, .ibf-percentage, .ibf-discount, .skills-future-credit, .skills-future-credit-amount, .utap {
	color: #0958d6 !important;
	font-weight: 700 !important;
}
.ibf-funding, .skills-future-credit, .utap {
	padding-left: 15px !important;
}
.total-payable-line, .total-payable {
	color: #0958d6 !important;
	font-weight: 700 !important;
}
.button.dt-recalculate, .dt-course-name {
	color: #0958d6 !important;
}
.dt-course-name, .calculation-panel {
	background-color: #edf5ff !important;
	border: none !important;
}
.dt-button-container .button .dt-learn-more {
	background-color: #edf5ff !important;
	color: #0958d6 !important;
}

#wpforms-608805-field_57 .subsidy-summary-container {
	padding: 25px;
	margin-top: 20px;
	border: 1px solid #E7E7E7;
	border-radius: 10px;
}
div.wpforms-container-full .wpforms-field-label {
	font-size: 17px;
}
div.wpforms-container-full input:disabled {
	background-color: #E7E7E7;
}
.course-name-line, .course-date-line {
	font-weight: 500 !important;
}
.course-name, .course-date {
	font-weight: 700 !important;
}
@media only screen and (max-width:767px) {
	.summary-panel, .form-panel {
		width: auto;
	}
	.summary-panel {
		padding: 20px;
	}
	.apply-form-page {
		display: block;
	}
}



/* Course selection page styling */
.course-selection-container {
    max-width: 750px;
    margin: 0 auto;
}
.course-selection-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}
.course-selection-subtitle {
    font-size: 1.2rem;
    margin-bottom: 30px;
    color: #555;
}
.course-box {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}
.category-box:hover, .course-box:hover {
    border-color: #2271b1;
    background-color: #f8f9fa;
}
.category-box.selected, .course-box.selected {
    background-color: #fff !important;
    border-color: #2271b1;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.course-icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.course-icon img, .course-icon svg {
    max-width: 100%;
    height: auto;
}
.course-name {
    font-size: 1.2rem;
    font-weight: 500;
    color: #333;
}
.next-button {
    background-color: #0958d6;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 15px 0;
    font-size: 1.2rem;
    cursor: pointer;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    transition: background-color 0.3s;
}
.next-button:hover {
    background-color: #0c62ef;
}
.next-button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}
.checkmark {
    margin-left: auto;
    color: #2271b1;
    display: none;
}
.category-box.selected .checkmark, .course-box.selected .checkmark {
    display: block;
}
.next-to-courses, .next-button {
    width: 100%;
    padding: 14px 0;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    color: white;
    background-color: #ccc;
    transition: background-color 0.2s ease;
    cursor: not-allowed;
}
.next-to-courses:not(:disabled),
.next-button:not(:disabled) {
    background-color: #0958d6;
    cursor: pointer;
}
.button-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 20px;
}
.previous-step, .next-button {
    flex: 1;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 14px 0;
    margin-top: 20px;
    border: none;
    border-radius: 6px;
    color: white;
    transition: background-color 0.3s ease;
}
.previous-step {
    background-color: #777;
    cursor: pointer;
}
.previous-step:hover {
    background-color: #555;
}
.next-button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}
.next-button:enabled {
    background-color: #0958d6;
    cursor: pointer;
}





/* contact us section styling */
.tve_p_lb_background .tve_p_lb_content {
	max-width: 900px !important;
}
#ContactForm input[type=text], #ContactForm input[type=email], 
#ContactForm input[type=tel], #ContactForm textarea, #ContactForm select {
	width: 100% !important;
}
#ContactForm textarea {
	height: 93px !important;
}
.page-id-609689 #ContactForm textarea {
	height: 110px !important;
}
.single-courses #ContactForm textarea {
	height: 108px !important;
}
#tve_thrive_lightbox_608927 #ContactForm textarea {
	height: 186px !important;
}
#ContactForm select {
	padding: 10px !important;
	color: #3b3b3b !important;
}
#tve_thrive_lightbox_608927 #ContactForm input[type=submit] {
	width: 94% !important;
}
#ContactForm button, #ContactForm input[type=submit] {
	background: #0958d6 !important;
	color: #fff !important;
	border: 2px solid #0958d6 !important;
	border-radius: 5px !important;
	font-weight: 700 !important;
	width: 97% !important;
	padding: 20px !important;
	position: relative !important;
    overflow: hidden !important;
}
.page-id-609689 #ContactForm button, .page-id-609689 #ContactForm input[type=submit] {
	width: 100% !important;
}
#ContactForm button:hover, #ContactForm input[type=submit]:hover {
	background: #fff !important;
	color: #0958d6 !important;
	
}
#ContactForm button::before, #ContactForm input[type=submit]::before {
	content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important; /* Start off-screen to the left */
    width: 100% !important; /* Take up the full width of the button */
    height: 100% !important; /* Full height of the button */
    background-color: #0958d6 !important;
    transition: left 0.4s !important; /* Slide effect */
    z-index: -1  !important;

}
#ContactForm button:hover::before, #ContactForm input[type=submit]:hover::before {
      left: 0 !important;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
	color: #3b3b3b;
}
.single-courses #ContactForm button, .single-courses #ContactForm input[type=submit] {
	width: 100% !important;
}
@media only screen and (max-width:767px) {
	#ContactForm input[type=text], #ContactForm input[type=email], 
	#ContactForm input[type=tel], #ContactForm textarea, #ContactForm select {
		width: 94% !important;
	}
	#ContactForm button, #ContactForm input[type=submit] {
		width: 88% !important;
	}
/* 	.thrv_symbol_69 .thrv_widget_menu #m-19592e90766 ul:not(.tcb-excluded-from-group-item) 
	.thrv_symbol_69 .thrv_widget_menu #m-19592e90766 li ul {
	
	}*/
	#MobileCustomMenu a[href='/courses/'] ~ul.sub-menu{
		display: block !important;
		visibility: visible !important;
	}
	
	
	#MobileCustomMenu a[href='/courses/'] .tve-item-dropdown-trigger{
		display: none !important;
	}
	#tve_thrive_lightbox_608927 #ContactForm input[type=submit] {
		width: 87% !important
	}
}




/* Courses page styling */
#CourseListPage .post-wrapper.thrv_wrapper {
	width: auto !important;
}
#CourseListPage .post-wrapper.thrv_wrapper:nth-child(n) {
	margin-right: 10px !important
}
#CourseListPage .tcb-post-list[data-css="tve-u-1963d5ab3fc"] .post-wrapper.thrv_wrapper:not(:nth-child(n+2)) {
	margin-top: 15px !important;
}




 /* Move reCAPTCHA v3 badge to the left */
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}

form#wpforms-form-609882 .wpforms-field-description a{
	font-size:14px;
}