/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Common Style */
.play-btn-style .elementor-icon-box-wrapper .elementor-icon-box-title { display: inline-block; font-size: 14px; font-weight: 400; line-height: 24px !important; border-bottom: 3px solid #000; padding-bottom: 0px; margin: 0px; }
.play-btn-style .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #0095C8; border-color: #0095C8; }

/* Accordion Style */
.accordion-style .e-n-accordion .e-n-accordion-item { background-color: #f2f2f2; border-radius: 10px; }

/* Coach Grid Style */
.coach-grid { display: flex; flex-wrap: wrap; margin: 0 -14px; }
.coach-grid .coach-card { width: 100%; position: relative; padding: 0 14px; margin-bottom: 28px; }
.coach-grid .coach-card .coach-content { width: 100%; height: 100%; display: flex; flex-wrap: wrap; border-radius: 15px; background: #FFF; border: 1px solid #082D4F; padding: 30px; }
.coach-grid .coach-card .coach-content .coach-image-wrapper { width: 25%; position: relative; flex: 0 0 auto; }
.coach-grid .coach-card .coach-content .coach-image-wrapper .coach-image-wrapper-inner { position: relative; }
.coach-grid .coach-card .coach-content .coach-image-wrapper .play-icon { position: absolute; top: 15px; right: 15px; }
.coach-grid .coach-card .coach-content .coach-image-wrapper .btn.btn-dark { position: absolute; top: 15px; left: 15px; background: #082D4F; color: #FFFFFF; z-index: 1; border-radius: 8px; font-size: 12px; text-transform: capitalize; padding: 6px 12px; margin: 0; }
.coach-grid .coach-card .coach-content img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: top; border-radius: 15px; margin-bottom: 0px; }
.coach-grid .coach-card .coach-content .coach-fields-wrapper { width: 75%; flex: 0 0 auto; padding: 0; padding-left: 30px; }
.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-topic, .coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-name { margin-top: 0px; }
.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-topic { color: #000; font-size: 19px; font-weight: 500; line-height: 1; font-family: var(--e-global-typography-primary-font-family), Sans-serif; letter-spacing: -0.38px; }
 .coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-name { color: #0095C8; font-size: 25px; font-weight: 500; line-height: 1; font-family: var(--e-global-typography-primary-font-family), Sans-serif; letter-spacing: -0.68px; border-bottom: 1px solid rgba(0, 0, 0, 0.10); padding-bottom: 15px; }
.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-specialties { width: 100%; color: #000; font-size: 16px; font-weight: 400; line-height: 28px; font-family: var(--e-global-typography-primary-font-family), Sans-serif; letter-spacing: -0.32px; }
.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-specialties .specialties-items { display: flex; flex-wrap: wrap; gap: 8px; }
.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-specialties .specialties-items span { background-color: #F0F2F4; color: rgba(0,0,0,0.8) !important; line-height: 1; border-radius: 50px; padding: 10px 12px; }
.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-specialties strong, .coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-meta p strong, .coach-grid .coach-card .coach-content .coach-fields-wrapper p strong { color: #082D4F; font-size: 14px; font-weight: 700; line-height: 1; font-family: var(--e-global-typography-primary-font-family), Sans-serif; letter-spacing: 0.28px; margin-bottom: 5px; } 
.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-meta { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 30px; row-gap: 20px; }
.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-meta p { display: flex; flex-direction: column; color: #000; font-size: 16px; font-weight: 400; line-height: 24px; font-family: var(--e-global-typography-primary-font-family), Sans-serif; letter-spacing: -0.32px; margin-bottom: 0px; }
.coach-grid .coach-card .coach-content .coach-fields-wrapper > p { max-height: 120px; overflow: auto; font-family: var(--e-global-typography-primary-font-family), Sans-serif; }
.coach-grid .coach-card .coach-image-wrapper .badge-item { bottom: 15px; left: 15px !important; top: initial !important; }
.coach-grid .coach-card .coach-content .coach-fields-wrapper p strong { display: block; }
.coach-grid .coach-card .coach-content .coach-actions { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 15px; position: relative; }
.coach-grid .coach-card .coach-content .coach-actions input[type=checkbox] { position: absolute; left: 0; top: 0; visibility: hidden; }
.coach-grid .coach-card .coach-content .coach-actions label { width: auto; height: 25px; position: relative; padding-left: 40px; margin: 0; }
.coach-grid .coach-card .coach-content .coach-actions input[type=checkbox] + label:before { display: block; position: absolute; content: ''; border-radius: 5px; height: 25px; width: 30px; top: 0; left: 0px; border: 1px solid #000000; }
.coach-grid .coach-card .coach-content .coach-actions input[type=checkbox] + label:after { display: block; position: absolute; content: '\2713'; border-radius: 100%; height: 25px; width: 30px; top: 0; left: 0; text-align: center; visibility: hidden; font-size: 16px; }
.coach-grid .coach-card .coach-content .coach-actions input[type=checkbox]:checked + label:before { background: transparent; border-color: #FFFFFF; }
.coach-grid .coach-card .coach-content .coach-actions input[type=checkbox]:checked + label:after { color: #FFFFFF; visibility: visible; }

.coach-grid .coach-card .coach-content .coach-actions span, .coach-grid .coach-card .coach-content .coach-actions a:hover { background-color: transparent; color: #082D4F; border: 1px solid  #082D4F; }
.coach-grid .coach-card .coach-content .coach-actions span:hover { background-color: #082D4F; color: #FFFFFF; }
.coach-grid .coach-card .coach-content .coach-actions a, .coach-grid .coach-card .coach-content .coach-actions span { font-size: 13px; font-weight: 600; font-family: var(--e-global-typography-primary-font-family), Sans-serif; line-height: 1; letter-spacing: -0.13px; text-transform: capitalize; border-radius: 100px; padding: 10px; cursor: pointer; transition: all 0.3s ease-in-out; }

.coach-grid .coach-card.active .coach-content .coach-actions span { background-color: #FFFFFF; color: #082D4F !important; }
.coach-grid .coach-card.active .coach-content .coach-fields-wrapper .coach-name { border-bottom: 1px solid rgba(255,255,255,0.5); }

.coach-grid .coach-card .coach-image-wrapper .coach_linkedin_url { height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; position: absolute; right: 15px; bottom: 15px; background-color: #FFFFFF; color: #082D4F; border-radius: 5px; padding: 5px; }

.coach-grid .coach-card.active .coach-content { background-color: #082D4F; }
.coach-grid .coach-card.active * { color: #FFFFFF !important; }
.coach-grid .coach-card.active .coach-image-wrapper .coach_linkedin_url i { color: #082D4F !important; }
.coach-grid .coach-card .coach-bio { width: 100%; }
/* Bio Toggle */
.coach-bio-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    color: #0A74B0;
    font-size: 15px;
	display: flex;
	column-gap: 5px;
	align-items: center;
}
.coach-bio-toggle span { display: flex; }

.coach-bio-content {
	display: none;
    margin-top: 10px;
    line-height: 1.6;
}
.coach-bio-toggle .icon {
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
}

.coach-text { display: flex; align-items: center; gap: 20px; justify-content: space-between; }
.coach-text p { width: 65%; margin-bottom: 0px !important; }
.coach-text .wpcf7-submit { width: 35%; min-width: 300px !important; margin-top: 0px !important; }
/* Bio Toggle */

/* Contact Form Style */
.wpcf7 .wpcf7-form .fieldset-cf7mls-wrapper .fieldset-cf7mls[data-cf7mls-order="0"] { width: 50%; margin: 0 auto; }
.wpcf7 .wpcf7-form .fieldset-cf7mls.cf7mls_current_fs { width: 100%; }

.wpcf7 .wpcf7-form fieldset { padding: 0px; margin: 0; }
.wpcf7 .wpcf7-form .col-12 { margin-bottom: 25px; }
.wpcf7 .wpcf7-form label { width: 100%; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: 0.28px; margin-bottom: 10px; }
.wpcf7 .wpcf7-form .wpcf7-form-control { height: 50px; border-radius: 8px; border: 1px solid #0095C8; }
.wpcf7 .wpcf7-form textarea.wpcf7-form-control { height: 120px; }
.wpcf7 .wpcf7-form .wpcf7-form-control:focus { box-shadow: none; outline: none; border: 1px solid #082d4f; }
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-radio, .wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-checkbox { display: flex; flex-wrap: wrap; gap: 32px 16px; height: auto; border: none; }
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item { margin-left: 22px; }
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item { margin-left: 18px; }

.wpcf7-form .upload-btn-wrapper { position: relative; display: flex; align-items:center; border-radius: 8px; border: 1px solid #0095C8; }
.upload-btn-wrapper .wpcf7-form-control-wrap { position:initial; }
.btn-file { min-width: 200px; height: 50px; width: auto !important; display: flex; align-items: center; justify-content: center; float:left; background-color: #0095C8; color: #FFFFFF; line-height:50px; text-align:center; padding: 0; border-radius: 8px 0px 0px 8px; margin-bottom: 0 !important; }
.upload-btn-wrapper input[type=file] { position: absolute; left: 0px; right:0px; top: 0px; opacity: 0; border:0; padding:0; margin:0; border: 0 !important; }
.upload-btn-wrapper #file-name { width:calc(100% - 215px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left:15px; } 
.wpcf7-form .upload-btn-wrapper .wpcf7-not-valid-tip { position: absolute; left: 10px; bottom: -20px; }

/* Radio Style */
.wpcf7 .wpcf7-form .wpcf7-radio label { position: relative; font-size: 14px; cursor: pointer; margin-bottom: 0px; }
.wpcf7 .wpcf7-form .wpcf7-radio input[type=radio] { position: relative; visibility: hidden; }
.wpcf7 .wpcf7-form .wpcf7-radio input[type=radio] + span:before { display: block; position: absolute; content: ''; border-radius: 100%; height: 26px; width: 26px; top: -4px; left: -22px; border: 1px solid #0095C8; background-color: #FFFFFF; }
.wpcf7 .wpcf7-form .wpcf7-radio input[type=radio] + span:after { display: block; position: absolute; content: ''; border-radius: 100%; height: 16px; width: 16px; top: 1px; left: -17px; visibility: hidden; }
.wpcf7 .wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before { background: #FFFFFF; }
.wpcf7 .wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after { background: #0095C8; visibility: visible; }

/* Checkbox Style */
.wpcf7 .wpcf7-form .wpcf7-checkbox label { position: relative; font-size: 14px; cursor: pointer; margin-bottom: 0px; }
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type=checkbox] { position: relative; visibility: hidden; }
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before { display: block; position: absolute; content: ''; border-radius: 5px; height: 24px; width: 24px; top: -2px; left: -18px; border: 1px solid #0095C8; }
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after { display: block; position: absolute; content: '\2713'; border-radius: 100%; height: 10px; width: 10px; top: -1px; left: -12px; visibility: hidden; font-size: 16px; }
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before { background: transparent; }
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after { color: #0095C8; visibility: visible; }

.wpcf7 .wpcf7-form .fieldset-cf7mls .cf7mls-btns { min-height: initial; display: flex; justify-content: center; align-items: center; margin-top: 30px; }
.wpcf7 .wpcf7-form .fieldset-cf7mls .cf7mls-btns.cf7mls-btns-last-step { justify-content: start; }
.wpcf7 .wpcf7-form .fieldset-cf7mls .cf7mls-btns .cf7mls_next.action-button { min-width: 180px; height: 50px; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: -0.13px; text-transform: uppercase; border-radius: 100px; border: none; background: #0095C8; color: #FFFFFF; margin: 0px; padding: 12px 35px; }
.wpcf7 .wpcf7-form .fieldset-cf7mls .cf7mls-btns .cf7mls_next.action-button:hover { background-color: #082d4f; opacity: 1; }  

.wpcf7 .wpcf7-form .fieldset-cf7mls[data-cf7mls-order="1"] .wpcf7-form-control.wpcf7-submit.has-spinner { min-width: 180px; height: 50px; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: -0.13px; text-transform: uppercase; border-radius: 100px; border: none; background: #0095C8; color: #FFFFFF; margin: 0px; padding: 12px 35px;  margin-top: 30px; }
.wpcf7 .wpcf7-form .fieldset-cf7mls[data-cf7mls-order="1"] .wpcf7-form-control.wpcf7-submit.has-spinner:hover { background-color: #082d4f; opacity: 1; }

.wpcf7 .wpcf7-form .fieldset-cf7mls[data-cf7mls-order="1"] .cf7mls-btns.cf7mls-btns-last-step .cf7mls_back.action-button { min-width: 180px; height: 50px; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: -0.13px; text-transform: uppercase; border-radius: 100px; border: none; background: #0095C8; color: #FFFFFF; margin: 0px; padding: 12px 35px; }
.wpcf7 .wpcf7-form .fieldset-cf7mls[data-cf7mls-order="1"] .cf7mls-btns.cf7mls-btns-last-step .cf7mls_back.action-button:hover { background-color: #082d4f; opacity: 1; }

#cf7-step-loader { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:999999; text-align:center; padding-top:25%; font-size:22px; color:#333; }
.cf7-loader-img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.submitted-data { margin-bottom: 30px; }

.wpcf7 .wpcf7-form .fieldset-cf7mls[data-cf7mls-order="1"] .wpcf7-spinner { position: absolute; right: 200px; margin: 0; bottom: 12px; }

@media only screen and (max-width: 991px) { 
	.wpcf7 .wpcf7-form .fieldset-cf7mls-wrapper .fieldset-cf7mls[data-cf7mls-order="0"] { width: 100%; }
	.coach-grid .coach-card .coach-content .coach-image-wrapper { width: 40%; }
	.coach-grid .coach-card .coach-content .coach-fields-wrapper { width: 60%; }
	
	
	.coach-text { flex-direction: column; }
	.coach-text p, .coach-text .wpcf7-submit { width: 100%; }
}

@media only screen and (max-width: 767px) { 
	.play-btn-style .elementor-icon-box-wrapper .elementor-icon-box-title { margin-top: 10px; }
	.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-topic { font-size: 16px; }
	.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-name { font-size: 20px; }
	.coach-grid .coach-card .coach-content .coach-fields-wrapper .coach-meta { gap: 20px; }
	.coach-grid .coach-card, .wpcf7 .wpcf7-form .fieldset-cf7mls[data-cf7mls-order="1"] .cf7mls-btns.cf7mls-btns-last-step .cf7mls_back.action-button { width: 100%; }
	.wpcf7 .wpcf7-form .fieldset-cf7mls[data-cf7mls-order="1"] .wpcf7-form-control.wpcf7-submit.has-spinner { margin-top: 15px; }
	
	.wpcf7 .wpcf7-form .fieldset-cf7mls[data-cf7mls-order="1"] .cf7mls-btns.cf7mls-btns-last-step .cf7mls_back.action-button { margin-top: 60px; }
	
	.coach-grid .coach-card .coach-content { padding: 20px; }
	.coach-grid .coach-card .coach-content .coach-image-wrapper { width: 100%; padding-bottom: 20px; }
	.coach-grid .coach-card .coach-content .coach-fields-wrapper { width: 100%; padding-left: 0; }
}

.coach_listing_section input[name='coaches_hidden'] { display: none; }
.coach_listing_section span[data-name="coaches_hidden"] .wpcf7-not-valid-tip { margin: 10px 0; }