/*Calender CSS*/ /*body{ --sec-primary-background-color: #12d488; --sec-primary-text-color: #fff; --sec-light-gray-bg-color: #000; --sec-oneoneone-box-padding: 20px; --sec-link-color: #066edd; --sec-text-color: #535d71; --sec-heading-color: #535d71; --sec-oneonone-box-left-bg: #fafafa; --sec-oneonone-box-left-heading-color: #000; --sec-text-color: #535d71; --sec-oneoneone-box-height: 630px; --sec-oneoneone-box-width: 900px; }*/ body{ --sec-letter-spacing: 0.4px; } #sec-primary{ max-width: 100%; width: 100%; margin-top: var(--sec-oneonone-box-margin-top-bottom); margin-bottom: var(--sec-oneonone-box-margin-top-bottom); } #sec-primary ul { margin: 0;} #sec-primary *, #sec-primary *::before, #sec-primary *::after { box-sizing: border-box; } #sec-primary ul li { list-style: none;} #sec-primary li { margin: 0; padding: 0; } #sec-primary h1, #sec-primary h2, #sec-primary h3, #sec-primary h4, #sec-primary h5, #sec-primary h6, #sec-primary strong, #sec-primary div, #sec-primary p, #sec-primary a, #sec-primary b, #sec-primary label { font-family: var(--sec-google-font), "seccustomfont", "SegoeUI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; letter-spacing: var(--sec-letter-spacing); text-transform: unset; } #sec-primary #sec-calendar a { text-decoration: none; color: #000; line-height: 1.2; } #sec-primary #sec-calendar h3.sec-event-tooltip-title a { font-weight: 600; } #sec-calendar .sec-btn, #sec-primary .sec-btn { padding: 10px 20px; text-decoration: none; border: none; border-radius: 5px; font-size: 16px; font-weight: 400; background: gainsboro; color: #000; cursor: pointer; display: flex; align-items: center; gap: 5px; } #sec-calendar .sec-btn:hover, #sec-primary .sec-btn:hover { background-color: #0056b3; color: #fff; } #sec-calendar .sec-btn.sec-primary-btn, #sec-primary .sec-btn.sec-primary-btn { background-color: var(--sec-primary-background-color)!important; color: var(--sec-primary-text-color)!important; } #sec-primary .sec-btn:disabled { background-color: #ccc; cursor: not-allowed; } #sec-primary .sec-error-message { font-size: 14px; color: red; line-height: 1; margin-top: 5px; font-weight: 500; } #sec-calendar .sec-btn.sec-primary-btn svg, #sec-primary .sec-btn.sec-primary-btn svg { fill: var(--sec-primary-text-color); } #sec-primary #sec-calendar .sec-event-tooltip-description a { color: #494949; font-size: 13px; font-weight: 400; } #sec-calendar .sec-book-now-btn-wrapper a { text-align: center; display: flex; justify-content: center; } #sec-calendar .sec-book-now-btn-wrapper { margin-top: 10px; } .sec-payment-error, #payment-errors { color: #ff2d2d; font-size: 14px; font-weight: 400; margin-top: 1px; } #sec-stripe-error > div { background: #ffd9d9; margin-top: 10px; border: 1px solid; padding: 5px; font-size: 16px; width: max-content; max-width: 100%; } /*File Upload*/ #sec-wizard-one-to-one-submitsion .sec-form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #333; font-size: 16px; margin-bottom: 0; } #sec-wizard-one-to-one-submitsion .file-upload-container { display: flex; flex-direction: column; align-items: center; padding: 20px; border: 2px dashed #ccc; border-radius: 8px; background-color: #f9f9f9; transition: all 0.3s ease; } /*#sec-wizard-one-to-one-submitsion .file-upload-container:hover { border-color: #007bff; background-color: #f0f8ff; }*/ #sec-wizard-one-to-one-submitsion .file-upload-input { display: none; } html div #sec-wizard-one-to-one-submitsion .file-upload-label { display: inline-block; padding: 10px 20px; background-color: var(--sec-secondary-background-color); color: var(--sec-secondary-text-color); border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease; } #sec-wizard-one-to-one-submitsion .file-upload-container img { max-width: 200px; max-height: 200px; margin-top: 15px; border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } #sec-wizard-one-to-one-submitsion .remove-image-button { margin-top: 10px; padding: 8px 16px; background-color: #dc3545; color: white; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease; } #sec-wizard-one-to-one-submitsion .sec-checkbox-wrapper { display: flex; flex-wrap: wrap; gap: 15px; flex-direction: column; margin-top: 10px; } #sec-wizard-one-to-one-submitsion .sec-multiple-checkbox { position: relative; padding-left: 35px; cursor: pointer; font-size: 10px; user-select: none; } #sec-wizard-one-to-one-submitsion .sec-multiple-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #sec-wizard-one-to-one-submitsion .sec-form-group .sec-multiple-checkbox label { display: inline-block; padding: 0; color: var(--sec-heading-color); font-weight: 600; transition: all 0.2s ease; margin: 0; font-size: 16px; } #sec-wizard-one-to-one-submitsion .sec-form-group .sec-multiple-checkbox label:before { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 2px solid var(--sec-primary-background-color); background-color: #fff; border-radius: 4px; transition: all 0.2s ease; cursor: pointer; } #sec-wizard-one-to-one-submitsion .sec-form-group .sec-multiple-checkbox label:after { content: ''; position: absolute; left: 9px; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; opacity: 0; transition: all 0.2s ease; cursor: pointer; top: 5px; transform: rotate(45deg); margin-left: 0; } #sec-wizard-one-to-one-submitsion .sec-form-group .sec-multiple-checkbox input:checked + label:before { background-color: var(--sec-primary-background-color); border-color: var(--sec-primary-background-color); } #sec-wizard-one-to-one-submitsion .sec-form-group .sec-multiple-checkbox input:checked + label:after { opacity: 1; } #sec-wizard-one-to-one-submitsion .sec-form-group .sec-multiple-checkbox:hover label:before { border-color: var(--sec-primary-background-color); } #sec-primary h4.sec-payment-method-wrapper-heading { font-size: 16px!important; padding-bottom: 0!important; margin: 0 0 10px!important; color: var(--sec-heading-color)!important; line-height: 1.4!important; font-weight: 600 !important; } body #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-checkout-main-wrapper .sec-field-label p { font-weight: 600; font-size: 16px; } body #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-checkout-main-wrapper .sec-form-group label { font-weight: 400; } #sec-wizard-one-to-one-submitsion .sec-checkout-main-wrapper .sec-form-group .sec-multiple-checkbox label:before { top: 50%; transform: translateY(-50%); } #sec-wizard-one-to-one-submitsion .sec-checkout-main-wrapper .sec-form-group .sec-multiple-checkbox label:after { transform: rotate(45deg) translate(-50%, -50%); top: 50%; left: 8px; } #sec-primary .sec-checkout-main-wrapper .sec-credit-form-process { margin-bottom: 30px; margin-top: 20px; } #sec-wizard-one-to-one-submitsion .sec-checkout-main-wrapper .sec-multiple-checkbox { padding-left: 30px; } /*Loader*/ #sec-primary .sec-loader, #sec-loader .sec-loader{ display: none;} #sec-loader .sec-loader:before, #sec-primary .sec-loader:before { content: ''; background: rgba(0,0,0,.2); display: block; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; position: absolute; border-radius: 10px; } #sec-primary .sec-loader-spin, #sec-loader .sec-loader-spin { border: 8px solid #fff; border-top: 8px solid var(--sec-primary-background-color); border-radius: 50%; width: 60px; height: 60px; animation: sec-spin 2s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999; } #sec-loader{ display: none; } #sec-loader .sec-loader { display: block; position: fixed; top: 50%; z-index: 9999; left: 50%; transform: translate(-50%, -50%); } #sec-loader:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 99; } #calendar-container h2 { padding-bottom: 0; } #sec_event_booking .iti__country-list li { padding: 5px 15px!important; font-family: var(--sec-google-font), "seccustomfont", "SegoeUI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; border-bottom: 1px solid gainsboro; } #sec_event_booking .iti__country-list li.iti__divider { padding: 0!important; } #sec_event_booking .iti__country-list { padding: 0!important; } #sec_event_booking .iti__country-list li.iti__preferred { padding-bottom: 0; border-bottom: 0; } #sec-primary { line-height: 1.3; font-size: 18px; } /*#sf-primary a { text-decoration: none; color: #000; }*/ /*SEC SINGLE EVENT CSS*/ #sec-events-template { margin: 0 auto; max-width: 1048px; padding: 40px 20px 20px; } #sec-events-template .sec-events-notices { background-color: #fff; border-radius: 4px; border: 1px solid #e0dfdb; font-size: 16px; color: #aaaaaa; margin-top: 0; padding: 8px 25px; } #sec-events-template .sec-events-notices li, #sec-events-template .sec-events-notices ul, #sec-events-template .sec-events-single-event-title { margin: 0; padding: 0; } #sec-events-template .sec-events-notices ul { list-style: none; text-align: left; text-transform: none; } #sec-events-template .sec-event-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; margin-top: 0; padding: 30px 30px 0px; } #sec-events-template .sec-event-heading .sec-event-schedule-short { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 1; max-width: max-content; text-align: center; line-height: 1; padding: 0; background: #f4f4f4; padding: 8px 15px; border: 1px solid gainsboro; border-radius: 5px; display: flex; align-items: center; justify-content: center;} #sec-events-template .sec-event-heading .sec-event-schedule-short .sec-schedule-short-date { padding: 0; border-right: 0; } #sec-events-template .sec-event-heading .sec-event-schedule-short .sec-schedule-short-m { font-size: 18px; margin-bottom: 5px; font-weight: 700; display: block; } #sec-events-template .sec-event-heading .sec-event-schedule-short .sec-schedule-short-d { color: #393e41; font-size: 30px; font-weight: 600; display: block; } #sec-events-template .sec-event-heading .sec-event-schedule-long { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0; padding-top: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; } #sec-events-template .sec-event-heading .sec-event-schedule-long .sec-sec-events-single-heading { margin-right: auto; width: 100%; } #sec-events-template .sec-events-single-event-title{ font-size: 28px; line-height:1.4; font-weight: 800; margin-bottom: 5px; margin-top: 0; } #sec-events-template .sec-event-heading .sec-event-schedule-long h2 { font-size: 14px; color: #3b3b3b; line-height: 1.2; margin 0; font-weight: 500; margin: 0; } #sec-events-template .sec-events-single>.sec_events { display: flex; flex-wrap: wrap; overflow: hidden; position: relative; } #sec-events-template .sec-single-body { background-color: #ffffff; border: 1px solid #e0dfdb; border-radius: 10px 10px; } #sec-events-template .sec-events-single>.sec_events>:not(.primary,.secondary,.sec-events-related-events-title,.sec-related-events) { order: 1; width: 100%; } #sec-events-template .sec-single-body .sec-single-content { padding: 0; } img.attachment-full.size-full.wp-post-image { width: 100%; object-fit: cover; border-radius: 10px 10px 0 0; } #sec-events-template .sec-single-pri-meta { padding: 0; background: #ffffff; border-top: 1px solid #d5d5d5; margin-top: 20px; padding-top: 20px; } #sec-events-template h2.sec-events-single-section-title { font-size: 18px; margin: 0 0 10px; } #sec-events-template .sf-event-meta-wrapper { display: flex; gap: 10px; margin-top: 20px; background: whitesmoke; padding: 10px; border-radius: 10px; } #sec-events-template .sf-event-meta-wrapper .sf-event-single-meta-wrapper.sf-date-wrapper { width: 200px; } #sec-events-template .sf-event-single-meta-wrapper.sf-link-wrapper { flex: 1; } #sec-events-template .sec-events-label { font-weight: 600; font-size: 16px; margin-bottom: 5px; } #sec-events-template .sf-event-values.sf-event-date-format { font-size: 16px; color: #6A6B6C; } #sec-events-template .sf-event-values.sf-event-link a { color: var(--sf-link-text-color); } #sec-primary .sec-events.sec-common { display: flex; flex-direction: column; align-items: flex-start; margin-top: 20px; border-top: 1px solid gainsboro; padding-top: 20px; } #sec-events-template .sec-add-to-calender-title h4.sec-widget-title.sec-title { font-size: 18px; margin: 0; } #sec-events-template h1.sec-events-single-event-title { font-size: 30px; } #sec-events-template .sec-add-to-calender-title { margin-bottom: 0; } #sec_add_calender_links a.sec-add-to-calender p{ margin: 0; padding: 0; font-size: 15px; line-height: 20px; font-weight: 600; } #sec-side-popup #sec-events-template .sec-event-heading { padding: 0; margin-bottom: 20px; } #sec-side-popup #sec-events-template h1.sec-events-single-event-title { font-size: 20px; font-weight: 700; margin-bottom: 20px; border-bottom: 1px solid gainsboro; padding-bottom: 5px; } #sec-events-template .sec-start-end-date-recurring-event { display: flex; flex-direction: column; gap: 4px; border-bottom: 1px solid gainsboro; padding-bottom: 7px; margin-bottom: 5px; } #sec-events-template .sec-events-single-event-description.sec-events-content { margin-top: 20px; } #sec-events-template .sf-event-values.sf-event-link a { font-size: 16px; color: #6A6B6C; text-decoration: underline; } #sec-events-template .sec-single-pri-meta .sf-event-meta-wrapper { background: transparent; gap: 20px; display: flex ; flex-direction: row; flex-wrap: wrap; padding: 0; } #sec-events-template .sec-single-pri-meta .sf-event-meta-wrapper .sf-event-single-meta-wrapper { width: calc(50% - 10px)!important; } #sec-primary #sec_add_calender_links a.sec-add-to-calender { background: transparent; } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-google-color { border-color: #4285f4; } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-google-color p { color: #4285f4; } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-outlook-color { border-color: #1976d2; } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-outlook-color p { color: #1976d2; } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-apple-color { border-color: #f4413d; } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-apple-color p { color: #f4413d; } #sec-primary #sec_add_calender_links a.sec-add-to-calender:hover p{ color: #fff; } #sec-primary #sec_add_calender_links a.sec-add-to-calender:hover{ border-color: #000000; } #sec-events-template .sec-single-body { padding: 30px; } .single-secevent #sec-events-template .sec-event-heading{ padding: 0; } #sec-side-popup .sec-msg-time-container { background-color: #f9f9f9; padding: 10px; border-radius: 10px; width: 100%; } #sec-side-popup .sec-msg-time-row { display: flex; align-items: center; margin-bottom: 15px; width: 100%; } #sec-side-popup .sec-msg-time-icon { display: none; font-size: 24px; color: #0073aa; margin-right: 10px; } #sec-side-popup .sec-msg-time-info { flex: 1; } #sec-side-popup .sec-msg-time-info strong { font-size: 16px; color: #333; } #sec-side-popup .sec-msg-time-info p { font-size: 14px; color: #555; margin: 5px 0 0; padding: 0; } #sec-side-popup .sec-msg-time-row:last-child { margin-bottom: 0; } .sec-events-single-event-description.sec-events-content p { color: #666; } .sec-events-single-event-description.sec-events-content p strong { color: #434343; } #sec-primary #sec_add_calender_links { display: flex; gap: 10px; flex-direction: row; flex-wrap: wrap; margin-top: 10px; padding: 0; } #sec-primary #sec_add_calender_links a.sec-add-to-calender { font-weight: 600; color: var(--sec-primary-text-color); transition: all .3s ease; margin: 0; align-items: center; line-height: 1; display: inline-flex; padding: 10px 12px 10px; border-radius: 3px; border: 1px solid #f2f2f2; gap: 10px; font-size: 15px; text-decoration: none; background: var(--sec-primary-background-color); } #sec-primary #sec_add_calender_links a.sec-add-to-calender:hover { background: var(--sec-secondary-background-color); color: var(--sec-secondary-text-color); border-color: rgba(0, 0, 0, 0); } #sec-primary #sec_add_calender_links a.sec-add-to-calender p{ color: var(--sec-primary-text-color); } #sec-primary #sec_add_calender_links a.sec-add-to-calender:hover p{ color: var(--sec-secondary-text-color); } .single-secevent #sec-events-template .sec-event-heading .sec-event-schedule-long .sec-sec-events-single-heading { margin-bottom: 20px; } .single-secevent #sec-events-template .sec-event-heading h1.sec-events-single-event-title { font-size: 26px; line-height: 1.2; margin-bottom: 5px; } .single-secevent #sec-events-template .sec-event-heading .sec-date-time-detail { font-size: 15px; } .single-secevent #sec-primary .sec-book-now-btn-wrapper a.sec-btn.sec-booking-info.sec-primary-btn { width: max-content; max-width: 100%; margin-left: auto; margin-right: auto; padding: 10px 40px; } .single-secevent #sec-primary .sec-book-now-btn-wrapper { margin-top: 30px; } .single-secevent #sec-primary .sec-events-event-image img { border-radius: 8px; object-fit: var(--sec-feature-image-height); height: var(--sec-feature-image-height-dynamic); } #sec-calendar .fc-scroller-harness { overflow: unset; } #sec-calendar .fc-daygrid-body { z-index: 99; } #sec-calendar .fc-scrollgrid table { margin-bottom: 0; } #sec-calendar .tippy-box { max-width: 350px!important; width: 400px!important; padding: 15px; border-radius: 10px; position: relative; } #sec-calendar .tippy-box .tippy-content { padding: 0; position: unset;} #sec-calendar .tippy-box .tippy-content .sec-event-tooltip-description p { font-size: 13px; } #sec-calendar .tippy-box .tippy-content h3.sec-event-tooltip-title { font-size: 16px; margin-bottom: 5px; margin-top: 0; padding: 0; } #sec-calendar .tippy-box .tippy-content .sec-event-tooltip-datetime { margin-bottom: 10px; font-size: 12px; font-weight: 500; } #sec-calendar .tippy-box .tippy-content .sec-event-tooltip-image-wrapper img { height: 170px; width: 100%; object-fit: cover; border-radius: 10px; } #sec-calendar .sec-event-tooltip-description { background: #f9f9f9; padding: 10px; border-radius: 5px; } #sec-calendar .sec-event-tooltip-description .sec-event-desc-heading { margin-bottom: 6px; } #sec-calendar .tippy-box .tippy-content a.sec-btn.sec-booking-info.sec-primary-btn:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; z-index: 1; cursor: pointer; } #sec-primary #sec-calendar-wrapper .fc-h-event { padding: 3px 10px; border-radius: 3px; } #sec-primary #sec-calendar-wrapper .fc-daygrid-block-event .fc-event-time, #sec-primary #sec-calendar-wrapper .fc-daygrid-block-event .fc-event-title { padding: 0; font-size: 10px; line-height: 1.4; font-weight: 400; } #sec-primary #sec-calendar-wrapper .fc-h-event .fc-event-main-frame { align-items: center; line-height: 1; } #sec-primary #sec-calendar-wrapper .fc-h-event .fc-event-title-container { line-height: 1; font-size: 12px; } #sec-primary #sec-calendar-wrapper a.fc-event.fc-event-start.fc-event-end { cursor: pointer; white-space: unset; gap: 1px; background: transparent; color: #000; padding: 0; box-shadow: none;} #sec-primary #sec-calendar-wrapper .fc-dayGridMonth-view a.fc-event.fc-event-start.fc-event-end .fc-event-title { font-weight: 400; font-size: 11px; line-height: 1.1; vertical-align: middle; } #sec-primary #sec-calendar-wrapper a.fc-event.fc-event-start.fc-event-end .fc-event-time { font-size: 10px; line-height: 1.4; } #sec-primary #sec-calendar-wrapper .sec-container { max-width: 1200px; margin-right: auto; width: 100%; margin-left: auto; padding-left: 15px; padding-right: 15px; } #sec-primary #sec-calendar-wrapper .sec-post-content-main { padding: 20px; } #sec-primary .fc .fc-scrollgrid-section-sticky > *{ position: unset; } #sec-primary #sec-calendar-wrapper table.fc-scrollgrid { background: #fff; } #sec-primary #sec-calendar-wrapper .fc .fc-col-header-cell-cushion { padding: 7px 4px; line-height: 2; font-weight: 600; font-size: 14px; text-decoration: none; color: #000; } #sec-primary #sec-calendar-wrapper table.fc-scrollgrid { background: #fff; } #sec-primary #sec-calendar-wrapper .fc .fc-daygrid-day.fc-day-today, .fc .fc-daygrid-day:hover { background: transparent; border-bottom-color: var(--sec-primary-background-color); } #sec-primary #sec-calendar-wrapper .fc-timegrid-slots { background: #fff; } #sec-primary #sec-calendar-wrapper tr.fc-scrollgrid-section-body { position: relative; z-index: 9; } #sec-primary #sec-calendar-wrapper .fc .fc-timegrid-axis-cushion, #sec-primary #sec-calendar-wrapper .fc .fc-timegrid-slot-label-cushion { font-size: 12px; font-weight: 600; } #sec-primary #sec-calendar-wrapper .fc-timegrid-event-harness > .fc-timegrid-event { padding: 5px; cursor: pointer; } #sec-side-popup .sec-event-description h1, #sec-side-popup .sec-event-description h2, #sec-side-popup .sec-event-description h3, #sec-side-popup .sec-event-description h4, #sec-side-popup .sec-event-description h5, #sec-side-popup .sec-event-description h6 { margin: 20px 0 10px; font-weight: bold; color: #222; } #sec-side-popup .sec-event-description h1 { font-size: 28px; } #sec-side-popup .sec-event-description h2 { font-size: 24px; } #sec-side-popup .sec-event-description h3 { font-size: 22px; } #sec-side-popup .sec-event-description h4 { font-size: 20px; } #sec-side-popup .sec-event-description h5 { font-size: 16px; } #sec-side-popup .sec-event-description h6 { font-size: 14px; } /* Lists */ #sec-side-popup .sec-event-description ul, #sec-side-popup .sec-event-description ol { margin: 15px 0; padding-left: 40px; font-size: 16px; } #sec-side-popup .sec-event-description ul li, #sec-side-popup .sec-event-description ol li { margin-bottom: 10px; } /* Blockquotes */ #sec-side-popup .sec-event-description blockquote { margin: 20px 0; padding: 15px 20px; background-color: #f9f9f9; border-left: 5px solid #ccc; color: #555; font-size: 16px; } #sec-side-popup .sec-event-description blockquote p { margin: 0; } /* Tables */ #sec-side-popup .sec-event-description table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 16px; } #sec-side-popup .sec-event-description table th, #sec-side-popup .sec-event-description table td { padding: 10px; border: 1px solid #ddd; text-align: left; } #sec-side-popup .sec-event-description table th { background-color: #f4f4f4; font-weight: bold; } /* Links */ #sec-side-popup .sec-event-description a { color: #0073aa; text-decoration: none; font-size: 16px; } #sec-side-popup .sec-event-description a:hover { text-decoration: underline; } /* Images */ #sec-side-popup .sec-event-description img { max-width: 100%; height: auto; display: block; margin: 20px 0; } /* Captions */ #sec-side-popup .sec-event-description .wp-caption { margin: 20px 0; border: 1px solid #ddd; padding: 10px; text-align: center; background-color: #f9f9f9; } #sec-side-popup .sec-event-description .wp-caption img { margin: 0; } #sec-side-popup .sec-event-description .wp-caption-text { margin-top: 10px; font-size: 14px; color: #666; } /* Code */ #sec-side-popup .sec-event-description code { background-color: #f4f4f4; padding: 2px 4px; font-family: Consolas, Monaco, monospace; font-size: 14px; color: #c7254e; } /* Horizontal Rule */ #sec-side-popup .sec-event-description hr { border: 0; border-top: 1px solid #ddd; margin: 20px 0; } /*Calendar new View*/ #sec-primary #sec-calendar-wrapper a.fc-event.fc-event-start.fc-event-end { background: transparent; color: #000; padding: 5px; box-shadow: none; border-top: 3px solid var(--sec-primary-background-color); border-radius: 0; } #sec-primary #sec-calendar-wrapper a.fc-event.fc-event-start.fc-event-end .sec-event-date-in-cal { font-size: 10px; margin-top: 5px; line-height: 1.4; } #sec-primary #sec-calendar-wrapper a.fc-event .sec-event-title-content { font-size: 12px; line-height: 1.3; font-weight: 600; } #sec-primary #sec-calendar-wrapper .sec-event-img-in-cal img { height: 60px; width: 100%; object-fit: cover; border-radius: 5px; } #sec-primary #sec-calendar-wrapper .fc-daygrid-block-event .sec-event-img-in-cal { display: none; } #sec-primary #sec-calendar-wrapper .fc-daygrid-block-event .sec-event-box-calendar { padding: 5px 8px; color: #000; } #sec-primary #sec-calendar-wrapper .fc-daygrid-block-event .sec-event-box-calendar .sec-event-date-in-cal { margin-top: 0!important; font-size: 11px } #sec-primary #sec-calendar-wrapper .fc-daygrid-event-harness:not(:last-child) { margin-bottom: 10px; } #sec-primary #sec-calendar-wrapper .sec-event-box-calendar { color: #000; } #sec-primary #sec-calendar-wrapper .fc-popover.fc-more-popover { padding: 10px; border-radius: 5px; margin: 5px; } #sec-primary #sec-calendar-wrapper a.fc-event.fc-event-start.fc-event-end.fc-daygrid-event.fc-daygrid-block-event { border-radius: 5px; } #sec-primary #sec-calendar-wrapper a.fc-event.fc-event-start.fc-event-end.fc-daygrid-block-event { background: var(--sec-primary-background-color); } #sec-primary #sec-calendar-wrapper .fc-timeGridDay-view .sec-event-img-in-cal { display: none; } #sec-primary #sec-calendar .fc-event .sec-event-title-content { width: 100%; white-space: normal; } .sec-not-event-access { background: #ffd6d6; color: #000; border: 1px solid #F44336; padding: 10px; width: max-content; font-size: 16px; line-height: 1; } #sec-primary #sec-calendar-wrapper a.fc-event.fc-event-start.fc-event-end.fc-event-past { pointer-events: none; } #sec-primary #sec-calendar .fc-daygrid-day.fc-day-past { background: #f8f9fa; opacity: 0.5; } #sec-primary .sec-error-wrapper { position: relative; height: 100%; display: flex; align-content: center; align-items: center; align-items: safe center; } #sec-primary .sec-error-wrapper { align-items: safe center; height: 100%; overflow-y: auto; } #sec-primary .sec-error-wrapper .error-container { text-align: center; padding: 30px; border-radius: 8px; background-color: var(--sf-error-message-background-color); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05); } #sec-primary .sec-error-wrapper .error-container { max-width: 100%; margin-left: auto; margin-right: auto; width: 500px; margin-top: 20px; margin-bottom: 20px; } #sec-primary .sec-error-wrapper .icon-box svg { width: 48px; fill: #ff6666; margin-bottom: 5px; } #sec-primary .sec-error-wrapper .message-box { font-size: 18px; font-weight: bold; color: #333; } /*#sec-primary .fc .fc-button-primary { background-color: var(--sf-bg-color); border-color: var(--sf-bg-color); color: var(--sf-text-color); } #sec-primary .fc button:hover{ background-color: var(--sf-secondary-color); color: var(--sf-secondary-text-color); border-color: var(--sf-secondary-color); outline: none; box-shadow: none; } #sec-primary .fc .fc-button-primary:disabled{ background-color: var(--sf-secondary-color); color: var(--sf-secondary-text-color); border-color: var(--sf-secondary-color); } #sec-primary .fc-h-event { background-color: var(--sf-bg-color); border-color: var(--sf-bg-color); color: var(--sf-text-color); } #sec-primary .fc-h-event .fc-event-main{ color: var(--sf-text-color); } #sec-primary .fc-daygrid-event-dot { border-color: var(--sf-bg-color); } */ #sec-primary .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; } #sec-primary .sec-event-search { display: flex; align-items: center; gap: 10px; padding: 10px; background-color: #f5f5f5; border-radius: 5px; margin-bottom: 20px; } #sec-primary .sec-search-input { flex-grow: 1; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; } #sec-primary .sec-find-events-btn { padding: 8px 16px; background-color: #5c5f9f; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; } #sec-primary .sec-dropdown { position: relative; display: inline-block; } #sec-primary .sec-dropdown-toggle { color: #000; padding: 6px 16px; background-color: white; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; font-size: 14px; display: flex; align-items: center; gap: 5px; line-height: 1; font-weight: 600; } #sec-primary .sec-arrow { font-size: 12px; transition: transform 0.3s ease; line-height: 1; } #sec-primary .sec-dropdown-content { display: none; position: absolute; background-color: white; min-width: 120px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999; border-radius: 4px; top: 100%; right: 0; } #sec-primary .sec-dropdown-content a { color: black !important; padding: 12px 16px; text-decoration: none; display: block; font-size: 16px !important; line-height: 1!important; } #sec-primary .sec-dropdown-content a:hover { background-color: #f1f1f1; } #sec-primary .sec-dropdown.open .sec-dropdown-content { display: block; } #sec-primary .sec-dropdown.open .sec-arrow { transform: rotate(180deg); } /*#sec-primary .sec-event-search { display: flex; align-items: center; gap: 10px; padding: 10px; background-color: #fff; border-radius: 8px; margin-bottom: 20px; border: 2px solid #d7d7d7; }*/ #sec-primary .sec-event-search { display: flex; align-items: center; gap: 0; padding: 0; margin-bottom: 0; border: none; background: transparent; } #sec-primary .sec-search-input { flex-grow: 1; padding: 8px; border: 2px solid #e7e7e7; border-radius: 5px 0 0 5px; border-right: 0; font-size: 15px; outline: none; box-shadow: none; max-height: 40px; } #sec-primary .sec-find-events-btn { min-width: 120px; max-height: 40px; background-color: var(--sec-primary-background-color); color: var(--sec-primary-text-color); max-height: 40px; border-radius: 0 5px 5px 0; border: 2px solid #e7e7e7; border-right: 0;} #sec-primary .sec-dropdown-toggle { padding: 8px 15px; background-color: #e7e7e7; border: none; cursor: pointer; font-size: 16px; height: 38px; margin-left: 10px; border-radius: 5px; font-size: 14px;} #sec-primary .sec-date-navigation { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; justify-content: space-between; } #sec-primary .sec-today-btn, #sec-primary .sec-date-range-toggle { color: #000; padding: 5px 10px; background-color: #f0f0f0; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; display: flex; align-items: center; line-height: 24px; } #sec-primary button.sec-today-btn.sec-btn.sec-primary-btn { border-color: var(--sec-primary-background-color); color: var(--sec-primary-text-color);} #sec-primary .sec-date-range-toggle .sec-arrow { margin-left: 5px; } span.sec-time-selection { font-size: 14px; } #sec-primary .sec-nav-arrows { display: flex; gap: 5px; justify-content: center; } #sec-primary .sec-nav-prev, #sec-primary .sec-nav-next { background: none; border: none; font-size: 20px; cursor: pointer; padding: 0; display: flex; align-items: center; background: #e7e7e7; padding: 5px 10px; font-size: 15px; gap: 10px; border-radius: 5px; } #sec-primary .sec-main-container .sec-month-heading { display: flex; margin-bottom: 15px; padding: 0; font-size: 16px; font-weight: 500; align-items: center; margin-top: 0; color: #747474; } #sec-primary .sec-event-card { display: flex; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); margin-bottom: 40px; cursor: pointer; } #sec-primary .sec-event-date { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; background-color: #f0f0f0; font-weight: bold; width: 100px; position: relative; color: #fff; z-index: 9; } #sec-primary .sec-day-of-week { font-size: 14px;} #sec-primary .sec-day { font-size: 24px; } #sec-primary .sec-event-details { flex: 1; padding: 15px; } #sec-primary .sec-event-date-range { color: #5d5d5d; margin-bottom: 5px; line-height: 1; font-size: 14px; } #sec-primary .sec-main-container .sec-event-title { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.3; padding: 0; } #sec-primary .sec-event-location { color: #666; margin-bottom: 10px; padding: 0; font-size: 14px; line-height: 1; border-radius: 8px; } #sec-primary .sec-event-image-for-list { width: 250px; overflow: hidden; max-width: 100%; display: flex; align-items: center; padding: 30px 20px 30px 0;} #sec-primary .sec-event-image-for-list img { width: 100%; height: 210px; object-fit: cover; border-radius: 8px;} #sec-primary .sec-main-container p.sec-event-description { padding: 0; line-height: 1.3; font-size: 16px; color: #141827; } #sec-primary .sec-event-filter-wrapper { display: flex; gap: 10px; } #sec-primary h2.sec-month-heading:after { content: ""; display: block; flex: auto; height: 1px; margin-left: 20px; border: 1px solid gainsboro; } #sec-primary .sec-data-append-wrapper { background: #faf9f7; padding: 40px; border-radius: 8px; } #sec-primary .sec-event-card:last-child { margin-bottom: 0; } #sec-primary .sec-event-card-heading { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; } /*#sec-primary .sec-event-image-for-list:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.3); z-index: 11; }*/ #sec-primary .sec-date-box { position: relative; z-index: 12; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #666666;} #sec-primary .smart-event-cal { max-width: var(--sec-group-event-width); margin-left: auto; margin-right: auto; } #sec-primary span.sec-recurring-icon { color: #0a0a0a; } .sf-post-content-main {/* padding: 30px; background: #fff; border-radius: 8px;*/ } #sec-primary .sec-event-image-for-list { width: 170px; overflow: hidden; max-width: 100%; display: flex; align-items: center; padding: 30px 0 30px 0; height: 170px; } #sec-primary .fc-timegrid-axis-frame.fc-scrollgrid-shrink-frame.fc-timegrid-axis-frame-liquid { display: flex; justify-content: center; } #sec-primary .sec-event-grid-view-active .sec-month-heading { margin-bottom: 10px; } #sec-primary .sec-event-grid-view-active .sec-event-date-range { font-size: 12px; } div#sec-side-popup { position: relative; z-index: 99999999; } .sec-list-loop { margin-bottom: 40px; } .sec-grid-list-row .sec-list-loop:last-child { margin-bottom: 0; } #sec-primary .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { min-height: 70px; margin: 0; } /*Grid view*/ #sec-primary .sec-event-grid-view-active .sec-event-card-row { width: 33.33%; padding: 15px; } #sec-primary .sec-event-grid-view-active .sec-list-loop { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } #sec-primary .sec-event-grid-view-active .sec-event-card-row .sec-event-card { display: flex; flex-direction: column; height: 100%; } #sec-primary .sec-event-grid-view-active .sec-event-image-for-list { padding: 0; position: relative; width: 100%; } #sec-primary .sec-event-grid-view-active .sec-event-image-for-list .sec-event-date { position: absolute; padding: 5px 15px; top: 0; width: auto; background: rgba(0,0,0,.6); color: #fff; border-radius: 0 0 8px 0; } #sec-primary .sec-event-grid-view-active .sec-event-image-for-list .sec-event-date .sec-date-box { color: #fff; } #sec-primary .sec-event-grid-view-active .sec-event-image-for-list .sec-event-date span.sec-day { font-size: 18px; font-weight: 600; } #sec-primary .sec-event-grid-view-active .sec-event-image-for-list .sec-event-date span.sec-day-of-week { font-size: 12px; } #sec-primary .sec-event-grid-view-active .sec-event-image-for-list > img { border-radius: 8px 8px 0 0; } #sec-primary .sec-event-grid-view-active .sec-event-details { display: flex; flex-direction: column; justify-content: space-between; } #sec-primary .sec-grid-box-footer { text-align: center; margin-top: 10px; } #sec-primary .sec-grid-box-footer .sec-book-now-btn-wrapper { text-align: center; } #sec-primary .sec-grid-box-footer .sec-btn { display: flex; justify-content: center; } /* Purchase event wrapper*/ .sec-purchase-event-wrapper #sec-wizard-one-to-one-submitsion .sec-wizard { flex: 1; } .sec-purchase-event-wrapper #sec-wizard-one-to-one-submitsion .sec-wizard-step .sf-event-thank-you-details p { margin-bottom: 10px; color: #000; text-align: left; font-size: 16px; font-weight: 500; } .sec-purchase-event-wrapper #sec-wizard-one-to-one-submitsion .sec-wizard-step .sf-event-thank-you-details { background: white; padding: 20px; margin-top: 20px; border-radius: 10px; } .sec-purchase-event-wrapper #sec-wizard-one-to-one-submitsion .sec-wizard-step .sf-event-thank-you-details p:last-child { margin-bottom: 0; } .sec-purchase-event-wrapper #sec-wizard-one-to-one-submitsion .sec-wizard-screen-summary .sec-wizard-content { border-radius: 8px; } .sec-purchase-thankyou #sec-wizard-one-to-one-submitsion .sec-wizard-navigation-icon { background-color: var(--sec-primary-background-color); } .sec-purchase-thankyou #sec-wizard-one-to-one-submitsion .sec-wizard-navigation-icon svg { fill: var(--sec-primary-text-color); } .sec-menu-on-top.sec-purchase-thankyou #sec-wizard-one-to-one-submitsion .bpa-front-tm--item-label { background: transparent; color: var(--sec-primary-background-color); } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-google-cal-bg { background-color: transparent; border-color: var(--sec-google-button-color); } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-outlook-cal-bg { background-color: transparent; border-color: var(--sec-outlook-button-color); } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-ical-cal-bg { background-color: transparent; border-color: var(--sec-ical-button-color); } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-google-cal-bg p.calender-name { color: var(--sec-google-button-color); } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-outlook-cal-bg p.calender-name { color: var(--sec-outlook-button-color); } #sec-primary #sec_add_calender_links a.sec-add-to-calender.sec-ical-cal-bg p.calender-name { color: var(--sec-ical-button-color); } /*Submition wizard frontend*/ #sec-wizard-one-to-one-submitsion .sec-wizard { width: calc(100% - calc(var(--sec-left-side-menu-width) - 20px)); } #sec-wizard-one-to-one-submitsion.sec-menu-on-top .sec-wizard { width: 100%; } #sec-wizard-one-to-one-submitsion .sec-wizard .sec-wizard-step { background-color: var(--sec-oneoneone-main-box-background-color) ; border-radius: 10px; box-shadow: var(--sec-oneoneone-box-horizontal-length) var(--sec-oneoneone-box-vertical-length) var(--sec-oneoneone-box-blur-radius) var(--sec-oneoneone-box-spread-radius) var(--sec-boxshadow-color); overflow: hidden; width: 100%;} #sec-wizard-one-to-one-submitsion .sec-wizard .sec-wizard-step.sec-wizard-screen-summary { width: max-content; margin-left: auto; margin-right: auto; max-width: 100%; } #sec-wizard-one-to-one-submitsion.sec-event-no-sidebar .sec-wizard .sec-wizard-step.sec-wizard-screen-payment { max-width: 680px; margin-left: auto; margin-right: auto;} #sec-wizard-one-to-one-submitsion .sec-wizard-header { text-align: center; margin-bottom: 30px; } #sec-wizard-one-to-one-submitsion .sec-wizard-header h1 { margin: 0; font-size: 24px; color: #333; } #sec-wizard-one-to-one-submitsion.sec-event-no-sidebar .sec-wizard { width: 100%; } #sec-wizard-one-to-one-submitsion .sec-wizard-steps { list-style: none; padding: 0; display: flex; justify-content: space-between; margin-top: 20px; } #sec-wizard-one-to-one-submitsion .sec-wizard-steps li { width: 100%; position: relative; text-align: center; color: #999; font-weight: bold; cursor: pointer; } #sec-wizard-one-to-one-submitsion .sec-wizard-steps li.active, #sec-wizard-one-to-one-submitsion .sec-wizard-steps li.completed { color: var(--sec-primary-background-color); } #sec-wizard-one-to-one-submitsion .sec-wizard-steps li::before { content: attr(data-step); display: block; margin: 0 auto 10px; background-color: #ddd; color: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; } #sec-wizard-one-to-one-submitsion .sec-wizard-steps li.active::before, #sec-wizard-one-to-one-submitsion .sec-wizard-steps li.completed::before { background-color: var(--sec-primary-background-color); } #sec-wizard-one-to-one-submitsion .sec-wizard-steps li + li::after { content: ''; position: absolute; top: 15px; left: -50%; width: 100%; height: 2px; background-color: #ddd; z-index: -1; } #sec-wizard-one-to-one-submitsion .sec-wizard-steps li.completed + li::after { background-color: var(--sec-primary-background-color); } #sec-wizard-one-to-one-submitsion .sec-wizard-step { display: none; } #sec-wizard-one-to-one-submitsion .sec-wizard-step:first-child { display: block; } body #sec-wizard-one-to-one-submitsion .sec-wizard-step h2 { margin: 0; color: var(--sec-heading-color); font-size: 28px; font-weight: 600; line-height: 40px; padding-bottom: 0; } body #sec-wizard-one-to-one-submitsion .sec-wizard-step p { margin-bottom: 5px; font-size: 15px; margin-top: 0; padding-bottom: 0; padding-top: 0; line-height: 1.4; color: var(--sec-text-color); } #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-sub-heading-wizard { text-align: left; margin-top: 0; margin-bottom: 0; border-bottom: none; padding-bottom: 0; margin-bottom: 0; } #sec-wizard-one-to-one-submitsion .sec-gwizard-step .sec-sub-heading-wizard h2, #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-sub-heading-wizard h2 { margin-bottom: 5px; font-size: 20px; line-height: 1.4; color: var(--sec-heading-color); padding: 0; } #sec-wizard-one-to-one-submitsion .sec-content-details h3 { font-size: 20px; color: #333; margin-bottom: 10px; margin-top: 30px; } #sec-wizard-one-to-one-submitsion .sec-content-details p { font-size: 17px; color: #686868; margin-bottom: 10px; padding: 0; line-height: 1.4; } #sec-wizard-one-to-one-submitsion .sec-content-details a { color: var(--sec-primary-background-color); text-decoration: none; font-size: 18px; } #sec-wizard-one-to-one-submitsion .sec-content-details a:hover { text-decoration: underline; } #sec-wizard-one-to-one-submitsion .time-details { display: flex; justify-content: flex-start; gap: 20px; } #sec-wizard-one-to-one-submitsion .time-details p { margin-bottom: 10px; } #sec-wizard-one-to-one-submitsion .sec-wizard-buttons { margin-top: 0; display: flex; justify-content: space-between; gap: 10px; padding: 20px 20px; position: sticky; bottom: 0; border-top: 1px solid var(--sec-oneonone-box-booking-main-border-color); background-color: var(--sec-oneoneone-main-box-background-color); z-index: 1; } #sec-primary button.sec-wizard-prev-btn.sec-btn{ background: var(--sec-oneonone-box-back-btn-bg); color: var(--sec-oneonone-box-back-btn-text); } #sec-wizard-one-to-one-submitsion .sec-wizard-content { padding: 0; width: 50%; max-height: var(--sec-oneoneone-box-height); overflow-y: auto; overflow-x: hidden;} #sec-wizard-one-to-one-submitsion .sec-wizard-banner img { width: 100%; height: 100%; object-fit: cover; } #sec-wizard-one-to-one-submitsion .sec-wizard-image-content { display: flex; align-items: stretch; } #sec-wizard-one-to-one-submitsion .sec-wizard-banner { width: 50%; min-height: var(--sec-oneoneone-box-height); border-right: 1px solid #d4d4d4; background-color: var(--sec-oneonone-box-left-bg); } #sec-wizard-one-to-one-submitsion .sec-content-main-content-wrapper { position: relative; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; } .sec-menu-on-left #sec-wizard-one-to-one-submitsion .sec-wizard .sec-wizard-step.sec-wizard-screen-summary { width: 100%; } #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-wrapper-wizard-content .sec-heading-wizard h2 { font-size: 20px; line-height: 1.4; font-weight: 600; color: var(--sec-oneonone-box-left-heading-color); } #calendar-container .sec-calendar-wrapper .sec-calendar-navigation-text h2 { font-size: 18px; font-weight: 600; } #sec-wizard-one-to-one-submitsion .sec-heading-wizard p { font-size: 14px; line-height: 1.4; } #calendar-container .sec-calendar-wrapper th { background: transparent; font-weight: 600; } #sec-primary #calendar-container { margin: 20px 0 0; } body #sec-primary .sec-calender-box-start { box-shadow: none; padding: 0; background: var(--sec-oneoneone-main-box-background-color); border-radius: 0; } body #sec-primary .sec-time-box-show .sec-time-list-main { box-shadow: none; padding: 0; border-radius: 0; border-top: 1px solid gainsboro; padding-top: 20px; margin-top: 10px; width: 100%; background-color: transparent; } body #sec-primary .sec-wrapper-wizard-content { padding: var(--sec-oneoneone-box-padding); } .sec-wrapper-wizard-content > .sec-heading-wizard { display: none; } .sec-wizard-container { margin-top: var(--sec-oneoneone-box-margin-top-bottom); margin-bottom: var(--sec-oneoneone-box-margin-top-bottom); } #sec-primary .sec-event-booking-wrapper.sec-purchase-event-wrapper { margin-top: var(--sec-oneoneone-box-margin-top-bottom); margin-bottom: var(--sec-oneoneone-box-margin-top-bottom); } .sec-custom-scrollbar::-webkit-scrollbar { height: 4px; width: 4px; } .sec-custom-scrollbar::-webkit-scrollbar-track { border-radius: 32px; background-color: #dce4f6; } .sec-custom-scrollbar::-webkit-scrollbar-thumb { border-radius: 32px; background-color: #b8c1d4; } #sec-wizard-one-to-one-submitsion .sec-wizard-screen-payment .sec-wizard-content, #sec-wizard-one-to-one-submitsion .sec-wizard-screen-summary .sec-wizard-content { width: 100%; } #sec-wizard-one-to-one-submitsion .sec-heading-wizard { margin-bottom: 5px; border-bottom: 1px solid gainsboro; } #sec-wizard-one-to-one-submitsion .sec-form-group label { display: inline-block; font-weight: 600; color: var(--sec-text-color); font-size: 16px; } #sec-wizard-one-to-one-submitsion .sec-form-group .sec-radio-wrapper label { font-weight: 400; } #sec-wizard-one-to-one-submitsion .sec-form-group input[type=date], #sec-wizard-one-to-one-submitsion .sec-form-group select, #sec-wizard-one-to-one-submitsion .sec-form-group input[type=email], #sec-wizard-one-to-one-submitsion .sec-form-group input[type=number], #sec-wizard-one-to-one-submitsion .sec-form-group input[type=password], #sec-wizard-one-to-one-submitsion .sec-form-group input[type=search], #sec-wizard-one-to-one-submitsion .sec-form-group input[type=tel], #sec-wizard-one-to-one-submitsion .sec-form-group input[type=text], #sec-wizard-one-to-one-submitsion .sec-form-group input[type=url], #sec-wizard-one-to-one-submitsion .sec-form-group textarea { font-size: 15px; font-weight: 400; height: auto; border: 2px solid rgba(185, 185, 185, 0.4) !important; padding: 10px; color: #66717f; width: 100%; border-radius: 5px !important; line-height: 1 !important; min-height: 5rem; box-shadow: none; margin-top: 5px; box-shadow: none !important; min-height: auto;} #sec-wizard-one-to-one-submitsion .sec-form-group .sec-form-group { margin-bottom: 10px; } /*#sec-wizard-one-to-one-submitsion .sec-form-group input[type=radio] { position: relative; border: 2px solid var(--sec-primary-background-color);; border-radius: 50%; background: none; clear: none; cursor: pointer; display: inline-block !important; line-height: 0; margin: 0 10px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: text-top; height: 20px; width: 20px; -webkit-appearance: none; -moz-appearance: none; opacity: .5; } #sec-wizard-one-to-one-submitsion .sec-form-group input[type=radio]:checked { opacity: 1; border-color: var(--sec-primary-background-color); } #sec-wizard-one-to-one-submitsion .sec-form-group input[type=radio]:before { content: ''; position: absolute; width: 12px; height: 12px; top: 50%; left: 2px; margin-top: -6px; border-radius: 50%; opacity: 1; } #sec-wizard-one-to-one-submitsion .sec-form-group input[type=radio]:checked:before { background-color: var(--sec-primary-background-color);} #sec-wizard-one-to-one-submitsion .sec-form-group input[type=radio]:checked { opacity: 1; border-color: var(--sec-primary-background-color); }*/ #sec-wizard-one-to-one-submitsion .sec-form-group { margin-top: 15px; } #sec-wizard-one-to-one-submitsion .sec-radio-wrapper { margin-top: 5px; } #sec-wizard-one-to-one-submitsion .sec-radio-wrapper .sec-single-radio { margin-bottom: 15px; } #sec-wizard-one-to-one-submitsion #sec_event_booking { background: #f1f1f1; padding: 20px; max-width: 100%; border-radius: 7px; } #sec-wizard-one-to-one-submitsion .sec-two-column-field .sec-form-group { margin-top: 0; } #sec-wizard-one-to-one-submitsion .sec-two-column-field { display: flex; gap: 10px; } #sec-wizard-one-to-one-submitsion .sec-two-column-field .sec-form-group { width: calc(50% - 5px); } #sec-wizard-one-to-one-submitsion .sec-form-group input[type=radio] { appearance: none; position: absolute; opacity: 0;} #sec-wizard-one-to-one-submitsion .sec-form-group input[type=radio] + label { cursor: pointer; position: relative; padding-left: 25px; line-height: 1; display: flex; margin-bottom: 10px; } #sec-wizard-one-to-one-submitsion .sec-form-group input[type=radio] + label:before { content: ""; display: inline-block; width: 20px; aspect-ratio: 1; border: 1px solid var(--sec-primary-background-color); border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 1; transition: all 0.3s; } #sec-wizard-one-to-one-submitsion .sec-form-group input[type=radio] + label:after { content: ""; display: inline-block; width: 12px; aspect-ratio: 1; border: 1px solid var(--sec-primary-background-color); background: var(--sec-primary-background-color); border-radius: 50%; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.3s; outline: none; border: none; } #sec-wizard-one-to-one-submitsion .sec-form-group input[type=radio]:checked + label:after { opacity: 1; } .sec-form-custom-group-wrapper { background: #ffffff78; padding: 5px 15px; border-radius: 8px; } .sec-form-custom-group-wrapper .sec-form-navigation { margin-top: 20px; border-top: 1px solid gainsboro; padding-top: 15px; } #sec-primary .sec-form-custom-group-wrapper .sec-form-group label { margin-bottom: 10px; } #sec-primary .sec-form-custom-group-wrapper .sec-form-group { margin-top: 10px; margin-bottom: 10px; } #sec-primary .sec-form-navigation { display: flex; gap: 10px; justify-content: space-between; } /*One on one left part*/ #sec-wizard-one-to-one-submitsion span.sec-icon { width: 14px; height: 14px; display: block; line-height: 1; } #sec-wizard-one-to-one-submitsion .sec-event-info-list { display: flex; gap: 7px; align-items: center; } #sec-wizard-one-to-one-submitsion .sec-event-author { font-weight: 700; font-size: 16px; line-height: 24px; color: var(--sec-text-color); } #sec-wizard-one-to-one-submitsion .sec-content-container { padding: var(--sec-oneoneone-box-padding); } #sec-wizard-one-to-one-submitsion .sec-header-container { margin-bottom: 20px;} #sec-wizard-one-to-one-submitsion .sec-details-container { margin-bottom: 20px; } #sec-wizard-one-to-one-submitsion .sec-description-content p { margin-bottom: 10px; font-size: 16px; font-weight: 400; line-height: 25px; color: #535d71; } #sec-wizard-one-to-one-submitsion .sec-event-info-list { margin-bottom: 8px; } #sec-wizard-one-to-one-submitsion .sec-event-info-text { font-size: 14px; font-weight: 500; line-height: 14px; color: var(--sec-text-color);} #sec-wizard-one-to-one-submitsion .sec-services-info-row strong, #sec-wizard-one-to-one-submitsion .sec-services-info-desc strong, #sec-wizard-one-to-one-submitsion .sec-event-info-list-pickedtime strong { font-size: 14px; font-weight: 700; line-height: 14px; color: var(--sec-text-color); } #sec-wizard-one-to-one-submitsion .sec-details-container { border-bottom: 1px solid gainsboro; border-top: 1px solid gainsboro; padding: 10px 0; } #sec-wizard-one-to-one-submitsion .sec-event-info-text a { color: var(--sec-link-color); text-decoration: underline; } #sec-primary .sec-event-booking-wrapper { width: var(--sec-oneoneone-box-width); max-width: 100%; margin: 0 auto; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top { width: var(--sec-oneoneone-box-top-width); } #sec-primary .sec-event-heading-info { text-align: center; margin-bottom: 20px; } #sec-primary .sec-event-heading-info h2 { margin: 0 0 10px 0; padding: 0; font-size: 26px; font-weight: 600; line-height: 1.4; } #sec-primary .sec-event-heading-info p { margin: 0; line-height: 1.4; font-size: 17px; } .sec-main-container { max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; } #sec-calendar table.fc-scrollgrid th, #sec-calendar table.fc-scrollgrid table.fc-col-header, #sec-calendar table.fc-scrollgrid, #sec-calendar table.fc-scrollgrid thead, #sec-calendar table.fc-scrollgrid tbody, #sec-calendar table.fc-scrollgrid tr, #sec-calendar table.fc-scrollgrid td { padding: 0!important; margin: 0; } #sec-calendar .fc .fc-scroller-liquid-absolute { position: relative; } #sec-calendar .fc-scrollgrid-sync-inner { padding: 10px 5px; } #sec-primary .sec-main-container { max-width: 100%; } /*Payment Options*/ #sec-primary #card-element { border: 1px solid #ced4da; border-radius: 4px; padding: 10px; background-color: #fff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #sec-primary #card-element:focus { border-color: #80bdff; box-shadow: 0 0 8px rgba(128, 189, 255, 0.6); } #sec-primary #sec-payment-method { display: flex; gap: 10px; margin-bottom: 20px; } #sec-primary #sec-payment-method .sec-payment-option { display: flex; width: 50%; } #sec-primary .sec-payment-option input { display: none; } #sec-primary .sec-payment-option .icon { margin-right: 10px; font-size: 24px; } #sec-primary .sec-payment-option label { cursor: pointer; } #sec-primary .sec-payment-option:hover { background-color: #f8f9fa; border-color: #80bdff; } #sec-primary .sec-payment-option input:checked + .content { background-color: #80bdff; color: #fff; } #sec-primary #sec-payment-method .sec-payment-option .sec-content { font-size: 13px; font-weight: 400; } #sec-primary #sec-payment-method .sec-payment-option input[type="radio"]:checked + .sec-content { background: #000000; border-color: #000; } #sec-primary .sec-payment-content-radio { position: relative; z-index: 99; display: flex; gap: 5px; align-items: center; justify-content: center; } #sec-primary #sec-payment-method .sec-payment-option > input { display: none!important; } #sec-primary input[type="radio"]:checked + .sec-content .sec-payment-content-radio svg { fill: #fff; } #sec-primary input[type="radio"]:checked + .sec-content .sec-payment-content-radio span { color: #fff; } #sec-primary .sec-payment-content-radio span { font-weight: 600; line-height: 1; } #sec-primary #sec-payment-method .sec-payment-option .sec-content { border: 1px solid #ced4da; border-radius: 4px; padding: 10px 10px; cursor: pointer; transition: background-color 0.3s, border-color 0.3s; position: relative; z-index: 222; width: 100%; background: white; } #sec-primary .sec-summary { max-width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 8px; margin-bottom: 0; background: #fafafa; } #sec-primary .sec-summary h2 { text-align: center; margin-bottom: 20px; } #sec-primary .sec-events { margin-bottom: 0px; } #sec-primary .sec-events h3 { font-size: 16px !important; margin-bottom: 0 !important; margin-top: 0 !important; font-weight: 600 !important; color: var(--sec-heading-color) !important; padding: 0 !important; } #sec-primary .sec-events .sec-event { display: flex; justify-content: space-between; font-size: 14px; font-weight: 500; color: var(--sec-text-color); } #sec-primary .sec-events span.sec-picked-datetime { font-weight: 400; } #sec-primary .sec-subtotal {display: flex; justify-content: space-between; font-size: 16px; font-weight: 600; margin-top: 10px; margin-bottom: 0; color: var(--sec-heading-color); padding: 0 20px; } #sec-primary .sec-wizard-step.sec-wizard-screen-payment .sec-wizard-banner { /*display: none;*/ } #sec-payment-form { position: relative; } #sec-primary .sec-event-subheading { border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; } #sec-primary .sec-event-summary { margin-bottom: 20px; border-bottom: 2px dotted gainsboro; padding-bottom: 10px; margin-top: 20px; } body #sec-primary .sec-checkout-main-wrapper { margin-left: auto; margin-right: auto; } body #sec-primary .sec-payment-method-wrapper { background: #fffce4; padding: 15px; border-radius: 8px; } #sec-primary .sec-summary-card { border: 1px solid #ccc; border-radius: 8px; padding: 16px; max-width: 100%; font-family: Arial, sans-serif; } #sec-primary .sec-summary-card h2 { margin-top: 0; } #sec-primary .sec-summary-icon { display: inline-block; width: 20px; height: 20px; background-color: #ccc; border-radius: 50%; margin-right: 8px; vertical-align: middle; } #sec-primary .sec-summary-info { display: flex; align-items: center; margin-bottom: 8px; } #sec-primary .sec-summary-info p { margin: 0; } #sec-primary #sec_add_calender_links li { list-style: none; } #sec-primary #sec-wizard-one-to-one-submitsion .sec-content-details a:hover { text-decoration: none; color: #fff; background: #5d78ff; color: #fff!important; border-color: rgba(0, 0, 0, 0); } #sec-primary #sec-wizard-one-to-one-submitsion .sec-content-details a:hover p { color: #fff; } #sec-primary h4.sec-widget-title.sec-title { font-size: 18px; margin: 0; font-weight: 600; color: #000;} #sec-primary div#oneonone-scheduled-summary { margin-top: 10px; } #sec-primary #sec-wizard-one-to-one-submitsion .sec-wizard-step .sf-center-text-thank-you h2 { font-weight: 600; } #sec-primary #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-form-container > h2 { font-size: 20px; font-weight: 600; } #sec-primary #sec-wizard-one-to-one-submitsion .sec-wizard-step .sf-center-text-thank-you h2, #sec-primary #sec-wizard-one-to-one-submitsion .sec-wizard-step .sf-center-text-thank-you p { text-align: center; color: var(--sec-oneonone-box-booking-thankyou-content-color); } #sec-primary .sec-thank-you-icon { text-align: center; color: #fff; } #sec-primary .sec-thank-you-icon img { width: 100px; } #sec-primary .sec-paymentgateway-wrapper-paypal.sec-paymentgateway-wrapper { background: #f4f4f4; padding: 10px; border: 1px solid; } #sec-primary .sec-paymentgateway-wrapper-paypal.sec-paymentgateway-wrapper p { font-size: 16px; line-height: 1.3; padding: 0; margin: 0; } #sec-primary #calendar-container .sec-calendar-wrapper td .sec-day-box{ width: calc(100% - 5px); } #sec-primary #calendar-container .sec-calender-box-start { max-width: 500px; background: var(--sec-oneoneone-calendar-bg-color) ; padding: 20px; border-radius: 5px; margin-left: 0; margin-right: auto; } #sec-primary .sec-list-wrapper-box { display: flex; gap: 10px; flex-direction: row; flex-wrap: wrap; } #sec-wizard-one-to-one-submitsion .sec-event-info-list { background: var(--sec-oneonone-box-info-list-bg); padding: 10px 15px; border-radius: 6px; display: flex; align-items: center; margin-bottom: 0; } #sec-wizard-one-to-one-submitsion .sec-event-info-list .sec-event-info-text { color: var(--sec-oneonone-box-info-list-text);} #sec-wizard-one-to-one-submitsion span.sec-icon svg { fill: var(--sec-oneonone-box-info-list-text);} #sec-primary .sec-wizard-screen-members .sec-event-info-list.sec-event-info-list-agent { display: none!important; } #sec-primary .sec-services-info-row, #sec-primary .sec-services-info-desc { font-size: 16px; color: var(--sec-text-color); } #sec-primary .sec-services-heading-wizard { margin-bottom: 0; border-bottom: 1px solid var(--sec-oneonone-box-booking-main-border-color); padding-bottom: 10px;padding-top: 10px; } #sec-primary .sec-services-info-detail { margin-bottom: 10px; } #calendar-container .sec-calender-box-start { width: 100%; } .single-sec-purchase #sec-wizard-one-to-one-submitsion .sec-event-info-list.sec-event-info-list-agent, .single-sec-purchase #sec-wizard-one-to-one-submitsion .sec-event-info-list.sec-event-info-list-duration { display: none; } .sec-list-wrapper-box { display: flex; gap: 10px; } #sec-wizard-one-to-one-submitsion .sec-wizard-image-content { width: 100%; } #sec-wizard-one-to-one-submitsion .sec-wizard-content { width: 100%; } #sec-primary .sec-gwizard-step { box-shadow: 0 0px 7px rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; background: #f9f9f9; } #sec-primary .sec-sub-heading-wizard { text-align: left; margin-top: 0; margin-bottom: 0; border-bottom: 1px solid var(--sec-oneonone-box-booking-main-border-color); padding-bottom: 0; margin-bottom: 0; } #sec-primary .sec-btn:hover {background: var(--sec-secondary-background-color) !important; color: var(--sec-secondary-text-color) !important; } #sec-primary .sec-btn:hover svg { fill: var(--sec-secondary-text-color)!important; } #sec-booking-info-modal .sec-list-wrapper-box { display: flex; gap: 10px; } #sec-booking-info-modal .sec-wizard-image-content { width: 100%; } #sec-booking-info-modal .sec-wizard-content { width: 100%; max-height: 100%; } #sec-booking-info-modal .sec-gwizard-step { box-shadow: 0 0px 7px rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; background: #ffffff; } #sec-booking-info-modal .sec-sub-heading-wizard { text-align: left; margin-top: 0; margin-bottom: 0; border-bottom: 1px solid var(--sec-oneonone-box-booking-main-border-color); padding-bottom: 0; margin-bottom: 0; } #sec-booking-info-modal .sec-btn:hover { background: #000; color: #fff; } #sec-booking-info-modal .sec-btn:hover svg { fill: #fff; } #sec-booking-info-modal .sec-gwizard-step.sec-gwizard-screen-summary.active { position: relative; background: transparent; box-shadow: none; border: none; padding: 0; } #sec-booking-info-modal .sf-center-text-thank-you { text-align: center; } #sec-booking-info-modal .sec-gwizard-step .sf-center-text-thank-you h2, #sec-booking-info-modal .sec-gwizard-step .sf-center-text-thank-you p { text-align: center; color: #000000; } #sec-booking-info-modal #sec-events-template .sec-event-heading .sec-event-schedule-short .sec-schedule-short-d { font-size: 20px; } #sec-booking-info-modal #sec-events-template .sec-event-heading .sec-event-schedule-short .sec-schedule-short-m { font-size: 15px; } #sec-side-popup #sec-booking-info-modal .sec-popup-sidebar-container { max-width: 620px; max-width: 100%; } #sec-booking-info-modal #sec-wizard-one-to-one-submitsion .sec-two-column-field { display: flex; flex-direction: column; } #sec-booking-info-modal #sec-wizard-one-to-one-submitsion .sec-two-column-field .sec-form-group { width: 100%; } #sec-booking-info-modal #sec-primary .sec-swal-icon--success__line { background-color: #000000; } #sec-booking-info-modal #sec-primary .sec-swal-icon--success { border-color: #000000; } @keyframes sec-spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes button-anim { from { transform: rotate(0); } to { transform: rotate(360deg); } } /*Frontend member selection*/ #sec-primary .sec-member-listing { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0; justify-content: flex-start; margin-top: 20px; margin-left: -10px; margin-right: -10px; } #sec-primary .sec-member-listing .sec-col-member-item { width: var(--sec-member-grid-per-row); padding: 10px } #sec-primary .sec-cal-box-card { position: relative; } #sec-primary label.sec-checbokx-icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } #sec-primary .sec-cal-card-checkbox:checked + label:before, #sec-primary .sec-reserve-btn-box input.sec-hidden-services:checked + .sec-radio-text:before {content: '\2713';display: flex;background: #f0f0f0;width: 20px;height: 20px;font-size: 14px;align-items: center;justify-content: center;border: 2px solid #e1e1e1;margin: 5px;border-radius: 3px;font-weight: 600;} #sec-primary .sec-cal-card-checkbox { visibility: hidden; width: 0; position: absolute; height: 0; z-index: 0; } #sec-primary .sec-cal-card-checkbox:checked + label { border: 2px solid var(--sec-primary-background-color); } #sec-primary label.sec-checbokx-icon { border-radius: 8px; cursor: pointer; } #sec-primary .sec-cal-box-card { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 15px 10px; } #sec-primary .sec-member-img img { width: 100%; height: 140px; object-fit: cover; border-radius: 0; } #sec-primary .sec-member-img { text-align: center; } #sec-primary .sec-member-name { text-align: center; font-size: 14px; font-weight: 600; line-height: 1.4; } #sec-primary .sec-member-img { margin-bottom: 10px; } .sec-person-selection-wrapper { margin-top: 20px; } #sec-primary #calendar-container .sec-time-list-main .sec-listitem{ width: calc(33.33% - 10px) } #sec-primary .sec-cal-pricing-cat-items { display: flex; gap: 10px; flex-direction: row; flex-wrap: wrap; padding-bottom: 10px; } #sec-primary span.sec-cal-pricing-ci-pill { border: 1px solid #cfd6e5; display: flex; align-items: center; padding: 6px 15px; line-height: 20px; font-weight: 500; font-size: 15px; color: #4d4d4d; border-radius: 4px; cursor: pointer; } #sec-primary span.sec-cal-pricing-ci-pill.sec-cal-pricing-active { background: var(--sec-oneonone-box-booking-calender-category-btn-bg); color: var(--sec-oneonone-box-booking-calender-category-btn-text); border-color: var(--sec-oneonone-box-booking-calender-category-btn-bg); } #sec-primary .sec-cal-pricing-module-heading { font-weight: 600; margin-bottom: 5px; color: var(--sec-heading-color); margin-top: 15px; } #sec-primary .sec-cal-pricing-cat-items-wrapper { margin-bottom: 20px; border-bottom: 1px solid var(--sec-oneonone-box-booking-main-border-color); padding-bottom: 10px; } #sec-primary .sec-cal-pricing-si-card-row { display: flex; gap: 10px; border-bottom: 1px solid var(--sec-oneonone-box-booking-main-border-color); margin-bottom: 10px; align-items: center; background: var(--sec-oneonone-box-booking-calender-background); padding: 0; border-radius: 8px; border: 2px solid #ebebeb; } #sec-primary .sec-cal-pricing-si-card-row.sec-selected { border-color: var(--sec-oneonone-box-booking-calender-border); box-shadow: rgba(99, 99, 99, 0.4) 0px 5px 10px 0px !important; } #sec-primary .sec-cal-pricing-si-card-body-heading { font-weight: 600; line-height: 1.4; font-size: 16px; color: var(--sec-oneonone-box-booking-calender-heading-color) } #sec-primary .sec-cal-pricing-si-cb-specs-item p { margin-bottom: 0; } #sec-primary .sec-cal-pricing-si-card-left { width: 112px; height: 112px; } #sec-primary .sec-cal-pricing-si-card-left img { max-width: 100%; height: 100%; border-radius: 5px 0 0 5px; object-fit: cover; } #sec-primary .sec-calendar-time-box-wrapper { width: 100%; } #sec-primary #calendar-container.sec-show-in-same-line { display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; align-items: stretch; } #sec-primary #calendar-container.sec-show-in-same-line .sec-calender-box-start { max-width: calc(65% - 15px); width: 65%; margin: 0; } #sec-primary #calendar-container.sec-show-in-same-line .sec-time-list-main { width: 100%; position: absolute; height: 100%; overflow-y: scroll; overflow-x: hidden; margin-top: 0; border-top: 0; padding: 10px 10px; align-content: flex-start; } #sec-primary #calendar-container.sec-show-in-same-line .sec-time-list-main .sec-listitem { width: calc(50% - 5px); } #sec-primary .sec-menu-on-top #calendar-container.sec-show-in-same-line .sec-time-list-main .sec-listitem { width: 100%; } #sec-primary #calendar-container.sec-show-in-same-line .sec-calendar-time-box-wrapper { width: 35%; position: relative; background: whitesmoke; padding: 0; overflow: hidden; border-radius: 10px; } #sec-primary #calendar-container.sec-show-in-same-line.sec-smaller .sec-time-list-main .sec-listitem { width: 100%; } #sec-primary .sec-wizard-screen-services .sec-cal-pricing-cat-items-wrapper { margin-bottom: 10px; padding-bottom: 3px; } #sec-primary .sec-wizard-screen-services .sec-cal-pricing-col { margin-bottom: 10px; } #sec-primary .sec-wizard-image-content.sec-full-width-screen .sec-wizard-content { width: 100%; } #sec-primary .sec-reserve-btn-box input { margin: 0; padding: 0; width: 0; height: 0; opacity: 0; z-index: -1; position: absolute; visibility: hidden; } #sec-primary .sec-wizard-step .sec-cal-pricing-si-card-body-content { font-size: 15px; margin: 0; line-height: 1.4; margin-bottom: 0; margin-top: 5px; color: var(--sec-oneonone-box-booking-calender-text-color)} body #sec-primary .sec-wizard-step .sec-cal-pricing-si-card-body-content p { color: var(--sec-oneonone-box-booking-calender-text-color)} #sec-primary .sec-cal-pricing-si-card-body { flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 10px 15px; } #sec-primary .sec-cal-pricing-si-cb-specs { margin-top: 5px; border-top: 1px solid var(--sec-oneonone-box-booking-main-border-color); padding-top: 10px; } #sec-primary .sec-wizard-step .sec-cal-pricing-si-card-body-content a { color: var(--sec-link-color); } #sec-primary .sec-cal-pricing-si-card-body { max-width: 600px; } #sec-primary .sec-cal-pricing-item { display: flex; gap: 5px; align-items: center; } #sec-primary .sec-cal-pricing-si-cb-specs-item { display: flex; gap: 0; } #sec-primary .sec-cal-pricing-item:not(:last-child) { padding-right: 10px; margin-right: 5px; } #sec-primary .sec-cal-pricing-item > span { font-size: 14px; margin-top: 2px; color: var(--sec-oneonone-box-booking-calender-text-color)} #sec-primary .sec-cal-services-booking-btn-part { width: 100px; } #sec-primary .sec-cal-services-content-part { flex: 1; display: flex; gap: 0; position: relative; } #sec-primary .sec-cal-pricing-item svg { fill: var(--sec-oneonone-box-booking-calender-text-color); } #sec-primary a.sec-btn.sec-primary-btn.sec-cal-reserve-btn { padding: 5px 15px; min-height: unset; max-width: max-content; font-size: 14px; background-color: var(--sec-oneonone-box-booking-calender-button-bg-color); color: var(--sec-oneonone-box-booking-calender-button-bg-text); } #sec-primary .sec-btn-book { display: flex; justify-content: flex-end; } #sec-primary a.sec-btn.sec-primary-btn.sec-cal-reserve-btn label { cursor: pointer; } #sec-primary .sec-reserve-btn-box .sec-radio-text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; } #sec-primary .sec-cal-pricing-si-card-body-content a.sec-service-full-content { position: relative; z-index: 1; } /*Thank you page*/ #sec-primary .sec-wizard-screen-summary .sec-wizard-content:before { /*content: "";*/ position: absolute; top: 0; bottom: 35%; left: 0; right: 0; background: var(--sec-oneonone-box-booking-thankyou-background); } #sec-primary .sec-wizard-screen-summary .sec-wizard-content { position: relative; background: var(--sec-oneonone-box-booking-thankyou-background); } #sec-primary .sf-event-list-wrapper .sf-event-list {display: flex;justify-content: flex-start;font-weight: 400;font-size: 15px;margin-bottom: 0;line-height: 20px;flex-direction: column;width: calc(50% - 5px);background: #f9f9f9;padding: 10px;border-radius: 5px;} #sec-primary .sf-event-details { padding-top: 20px; } #sec-primary .sf-event-list-wrapper .sf-event-list span { color: gray; } #sec-primary .sec-swal-icon--success { border-color: var(--sec-oneonone-box-booking-thankyou-content-color); } .sec-swal-icon--success:after, #sec-primary .sec-swal-icon--success:before { content: ""; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg) } #sec-primary .sec-swal-icon--success:before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px } #sec-primary .sec-swal-icon--success:after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; transform-origin: 0 60px; -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in } #sec-primary .sec-swal-icon--success__ring { width: 80px; height: 80px; border: 4px solid hsla(98, 55%, 69%, .2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2 } #sec-primary .sec-swal-icon--success__hide-corners { width: 5px; height: 90px; background-color: transparent; padding: 1px; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } #sec-primary .sec-swal-icon--success__line { height: 5px; background-color: var(--sec-oneonone-box-booking-thankyou-content-color); display: block; border-radius: 2px; position: absolute; z-index: 2 } #sec-primary .sec-swal-icon--success__line--tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: animateSuccessTip .75s; animation: animateSuccessTip .75s } #sec-primary .sec-swal-icon--success__line--long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: animateSuccessLong .75s; animation: animateSuccessLong .75s } #sec-primary .sec-swal-icon { width: 80px; height: 80px; border-width: 4px; border-style: solid; border-radius: 50%; padding: 0; position: relative; box-sizing: content-box; margin: 20px auto; zoom: 0.8; } #sec-primary .sec-swal-icon:first-child { margin-top: 0 } #sec-primary .sf-event-list-wrapper { max-width: 600px; margin: 20px auto 0; background-color: #fff; border-radius: 8px; box-shadow: 0 0px 7px rgba(0, 0, 0, 0.1); overflow: hidden; } #sec-primary .sf-event-list-wrapper .sf-event-user-details, #sec-primary .sf-event-list-wrapper .sf-event-details { padding: 20px; } #sec-primary .sf-event-list-wrapper .sf-event-user-details { background-color: var(--sec-oneonone-box-booking-thankyou-innerbox-header-bg); } #sec-primary .sf-event-list-wrapper .sf-event-list { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0; } #sec-primary .sf-event-list-wrapper .sf-event-list:last-child { margin-bottom: 0; } #sec-primary .sf-event-list-wrapper .sf-event-list strong { flex: 0 0 40%; color: #000; font-weight: 600; margin-bottom: 4px; } #sec-primary .sf-event-list-wrapper .sf-event-list span { flex: 0 0 60%; color: #212529; } #sec-primary .sf-event-list-wrapper .sec-cancel-event { padding: 0; background: var(--sec-cancel-btn-bg-color) !important; color: var(--sec-cancel-btn-text-color) !important; text-decoration: none; font-weight: 400; padding: 5px 10px; display: block; border-radius: 5px; font-size: 14px; } #sec-primary .sf-event-list-wrapper .sec-cancel-event:hover { background-color: #c82333; } #sec-primary .sf-event-list-wrapper .sf-event-details { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; } #sec-primary .sf-event-list-wrapper .sf-event-list.sec-full-width { width: 100%; } #sec-primary .sf-event-list-wrapper .sf-event-list:last-child { margin-bottom: 0; } #sec-primary .sf-event-list-wrapper .sf-event-user-details .sf-event-list { padding: 0; margin-bottom: 10px; background-color: transparent; } #sec-primary .sf-event-list-wrapper .sf-event-user-details .sf-event-list strong, #sec-primary .sf-event-list-wrapper .sf-event-user-details .sf-event-list span{ color: var(--sec-oneonone-box-booking-thankyou-innerbox-header-text-color); } #sec-primary .sf-event-list-wrapper .sf-event-user-details .sf-event-list:last-child { margin-bottom: 0; } #sec-primary .sf-cancel-event-message { background: var(--sf-error-message-background-color) !important; color: var(--sf-error-message-text-color) !important; } /*Grid View */ #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-col.service-item { width: var(--sec-booking-calendar-grid-per-row); padding: 10px; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-card-row { display: flex; flex-direction: column; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 8px; padding: 0; min-height: calc(100%); margin-bottom: 0; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-services-content-part { display: flex; flex-direction: column; gap: 0; width: 100%; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-card-left { width: 100%; height: 150px; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-card-left img { width: 100%; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-card-body { padding: 15px 15px 0; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-card-body-heading { font-size: 16px; margin-bottom: 5px; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-card-body-content { font-size: 12px; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid a.sec-cal-reserve-btn { width: 100%; max-width: 100%; display: block; font-size: 15px; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-btn-book { width: 100%; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-services-booking-btn-part { width: 100%; text-align: center; padding: 0; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-cb-specs { background: #f4f4f4; padding: 5px 10px; text-align: center; margin-top: 20px; border-radius: 6px; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-cb-specs-item { display: flex; justify-content: space-between; } #sec-primary .sec-cal-pricing-si-cb-specs { display: flex; justify-content: space-between; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-cb-specs { display: flex; flex-direction: column; background: transparent; gap: 10px; padding: 0; margin-bottom: 15px; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-cb-specs { margin: 0; padding-top: 10px; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid a.sec-cal-reserve-btn { height: 100%; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-card-left img { border-radius: 5px 5px 0 0; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid a.sec-cal-reserve-btn > label { height: 100%; width: 100% } /*Left side box*/ .sec-wizard-row-wrapper { display: flex; align-items: flex-start; } .sec-wizard-tab-menu { width: var(--sec-left-side-menu-width); box-shadow: var(--sec-oneoneone-box-horizontal-length) var(--sec-oneoneone-box-vertical-length) var(--sec-oneoneone-box-blur-radius) var(--sec-oneoneone-box-spread-radius) var(--sec-boxshadow-color); /*box-shadow: 0 4px 10px rgba(166,176,196,.08),0 9px 22px rgba(166,176,196,.18);*/ background: var(--sec-left-navigation-background-color); padding: var(--sec-oneoneone-navigation-padding); margin-right: 20px; border-radius: 8px; } body #sec-primary a.sec-wizard-navigation-link, body #sec-primary a.sec-gwizard-navigation-link { font-size: 15px; text-decoration: none!important; line-height: 16px; font-weight: 500; display: flex; align-items: center; gap: 10px; text-decoration: none; padding: 5px 5px; border-radius: 5px; margin-bottom: 5px; color: var(--sec-oneoneone-navigation-link-color) } body #sec-primary a.sec-gwizard-navigation-link.sec-active, body #sec-primary a.sec-gwizard-navigation-link:hover, body #sec-primary a.sec-wizard-navigation-link.sec-active, body #sec-primary .sec-purchase-thankyou .sec-event-booking-wrapper:not(.sec-menu-on-top) a.sec-wizard-navigation-link, body #sec-primary a.sec-wizard-navigation-link:hover { background: var(--sec-oneoneone-navigation-selected-background-color)!important; color: var(--sec-oneoneone-navigation-selected-text-color) !important; text-decoration: none; line-height: 1.2 !important; } body #sec-primary a.sec-gwizard-navigation-link.sec-active svg, body #sec-primary a.sec-gwizard-navigation-link:hover svg, body #sec-primary a.sec-wizard-navigation-link.sec-active svg, body #sec-primary a.sec-wizard-navigation-link:hover svg{ fill: var(--sec-primary-text-color); } #sec-events-template.sec-group-event-row { padding: 0; } /*#sec-primary #calendar-container .sec-calendar-wrapper { background: var(--sec-oneoneone-main-box-calendar-bg); padding: 20px; border-radius: 10px; } */ /*#sec-primary #calendar-container .sec-calendar-wrapper td { border: 1px solid gainsboro; } */ #sec-primary #calendar-container .sec-calendar-wrapper th { background: transparent; } #sec-primary #calendar-container .sec-calendar-navigation-icon{ background-color: var(--sec-oneoneone-calendar-navigation-bg); } #sec-primary #calendar-container .sec-calendar-navigation-icon svg{ fill: var(--sec-oneoneone-calendar-navigation-icon-color); width: 25px; height: 25px; } #sec-primary #calendar-container .sec-calendar-wrapper td .sec-day-box{ background-color: transparent;} #sec-primary #calendar-container .sec-calendar-wrapper .sec-calendar-navigation-text h2, #sec-primary #calendar-container .sec-calendar-wrapper th { color: var(--sec-oneoneone-calendar-date-and-weekday-color); } #sec-primary #calendar-container .sec-calendar-wrapper td .sec-day-box { color: var(--sec-oneoneone-calendar-days-color); background: var(--sec-oneoneone-calendar-past-day-bg-color);} #sec-primary #calendar-container .sec-calendar-wrapper td .sec-day-box.sec-day-box.allow-day { color: var(--sec-oneoneone-calendar-avalible-days-text-color); background: var(--sec-oneoneone-calendar-avalible-days-bg-color); border: 1px solid rgba(227, 227, 227, 0.6); } #sec-primary #calendar-container .sec-calendar-wrapper td .sec-day-box.allow-day.sec-selected { background-color: var(--sec-oneoneone-calendar-days-active-bg-color); color: var(--sec-oneoneone-calendar-days-active-text-color);; } #sec-primary #calendar-container .sec-time-list-main button.sec-time-list-btn{ color: var(--sec-oneoneone-calendar-avalible-days-text-color); border-color: var(--sec-oneoneone-calendar-avalible-days--bg-color); } #sec-primary #calendar-container .sec-time-list-main button.sec-time-list-btn.time-selected, #sec-primary #calendar-container .sec-time-list-main button.sec-time-list-btn:hover{ background-color: var(--sec-oneoneone-calendar-days-active-bg-color); border-color: var(--sec-oneoneone-calendar-days-active-bg-color); color: var(--sec-oneoneone-calendar-days-active-text-color);; } #sec-primary .sec-person-selection-wrapper { margin-top: 0; } #sec-primary .sec-col-member-item .sec-cal-box-card { padding: 0; } #sec-primary .sec-col-member-item .sec-member-img { margin-bottom: 0; height: 140px; border-radius: 10px 10px 0 0; overflow: hidden; } #sec-primary .sec-col-member-item .sec-member-name-wrapper { padding: 12px 10px; } #sec-primary .sec-content-details { margin-top: 20px; } #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-cal-pricing-cat-items-wrapper .sec-sub-heading-wizard { border-bottom: none; } .sec-services-content-popup { position: absolute; bottom: 0; z-index: 99; background: white; top: 50%; border-radius: 10px 10px 0 0; padding: 20px; margin-left: 0px; margin-right: 8px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; left: 20px; right: 20px; display: none; } #sec-wizard-one-to-one-submitsion .sec-wizard-step { position: relative; } .sec-services-content-close-icon { color: #000; font-size: 36px; cursor: pointer; } .sec-services-content-popup-title { font-size: 22px; font-weight: 600; } .sec-services-content-popup-header { display: flex; align-items: center; justify-content: space-between; line-height: 1; } .sec-services-content-popup-description { margin-top: 10px; border-top: 1px solid gainsboro; padding-top: 20px; } .sec-services-content-popup-description { max-height: calc(100% - 40px); overflow-y: auto; } .sec-services-content-popup.sf-active { display: block; } #sec-primary #sec-reschedule-edit #calendar-container .sec-time-list-main > .sec-listitem { width: 100%; } /*Full Loader*/ .sec-full-loader { display: inline-block; width: 100px; height: 100px; color: inherit; vertical-align: middle; pointer-events: none; transform: rotateZ(45deg); perspective: 1000px; border-radius: 50%; } .sec-full-loader:before, .sec-full-loader:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: inherit; height: inherit; border-radius: 50%; -webkit-animation: 1s secspin linear infinite; animation: 1s secspin linear infinite; } .sec-full-loader:before { transform: rotateX(70deg); } .sec-full-loader:after { transform: rotateY(70deg); -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #sec-primary .sec-event-booking-wrapper{ position: relative; } .sec-full-loader-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #fff; z-index: 9999; display: none; align-items: center; justify-content: center; } .sec-full-loader-wrapper.sec-active { display: flex; } .smart-events-cal_page_smart-event-cal-orders .sec-main-listing-card-container .sec-main-container { max-width: 1600px; } #sec-calendar .sec-msgbox-icon {margin-bottom: 12px;color: #e74c3c;display: flex;align-items: center;justify-content: flex-start;gap: 6px;width: 100%;border-bottom: 1px solid gainsboro;padding-bottom: 5px;} #sec-calendar .sec-msgbox-message, #sec-calendar .sec-msgbox-message p { font-size: 16px; color: #333; text-align: center; margin-bottom: 16px; line-height: 1.4; } #sec-calendar .sec-msgbox-message p:last-child{ margin-bottom: 0; } #sec-calendar .sec-msgbox-message a { color: var(--sec-link-color); text-decoration: underline; } #sec-calendar .sec-msgbox-message {display: flex;flex-direction: column;align-items: flex-start; margin-bottom: 0} #sec-calendar .sec-msgbox-text {margin-bottom: 10px;max-height: 100px;overflow-y: auto; text-align: left;} #sec-calendar .sec-popup-btn .sec-btn { text-decoration: none !important; font-weight: 600; line-height: 1; } #sec-calendar .sec-popup-btn .sec-btn { text-decoration: none!important; font-weight: 600; line-height: 1; width: max-content; margin-left: auto; } #sec-calendar .sec-msgbox-icon svg { width: 25px; } #sec-calendar .sec-msgbox-icon h3 { font-size: 18px; font-weight: 600; flex: 1; text-align: left; line-height: 1.3; } #sec-calendar .sec-popup-btn { border-top: 1px solid gainsboro; display: block; width: 100%; padding-top: 10px; } /*Calender New Style*/ #sec-primary #sec-calendar { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 12px; background-color: #ffffff; } #sec-primary #sec-calendar .fc-header-toolbar { background-color: #efeeee; padding: 20px 10px; color: #faf9f7; margin-bottom: 0!important; } #sec-primary #sec-calendar .fc-toolbar-title { font-size: 18px; font-weight: 600; color: #000; line-height: 1; padding: 0; } #sec-primary #sec-calendar .fc-col-header-cell { background-color: #f8f9fa; font-weight: 500; text-transform: uppercase; font-size: 0.9em; padding: 15px 0; } #sec-primary #sec-calendar .fc-daygrid-day { min-height: 120px; } #sec-primary #sec-calendar .fc-daygrid-day-number { font-size: 18px; font-weight: bold; color: #333; padding: 10px; } #sec-primary #sec-calendar .fc-event { border-radius: 6px; border: none; padding: 4px 8px; font-size: 0.9em; transition: all 0.3s ease; background-color: var(--sec-primary-background-color); color: #ffffff; } #sec-primary #sec-calendar .fc-event:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(74, 144, 226, 0.3); } #sec-primary #sec-calendar .fc-day-today .fc-daygrid-day-number { background-color: var(--sec-primary-background-color); color: var(--sec-primary-text-color); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 5px; } #sec-primary #sec-calendar .fc-day-other { background-color: #f8f9fa; } #sec-primary #sec-calendar .fc-timegrid-slot { height: 3.5em; } #sec-primary #sec-calendar .fc-timegrid-axis { font-weight: bold; color: #6c757d; } #sec-primary #sec-calendar .fc-list-day-cushion { background-color: var(--sec-primary-background-color); color: var(--sec-primary-text-color); } #sec-primary #sec-calendar .fc-list-event:hover td { background-color: #f0f7ff; } #sec-primary #sec-calendar .fc .fc-view-harness { overflow-y: auto; } #sec-primary #sec-calendar .fc .fc-view-harness { overflow-y: auto; } #sec-primary #sec-calendar .fc-daygrid-event-dot { display: none; } #sec-primary #sec-calendar .fc-direction-ltr .fc-daygrid-event .fc-event-time { display: none; } #sec-primary #sec-calendar .fc-header-toolbar .fc-button { font-size: 16px; text-transform: uppercase; font-weight: 600; } #sec-primary .fc-timegrid-slot-label-frame.fc-scrollgrid-shrink-frame { text-align: center; font-size: 11px; } #sec-primary .fc .fc-timegrid-axis-cushion{ font-size: 11px;} #sec-primary #sec-calendar .fc-header-toolbar .fc-button { font-size: 16px; text-transform: uppercase; font-weight: 600; } #sec-primary #sec-calendar .fc-daygrid-dot-event .fc-event-time { background: var(--sec-secondary-background-color); color: var(--sec-secondary-text-color); padding: 3px 5px; border-radius: 4px; line-height: 1.2; font-weight: 600; } #sec-wizard-one-to-one-submitsion .sec-credit-form-session {display: flex;align-items: center;gap: 10px;flex-direction: row;flex-wrap: wrap;} #sec-wizard-one-to-one-submitsion .sec-credit-form-session label { display: block; font-size: 16px; margin: 0; font-weight: 600; color: var(--sec-heading-color); } #sec-wizard-one-to-one-submitsion #sec-multi-session { padding: 3px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; color: #333; background-color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23545454%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: right 10px top 50%; background-size: 12px auto; width: 80px; font-weight: 600; } #sec-primary .sec-notice-alert { margin-top: 10px; padding: 10px; background-color: #fffce4; border: 1px solid #ffed46; border-radius: 4px; border: 1px solid #ffed46; } #sec-primary .sec-notice-alert p { margin: 0; font-size: 14px; font-weight: 600; color: #000; line-height: 1.5; } #sec-wizard-one-to-one-submitsion .sec-credit-form-session label { margin: 0; } #sec-wizard-one-to-one-submitsion .sec-credit-form-session { margin-top: 20px; } #sec-primary .sec-credit-form-session .sec-notice-alert { margin-top: 0; } #sec-primary .sec-credit-form-session .sec-notice-alert p { margin: 0; } #sec-primary .sec-credit-form-session .sec-session-available-notice.sec-notice-alert { width: 100%; margin-bottom: 20px; font-weight: 600;} #sec-primary .sec-credit-form-session .sec-session-available-notice.sec-notice-alert p{ font-weight: 600; } #sec-primary .sec-event-summary.sec-hide-border { border-bottom: none; margin-bottom: 0; } .sec-mb-20 { margin-bottom: 20px; } .sec-notice-alert.sec-event-already-booked.sec-mb-20 p { font-size: 18px; font-weight: 600; margin: 0; padding: 0; } /*#sec-calendar.fc .fc-daygrid-day.fc-day-other.fc-day-future .fc-daygrid-day-top{ display: none; } */ #sec-calendar.fc .fc-scrollgrid-sync-inner { padding: 0; } #sec-primary #sec-calendar .fc-daygrid-day:not(.fc-day-other) { height: 80px; } body #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-credit-available-notice p, #sec-primary .sec-credit-available-notice { display: block; font-size: 16px; margin: 0; font-weight: 600; color: var(--sec-heading-color); } #sec-primary .sec-sub-text-wrapper { font-weight: 400; display: block; margin-top: 2px; } /*Side Popup*/ #sec-side-popup .sec-popup-sidebar-main { display: none; } #sec-side-popup .sec-popup-sidebar-main.sec-expanded { display: block; } #sec-side-popup .sec-popup-sidebar-container { position: fixed; height: 100%; width: 750px; background-color: #FFF; right: -250px; opacity: 0; z-index: 999; top: 0; box-shadow: -4px 0px 40px rgba(26, 26, 73, 0); transition: all .25s cubic-bezier(.05,.03,.35,1); max-width: 100%; } .admin-bar #sec-side-popup .sec-popup-sidebar-container { top: 32px; } #sec-side-popup .sec-popup-sidebar-main.sec-expanded .sec-popup-sidebar-container { z-index: 99; right: 0; opacity: 1; box-shadow: -4px 0px 40px rgba(26, 26, 73, 0.2); } #sec-side-popup .sec-popup-sidebar-main.sec-expanded .sec-popup-sidebar-container { z-index: 9999; } #sec-side-popup .sec-popup-sidebar-main.sec-expanded:before { content: ''; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 9999; } #sec-side-popup .sec-popup-sidebar-main .sec-modal-start { height: 100vh; display: flex; flex-flow: column nowrap; } .admin-bar #sec-side-popup .sec-popup-sidebar-main .sec-modal-start { height: calc(100vh - 32px); } #sec-side-popup .sec-popup-sidebar-main header.sec-modal-header { display: flex; flex-direction: column; color: #fff; flex-grow: 0; flex-shrink: 0; background: #000; padding: 0; } #sec-side-popup .sec-popup-sidebar-main .sec-modal-header-inner { display: flex; align-items: center; justify-content: space-between; padding: 20px 10px; } #sec-side-popup .sec-popup-sidebar-main .sec-modal-header-inner h2 { color: #fff; font-size: 20px; font-weight: 700; margin: 0; font-family: var(--sec-google-font), "seccustomfont", "SegoeUI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; } #sec-side-popup .sec-popup-sidebar-main .sec-modal-header-inner h2 p { color: var(--sec-text-color); } #sec-side-popup .sec-popup-sidebar-main .sec-delete-icon { cursor: pointer; } #sec-side-popup .sec-popup-sidebar-main .sec-close-btn { cursor: pointer; color: #fff; text-decoration: none; outline: none; box-shadow: none; } #sec-side-popup .sec-popup-sidebar-main .sec-close-btn svg{ fill: #fff; } #sec-side-popup .sec-popup-sidebar-main .sec-modal-header-inner .sec-delete-icon span.dashicons.dashicons-no-alt { font-size: 25px; line-height: 1; width: 25px; height: 25px; } #sec-side-popup .sec-popup-sidebar-main .sec-popup-content-wrapper { padding: 10px 20px; } #sec-side-popup .sec-popup-sidebar-main .sec-popup-body-wrapper { flex: 1 1 100%; min-height: auto; overflow: auto; padding: 0; position: relative; } #sec-side-popup .sec-popup-sidebar-main .sec-gray-bg-box { background: #f4f4f4; padding: 5px 15px 15px; border-radius: 5px; } #sec-side-popup .sec-popup-sidebar-main .sec-gray-bg-box.sec-gray-bg-box { margin-bottom: 25px; } #sec-side-popup .sec-popup-sidebar-main .sec-form-group > label { padding: 0 12px 4px 0; font-weight: 600; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: middle; display: block; margin-bottom: 5px; } #sec-side-popup .sec-popup-sidebar-main .sec-form-group .sec-input-field { padding: 10px 10px; border-radius: 3px; border: 1px solid #cbd6e2; font-size: 16px; transition: all .15s ease-out; background-color: #f5f8fa; color: #33475b; display: block; min-height: 40px; line-height: 22px; text-align: left; vertical-align: middle; width: 100%; margin-right: 0; margin-left: 0; } #sec-side-popup .sec-popup-sidebar-main .sec-error { color: red; font-weight: 600; font-size: 14px; margin-top: 5px; padding: 7px 10px; border: 1px solid; max-width: max-content; margin-top: 10px; font-size: 16px; display: none; } #sec-side-popup .sec-popup-sidebar-main footer.sec-popup-footer-wrapper { flex-grow: 0; flex-shrink: 0; color: #33475b; padding: 15px 20px; text-align: center; background-color: #f5f8fa; border-top: 1px solid #cbd6e2; z-index: 1; } #sec-side-popup .sec-popup-sidebar-main .sec-popup-btn-footer { display: flex; gap: 10px; justify-content: center; align-items: center; } #sec-side-popup .sec-post-content-popup { padding: 20px; } .sec-payment-methods-not-found { background: #ffeaea; color: red; padding: 10px; line-height: 1.3; margin-top: 10px; border-radius: 5px; font-size: 16px; } .sec-payment-methods-not-found p { margin: 0; } #sec-primary .sec-table tr td.sec-no-record-data-msg { text-align: center; font-size: 18px; color: #ff6969; background: #ffefef; border-color: transparent; padding: 80px; } #sec-primary .sec-menu-dropdown li i.fa, #sec-primary .sec-menu-dropdown li i.fas { display: none; } #sec-alert-msg-box-event.sec-modal, #sec-alert-msg-box.sec-modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); } #sec-alert-msg-box-event .sec-modal-content, #sec-alert-msg-box .sec-modal-content { position: relative; background-color: #fefefe; margin: 15% auto; padding: 20px; border: 4px solid var(--sec-primary-background-color); width: 80%; max-width: 500px; border-radius: 5px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } #sec-alert-msg-box-event *, #sec-alert-msg-box *{ font-family: var(--sec-google-font), "seccustomfont", "SegoeUI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; } #sec-alert-msg-box-event .sec-close, #sec-alert-msg-box .sec-close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; line-height: 1; position: absolute; top: -16px; right: -6px; background: dimgrey; width: 30px; height: 30px; border-radius: 30px; display: flex; justify-content: center; align-items: center; font-family: sans-serif; font-weight: 300; color: #fff; } #sec-alert-msg-box-event .sec-close:hover, #sec-alert-msg-box .sec-close:hover, #sec-alert-msg-box .sec-close:focus { color: #fff; text-decoration: none; cursor: pointer; } #sec-alert-msg-box-event .sec-modal-text, #sec-alert-msg-box .sec-modal-text { line-height: 1.6; } #sec-alert-msg-box-event .sec-modal-text a, #sec-alert-msg-box .sec-modal-text a { color: #007bff; text-decoration: none; } #sec-alert-msg-box-event .sec-modal-text a:hover, #sec-alert-msg-box .sec-modal-text a:hover { text-decoration: underline; } #sec-alert-msg-box-event .sec-modal-content h2, #sec-alert-msg-box .sec-modal-content h2 { font-size: 18px; padding: 0; margin: 0; } #sec-alert-msg-box-event .sec-modal-content .sec-modal-text p, #sec-alert-msg-box .sec-modal-content .sec-modal-text p { font-size: 17px; padding: 0; margin-top: 0; margin-bottom: 10px; } #sec-alert-msg-box-event .sec-modal-content .sec-modal-text p:last-child, #sec-alert-msg-box .sec-modal-content .sec-modal-text p:last-child { margin-bottom: 0; } #sec-alert-msg-box-event * { box-sizing: border-box; } #sec-alert-msg-box-event a.sec-btn.sec-access-btn { background: var(--sec-primary-background-color); color: var(--sec-primary-text-color); padding: 10px; line-height: 1; width: 100%; display: block; text-align: center; margin: 0; text-decoration: none; border-radius: 5px; transition: transform .2s; font-size: 17px; } #sec-alert-msg-box-event a.sec-btn.sec-access-btn:hover { transform: scale(1.01); } #sec-alert-msg-box-event .sec-action-btn {margin-top: 20px;} #sec-alert-msg-box-event .sec-model-heading-content { display: flex; align-items: center; gap: 10px; } #sec-alert-msg-box-event .sf-model-heading { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid gainsboro; padding-bottom: 10px; margin-bottom: 10px; } #sec-alert-msg-box-event .sec-model-heading-icon { position: relative; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: var(--sec-primary-background-color); } #sec-alert-msg-box-event h3.sec-section-heading { margin: 0; padding: 0; font-size: 20px; font-weight: 600; } #sec-alert-msg-box-event .sec-model-heading-icon svg { fill: var(--sec-primary-text-color); } #sec-alert-msg-box-event .sec-action-btn { width: max-content; margin-left: auto; } #sec-alert-msg-box-event .sec-announcement-popup-footer { border-top: 1px solid gainsboro; margin-top: 20px; } #sec-side-popup .sec-group-event-wizard-container { padding: 20px; } #sec-side-popup .sec-event-card { width: 100%; max-width: 100%; background-color: #ffffff; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); overflow: hidden; } #sec-side-popup .sec-event-image { width: 100%; height: 250px; object-fit: cover; object-fit: var(--sec-feature-image-height); height: var(--sec-feature-image-height-dynamic); } #sec-side-popup .sec-event-details { padding: 20px; } #sec-side-popup .sec-event-name { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 10px; } #sec-side-popup .sec-event-date-time { display: flex; justify-content: space-between; margin-bottom: 15px; } #sec-side-popup .sec-date-time-item { background-color: #f0f0f0; border-radius: 4px; padding: 10px; font-size: 14px; color: #555; } #sec-side-popup .sec-event-description p, #sec-side-popup .sec-event-description div{ font-size: 16px; color: #666; line-height: 1.6; margin-bottom: 10px; padding-bottom: 0; } #sec-side-popup .sec-event-description { padding-top: 10px; background: #f9f9f9; padding: 10px; font-size: 16px; border-radius: 5px; } #sec-side-popup .sec-book-button { background-color: var(--sec-primary-background-color); color: var(--sec-primary-text-color);; border: none; padding: 12px 24px; font-size: 16px; font-weight: bold; border-radius: 4px; cursor: pointer; transition: background-color 0.3s; } #sec-side-popup .sec-book-button:hover { background-color: var(--sec-secondary-background-color); color: var(--sec-secondary-text-color); } #sec-side-popup .sec-group-event-footer { display: flex; justify-content: space-between; padding-top: 20px; margin-top: 20px; } #sec-side-popup .sec-event-description p:last-child { margin-bottom: 0; } .sec-bb-wrapper { display: flex; align-items: center; justify-content: space-between; } .sec-bb-wrapper a.slc-show-slc-localtime { font-size: 14px; text-decoration: none; border-bottom: 1px solid; color: #000; } #sec-notification-modal #sec-events-template .sec-event-heading { padding: 0; margin-bottom: 10px; } #sec-notification-modal #sec-events-template h1.sec-events-single-event-title { font-size: 25px; font-weight: 700; } #sec-wizard-one-to-one-submitsion .sec-group-event-wizard-wrapper .sec-content-details .sec-checkbox-wrapper p { margin-bottom: 5px; font-size: 15px; margin-top: 0; padding-bottom: 0; padding-top: 0; line-height: 1.4; color: var(--sec-text-color); } body #sec-primary .sec-group-event-wizard-wrapper .sec-wrapper-wizard-content {padding: 20px;} #sec-side-popup #sec-booking-info-modal .sec-popup-sidebar-container { width: 770px; } #sec-primary .sec-group-event-wizard-wrapper .sec-form-group .sec-checkbox-wrapper { } #sec-wizard-one-to-one-submitsion .sec-checkout-main-wrapper .sec-form-group .sec-multiple-checkbox.sec-checkout-terms-checkbox label:before { top: -3px; transform: unset; } #sec-wizard-one-to-one-submitsion .sec-checkout-main-wrapper .sec-form-group .sec-multiple-checkbox.sec-checkout-terms-checkbox label:after { transform: rotate(45deg) translate(0, 0); top: 1px; } #sec-primary .sec-group-event-wizard-wrapper .sec-form-custom-group-wrapper { background: #f1f1f178; } #sec-primary .sec-group-event-wizard-wrapper .sec-form-custom-group-wrapper .sec-form-group {margin-bottom: 30px;} #sec-primary .sec-group-event-wizard-wrapper .sec-form-group .sec-radio-wrapper { margin-top: 10px; } #sec-primary .sec-group-event-wizard-wrapper .sec-event-desc-heading { margin-bottom: 8px; font-size: 16px; color: #333; } @media (max-width: 768px) { #sec-calendar .fc-header-toolbar { flex-direction: column; } #sec-calendar .fc-toolbar-chunk { margin-bottom: 15px; } #sec-calendar .fc-daygrid-day { min-height: 80px; } } /*Thank you page*/ #sec-primary .sf-center-text-thank-you.sec-thank-you-same-line { display: flex; justify-content: center; gap: 14px; align-items: center; } #sec-primary .sec-gwizard-step .sf-center-text-thank-you.sec-thank-you-same-line .sec-content-for-thank-you h2, #sec-primary .sec-gwizard-step .sf-center-text-thank-you .sec-content-for-thank-you p { text-align: left; } .sec-content-for-thank-you h2 { text-align: left; } #sec-primary .sec-gwizard-step .sf-center-text-thank-you.sec-thank-you-same-line .sec-content-for-thank-you h2 { font-size: 20px; line-height: 1; margin: 5px 0; } #sec-primary .sec-gwizard-step .sf-center-text-thank-you.sec-thank-you-same-line .sec-content-for-thank-you p { padding-bottom: 0; margin: 0; } #sec-primary .sec-gwizard-step .sf-center-text-thank-you.sec-thank-you-same-line .sec-swal-icon { margin: 0; } body #sec-primary .sec-gwizard-screen-summary .sec-wrapper-wizard-content { padding: 40px 20px; background: #f6f6f6; border-radius: 5px; } .sec-event-booking-wrapper:not(.sec-menu-on-top) .sec-wizard-tab-menu .sec-wizard-navigation-link.sec-active:not(.sec-current) { background: transparent; color: var(--sec-oneoneone-navigation-link-color); } .sec-event-booking-wrapper:not(.sec-menu-on-top) .sec-wizard-tab-menu .sec-wizard-navigation-link.sec-active:not(.sec-current) .sec-wizard-navigation-icon svg{ /* opacity: 0;*/ } .sec-event-booking-wrapper:not(.sec-menu-on-top) .sec-wizard-tab-menu .sec-wizard-navigation-link.sec-active:not(.sec-current) .sec-wizard-navigation-icon{ position: relative; color: #fff; } .sec-event-booking-wrapper:not(.sec-menu-on-top) .sec-wizard-tab-menu .sec-wizard-navigation-link.sec-active:not(.sec-current) .sec-wizard-navigation-icon::before { content: ''; display: inline-block; width: 24px; height: 24px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: var(--sec-oneoneone-navigation-selected-background-color); mask-image: url('../images/checked.svg'); mask-size: cover; -webkit-mask-image: url('../images/checked.svg'); -webkit-mask-size: cover; } #sec-primary .sec-group-event-wizard-container .sec-events.sec-common { max-width: 600px; margin-left: auto; margin-right: auto; } /*Iframe*/ .sec-iframe-wrapper iframe { border: none; outline: none; padding: 0; margin: 0; } #sec-primary .sec-event-booking-message { background: #cdefff; color: #000; padding: 10px 15px; margin-bottom: 10px; border-radius: 5px; width: max-content; border-left: 5px solid #03A9F4; max-width: 100%; } #sec-primary .sec-event-booking-message p { margin: 0; color: inherit; font-size: 14px; font-weight:600; } #sec-primary .sec-my-booking-container { max-width: 1200px; margin: 40px auto; padding: 30px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } #sec-primary .sec-my-booking-header {font-size: 28px !important; font-weight: 600 !important; margin: 0 !important; color: var(--sec-primary-background-color) !important; padding: 0 !important; } #sec-primary .sec-filters { display: flex; gap: 15px; margin-bottom: 30px; flex-wrap: wrap; justify-content: flex-end; } #sec-primary .sec-input { max-width: 250px; min-width: 200px; padding: 12px 15px; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 15px; transition: all 0.3s ease; } #sec-primary .sec-input:focus { outline: none; box-shadow: 0 0 0 2px rgba(0, 210, 255, 0.2); } #sec-primary .sec-table { width: 100%; border: none; border-collapse: separate; border-spacing: 0 10px; } #sec-primary .sec-table th { background-color: #f0f4f8; color: #4a5568; font-weight: 600; font-size: 14px; border: none; letter-spacing: 1px; padding: 15px; text-align: left; } #sec-primary .sec-table td { background-color: white; padding: 20px 15px; font-size: 14px; border-left: none; border-right: none; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; } #sec-primary .sec-table tr td:first-child { border-left: 1px solid #e2e8f0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } #sec-primary .sec-table tr td:last-child { border-right: 1px solid #e2e8f0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } #sec-primary .sec-expand-btn { cursor: pointer; font-size: 20px; color: var(--sec-primary-text-color); background-color: var(--sec-primary-background-color); width: 30px; height: 30px; display: flex; align-items: flex-end; justify-content: center; line-height: 30px; border-radius: 30px; font-family: sans-serif; font-weight: 300; font-size: 24px; padding: 0; } #sec-primary .sec-status { width: 10px; height: 10px; background-color: #48bb78; border-radius: 50%; display: inline-block; margin-right: 5px; } #sec-primary .sec-class-name { font-weight: 500; } #sec-primary .sec-class-date { font-size: 14px; color: #718096; line-height: 1; font-weight: 400; margin-top: 10px; } #sec-primary .sec-booking-details { display: none; } #sec-primary .sec-details-container { background-color: #f9f9f9; padding: 20px; border-radius: 8px; margin-top: 10px; } #sec-primary .sec-details-container h2 { font-size: 16px!important; color: #777!important; margin-bottom: 15px!important; border-bottom: 1px solid gainsboro!important; padding-bottom: 10px!important; } #sec-primary .sec-details-container h3 {font-size: 20px; margin-top: 0; margin-bottom: 15px; font-weight: 600;} #sec-primary .sec-status-tag { display: inline-block; padding: 3px 10px; background-color: #ffeeba; color: #856404; border-radius: 4px; font-size: 12px; vertical-align: middle; } #sec-primary span.sec-status-tag span { color: #856404!important; } #sec-primary .sec-details-grid, #sec-primary .sec-payment-grid { display: flex; gap: 40px; margin-top: 20px; } #sec-primary .sec-label { color: #777; display: block; margin-bottom: 5px; } #sec-primary .sec-value { font-weight: 500; } #sec-primary .sec-profile-img { width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; vertical-align: middle; } #sec-primary .sec-payment-details { margin-top: 0; } .sec-event-details-info { display: flex; justify-content: space-between; align-items: flex-start; } #sec-primary .sec-payment-details h4, #sec-primary .sec-grid-text-wrapper h4 { font-size: 20px!important; margin-top: 0!important; margin-bottom: 15px!important; font-weight: 600!important; } #sec-primary .sec-paid { color: #28a745; } #sec-primary .sec-amount { color: var(--sec-primary-background-color); } #sec-primary .sec-download-btn { display: inline-flex; align-items: center; background-color: #fff; border: 1px solid var(--sec-primary-background-color); color: var(--sec-primary-background-color); padding: 8px 15px; border-radius: 4px; cursor: pointer; font-size: 14px; margin-top: 20px; } #sec-primary .sec-download-btn img { width: 16px; margin-right: 5px; } #sec-primary .sec-pagination { display: flex; justify-content: center; margin-top: 30px; } #sec-primary .sec-page-button { background-color: white; color: var(--sec-primary-background-color); border: 1px solid #e2e8f0; padding: 8px 16px; margin: 0 5px; border-radius: 6px; cursor: pointer; transition: all 0.3s ease; } #sec-primary .sec-page-button:hover, #sec-primary .sec-page-button.active { background-color: var(--sec-primary-background-color); color: white; } #sec-primary .sec-my-booking-content { display: none;} #sec-primary .sec-my-events-content { display: none;} #sec-primary .sec-my-booking-content.sec-active{ display: block;} #sec-primary .sec-my-events-content.sec-active{ display: block;} #sec-primary .sec-my-booking-header-menu ul { padding: 0; display: flex; gap: 22px; font-size: 16px; } #sec-primary .sec-my-booking-header-menu ul li { margin: 0; cursor: pointer; font-weight: 600; border-bottom: 1px solid transparent; padding: 5px 0; color: #626262; } #sec-primary .sec-booking-heading { display: flex; align-items: center; justify-content: space-between; } #sec-primary .sec-booking-heading { margin-bottom: 20px; border-bottom: 1px solid gainsboro; padding-bottom: 10px; } #sec-primary .sec-my-booking-header-menu ul li.sec-my-booking-navmenu.sec-active { color: var(--sec-primary-background-color); border-color: var(--sec-primary-background-color); } #sec-primary .sec-table td .sec-booking-status{ font-weight: 600; } #sec-primary .sec-form-group { margin-bottom: 1rem; } #sec-primary .sec-form-group label { display: block; margin-bottom: 7px; color: #555; font-weight: 600; line-height: 1; } #sec-primary .sec-form-group input, #sec-primary .sec-form-group textarea { width: 100%; padding: 10px; border: 1px solid #b6b6b6; border-radius: 4px; font-size: 16px; } #sec-primary .sec-form-group textarea { height: 100px; resize: vertical; } #sec-primary .sec-profile-form-row { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } #sec-primary .sec-form-group.sec-two-per-row { width: 50%; padding: 0 10px; } #sec-primary .sec-form-group.sec-one-per-row { width: 100%; padding: 0 10px; } #sec-primary .sec-form-group.sec-three-per-row { width: 33.33%; padding: 0 10px; } #sec-primary .sec-profile-save-btn { margin-left: auto; } #sec-primary form#secUpdateProfileForm { margin-top: 30px; } #sec-primary .sec-form-group input#sec-phone { padding: 10px 10px 10px 50px; } #sec-primary .sec-form-group .iti.iti--allow-dropdown { width: 100%; } #sec-primary .sec-action-menu { position: relative; display: inline-block; } #sec-primary .sec-menu-dropdown { display: none; position: absolute; right: 0; background-color: #ffffff; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; list-style-type: none; padding: 0; margin: 0; border-radius: 4px; } #sec-primary .sec-menu-dropdown li { color: #333; padding: 10px 16px; text-decoration: none; display: block; cursor: pointer; transition: background-color 0.3s; line-height: 1; font-size: 16px; font-weight: 500; border-bottom: 1px solid gainsboro; } #sec-primary .sec-menu-dropdown li:hover { background-color: #f1f1f1; } #sec-primary .sec-menu-dropdown li i { margin-right: 10px; color: #4A90E2; } #sec-primary .flexible-booking-container { margin: 20px auto; padding: 20px; background-color: whitesmoke; border-radius: 8px; position: relative;} #sec-primary .flexible-time-info { margin-bottom: 20px; } #sec-primary .time-info-item { display: flex; justify-content: space-between; margin-bottom: 10px; } #sec-primary .time-info-label { font-weight: bold; color: #5c5c5c; } #sec-primary .time-info-value { color: #0066cc; } #sec-primary .flexible-duration { text-align: center; } #sec-primary #sec-pick-flexible-duration { width: 100%; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; background-color: white; cursor: pointer; } #sec-primary #sec-pick-flexible-duration:focus { outline: none; border-color: #0066cc; box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.2); } #sec-primary .flexible-time-info { display: none; } #sec-primary .sec-timeslot-heading { text-align: left; margin-bottom: 5px; font-weight: 500; } #sec-primary .sec-timeslot-heading { display: flex; justify-content: space-between; } #sec-primary .sec-more-infobtn { color: var(--sec-link-color); font-weight: 500; cursor: pointer; } #sec-primary .sec-timeslot-heading label { font-weight: 600; } #sec-primary #sec-pick-flexible-duration { appearance: none; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAANZJREFUSEvt081pAlEUhuFHsIcEVBJMmggi9mEDggXYRlZu3KWUECRN+I+C6SGIHBhBYmbmuhBczF0O33zvOe/Mrbnxqd24XwUoNVwpun9FI3zgJ2fUB/TxnrdK0UceYow5etj9KWngEy8YYPIfpAjwiC+8Yo3OGSTKp3jCDF3srwVEPiDfeD6DxPNT+QpveeURTLkHzUxFG0vU0cIiU7ct+pVSAPF+QEJXbBInJg8theWpG5wGDEjo+k0tvxYQ+djggE3pDcsCqYpS+y5yFaBUXaWoVNERTkIfGckggW4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: right 1.2rem top 50%; background-size: 1.4rem auto; width: 100%; max-width: 200px; height: 45px; padding: 9px 10px; border-radius: 3px; font-size: 16px; outline: none; } #sec-primary #sec-pick-flexible-duration { text-align: left; display: block; } #sec-primary .flexible-time-info.sec-active { display: block; position: absolute; background: #fff; right: 20px; z-index: 99; top: 50px; padding: 10px; box-shadow: 0px 0px 23px -5px rgb(192 192 192 / 75%); border-radius: 8px; max-width: 340px; width: 100%; } #sec-primary .flexible-time-info .time-info-item:not(:last-child) { border-bottom: 1px solid gainsboro; padding-bottom: 5px; } /*New Calendar*/ #sec-primary .sec-event-booking-wrapper.sec-menu-on-left #calendar-container.sec-show-in-same-line .sec-calender-box-start { max-width: 560px; width: 100%; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-left #calendar-container.sec-show-in-same-line .sec-calendar-time-box-wrapper { width: 100%; max-width: 100%; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-left #calendar-container.sec-show-in-same-line .sec-calendar-time-box-wrapper .sec-time-list-main { position: relative; overflow: hidden; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-left #calendar-container.sec-show-in-same-line .sec-calendar-time-box-wrapper .sec-time-list-main .sec-listitem { width: calc(33.33% - 7px); } #sec-primary #calendar-container.sec-show-in-same-line .sec-time-list-main { background: transparent; } #sec-primary #calendar-container.sec-show-in-same-line .sec-calendar-time-box-wrapper { background: transparent; } #sec-primary #calendar-container .sec-calendar-wrapper td .sec-day-box.sec-day-box {margin: 5px 8px;padding: 0;width: auto;} #calendar-container .sec-calendar-wrapper table { border-spacing: 0; border: none; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top #calendar-container.sec-show-in-same-line .sec-time-list-main { background: var(--sec-oneoneone-calendar-bg-color); padding: 20px; } body #sec-primary .sec-event-booking-wrapper .sec-wizard-row-wrapper a.sec-wizard-navigation-link { color: var(--sec-oneoneone-navigation-link-color); line-height: 1.2; } body #sec-primary .sec-menu-on-left .sec-wizard-row-wrapper a.sec-wizard-navigation-link { color: var(--sec-left-navigation-link-color); } #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-sub-heading-wizard.sec-cal-content-sub-heading { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; margin-top: 10px; } /* #sec-primary .sec-wizard-screen-calendar .sec-services-info-detail { margin-bottom: 0; }*/ #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-sub-heading-wizard.sec-cal-content-sub-heading h2 { margin-bottom: 0; font-size: 17px; margin-top: 20px; } #sec-wizard-one-to-one-submitsion .sec-sub-heading-wizard span.sec-event-info-text { font-size: 20px; line-height: 1.4; color: var(--sec-heading-color); font-weight: 600; } #sec-wizard-one-to-one-submitsion .sec-sub-heading-wizard .sec-event-info-list-pickedtime span.sec-event-info-text { font-size: 14px; font-weight: 500; line-height: 14px; color: var(--sec-text-color); } body #sec-primary .sec-event-booking-wrapper.sec-menu-on-left a.sec-wizard-navigation-link.sec-active:not(.sec-current) { background: transparent !important; color: var(--sec-oneoneone-navigation-link-color) !important; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top { width: var(--sec-oneoneone-box-top-width); } #sec-primary .sec-menu-on-top .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-col.service-item { width: var(--sec-booking-calendar-grid-per-row-for-top); } #sec-primary .sec-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; } #sec-primary .sec-modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); width: 90%; max-width: 900px; margin: 0 auto; } #sec-primary .sec-modal-header { padding: 15px 20px; border-bottom: 1px solid #e5e5e5; } #sec-primary .sec-modal-header h2 { margin: 0; font-size: 19px; font-weight: 600; } #sec-primary .sec-modal-body { padding: 20px; min-height: 100px; overflow-y: auto; max-height: 80vh; } #sec-primary .sec-modal-footer { padding: 15px 20px; border-top: 1px solid #e5e5e5; text-align: right; gap: 10px; } #sec-primary .sec-modal-footer { display: flex; justify-content: flex-end; } #sec-primary .sec-modal #calendar-container { display: flex; flex-direction: row; align-content: flex-start; align-items: stretch; } #sec-primary .sec-modal .sec-calendar-time-box-wrapper { flex: 1; position: relative; } #sec-primary .sec-modal #calendar-time-box { display: flex; flex-direction: row; flex-wrap: wrap; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-x: hidden; height: 100%; gap: 10px; padding: 15px; background: #f3f3f3; overflow-y: auto; align-content: flex-start;} #sec-primary .sec-modal .sec-listitem { width: calc(50% - 5px); } #sec-primary .sec-modal .sec-calendar-time-box-wrapper .sec-time-list-btn-text { font-size: 14px; } #sec-primary .sec-modal #calendar-container button.sec-time-list-btn { width: 100%; margin: 0; } #sec-primary .sf-event-list-wrapper .sf-event-list.sec-full-width { display: block; } #sec-primary .sf-event-list-wrapper .sf-event-list.sec-full-width > strong { display: block; } #sec-primary .sf-event-list-wrapper .sf-event-list.sec-full-width > span.sec-zoom-meeting-link { display: block; margin-bottom: 8px; } #sec-primary button.sec-wizard-prev-btn.sec-btn svg { fill: var(--sec-oneonone-box-back-btn-text); } #sec-primary .sec-checkout-main-wrapper.sec-has-process-and-session-show > .sec-credit-form-process { border-bottom: 1px solid gainsboro; margin-bottom: 10px; } #sec-primary .sec-checkout-main-wrapper.sec-has-process-and-session-show > .sec-credit-form-process > .sec-credit-form-process { margin-bottom: 20px; } #sec-primary .sec-tab-info-text { background: var(--sec-custom-message-background); color: #000000; padding: 7px 10px; border-radius: 5px; line-height: 1; width: 100%; max-width: 100%; margin-bottom: 5px; margin-top: 6px; border: 1px solid var(--sec-custom-message-border); } #sec-primary .sec-tab-info-text p:last-child { margin-bottom: 0; } body #sec-primary #sec-wizard-one-to-one-submitsion .sec-tab-info-text p { margin-top: 0; padding: 0; line-height: 1.3; color: var(--sec-custom-message-text); font-size: 15px; } #sec-primary .sec-wizard-screen-summary .sec-tab-info-text { margin-top: 20px; } #sec-primary .sec-wizard-screen-payment .sec-tab-info-text { margin-bottom: 0; } #sec-primary .sec-wizard-screen-form .sec-tab-info-text { margin-bottom: 0; margin-top: 20px; } #sec-primary .sec-wizard-screen-calendar .sec-tab-info-text { margin-bottom: 0; margin-top: 20px; } #sec-primary .sec-wizard-screen-members .sec-tab-info-text { margin-bottom: 0; margin-top: 10px; } #sec-primary .sec-wizard-screen-services .sec-tab-info-text { margin-bottom: 0; } #sec-primary .sec-tab-info-text > .sec-tab-info-text { display: none; } #sec-primary .sec-error-message.sec-google-auth-error p { font-size: 15px; color: red; line-height: 1.3; font-weight: 500; margin: 0 0 10px 0; } #sec-primary .sec-error-message.sec-google-auth-error { background: #fff5f5; padding: 10px; border-radius: 5px; border: 1px solid #ff8484; } @media (max-width: 768px) { .sec-filters { flex-direction: column; } .sec-input, .sec-button { width: 100%; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px } 65% { width: 0; right: 46px; top: 54px } 84% { width: 55px; right: 0; top: 35px } to { width: 47px; right: 8px; top: 38px } } @keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } to { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px } 54% { width: 0; left: 1px; top: 19px } 70% { width: 50px; left: -8px; top: 37px } 84% { width: 17px; left: 21px; top: 48px } to { width: 25px; left: 14px; top: 45px } } @-webkit-keyframes rotate { 0% { transform: translate(-50%, -50%) rotateZ(0deg); } 100% { transform: translate(-50%, -50%) rotateZ(360deg); } } @keyframes rotate { 0% { transform: translate(-50%, -50%) rotateZ(0deg); } 100% { transform: translate(-50%, -50%) rotateZ(360deg); } } @-webkit-keyframes rotateccw { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(-360deg); } } @keyframes rotateccw { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(-360deg); } } @-webkit-keyframes secspin { 0%, 100% { box-shadow: 0.2em 0px 0 0px var(--sec-primary-background-color);; } 12% { box-shadow: 0.2em 0.2em 0 0 var(--sec-primary-background-color);; } 25% { box-shadow: 0 0.2em 0 0px var(--sec-primary-background-color);; } 37% { box-shadow: -0.2em 0.2em 0 0 var(--sec-primary-background-color);; } 50% { box-shadow: -0.2em 0 0 0 var(--sec-primary-background-color);; } 62% { box-shadow: -0.2em -0.2em 0 0 var(--sec-primary-background-color);; } 75% { box-shadow: 0px -0.2em 0 0 var(--sec-primary-background-color);; } 87% { box-shadow: 0.2em -0.2em 0 0 var(--sec-primary-background-color);; } } @keyframes secspin { 0%, 100% { box-shadow: 0.2em 0px 0 0px var(--sec-primary-background-color);; } 12% { box-shadow: 0.2em 0.2em 0 0 var(--sec-primary-background-color);; } 25% { box-shadow: 0 0.2em 0 0px var(--sec-primary-background-color);; } 37% { box-shadow: -0.2em 0.2em 0 0 var(--sec-primary-background-color);; } 50% { box-shadow: -0.2em 0 0 0 var(--sec-primary-background-color);; } 62% { box-shadow: -0.2em -0.2em 0 0 var(--sec-primary-background-color);; } 75% { box-shadow: 0px -0.2em 0 0 var(--sec-primary-background-color);; } 87% { box-shadow: 0.2em -0.2em 0 0 var(--sec-primary-background-color);; } } /*Responsive*/ @media (min-width: 991px) { #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu { width: 100%; margin-right: 0; margin-bottom: 40px; box-shadow: none; background: transparent; padding: 0; display: flex; gap: 0; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-row-wrapper { display: flex; flex-direction: column; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top #sec-wizard-one-to-one-submitsion .sec-wizard {width: 100%;} #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-gwizard-navigation-link.sec-active svg, #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-gwizard-navigation-link:hover svg, #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-wizard-navigation-link.sec-active svg, #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-wizard-navigation-link:hover svg { fill: var(--sec-primary-background-color); } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-gwizard-navigation-link, #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-wizard-navigation-link { margin-bottom: 0; padding: 0; font-size: 16px; display: flex; width: calc(20% - 15px); align-items: center; gap: 0; position: relative; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu.sec-has-6-tab a.sec-wizard-navigation-link { max-width: calc(16.6666667%); } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu { display: flex; justify-content: space-between; align-items: flex-start; padding: 0; position: relative; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu.sec-has-6-tab a.sec-wizard-navigation-link, body #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-gwizard-navigation-link, body #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-navigation-link { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #333; position: relative; z-index: 1; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-navigation-icon { width: 50px; height: 50px; background-color: var(--sec-oneoneone-navigation-background-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; transition: background-color 0.3s ease; position: relative; z-index: 1; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-navigation-icon svg { width: 24px; height: 24px; fill: var(--sec-oneoneone-navigation-link-color); transition: fill 0.3s ease; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .bpa-front-tm--item-label { font-size: 14px; text-align: center; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-gwizard-navigation-link.sec-active .sec-wizard-navigation-icon, #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-navigation-link.sec-active .sec-wizard-navigation-icon { background-color: var(--sec-primary-background-color); } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu::before { content: ''; position: absolute; top: 25px; left: calc(10%); right: calc(10%); height: 2px; background-color: #333; z-index: 0; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-gwizard-tab-menu .sec-wizard-navigation-link.sec-active::after, #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu .sec-wizard-navigation-link.sec-active::after { /*content: '';*/ position: absolute; top: 25px; left: 50%; width: 100%; height: 2px; background-color: var(--sec-primary-background-color); z-index: 0; transition: width 0.3s ease; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu .sec-wizard-navigation-link.sec-active:last-child::after { display: none; } #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .bpa-front-tm--item-label {font-weight: 500;font-size: 16px; line-height: 1.2;} #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-gwizard-navigation-link.sec-active svg, #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-wizard-navigation-link.sec-active svg {fill: var(--sec-primary-text-color);} #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-gwizard-navigation-link.sec-active, #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-gwizard-navigation-link:hover, #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-wizard-navigation-link.sec-active, #sec-primary .sec-event-booking-wrapper.sec-menu-on-top .sec-wizard-tab-menu a.sec-wizard-navigation-link:hover { background: transparent!important; color: var(--sec-primary-background-color)!important; outline: none; } } @media (max-width: 768px) { #sec-primary .sec-wizard-row-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0; } #sec-primary .sec-wizard-tab-menu { width: 100%; margin-bottom: 20px; margin-right: 0; padding: 10px; } #sec-wizard-one-to-one-submitsion .sec-wizard { width: 100%; } #sec-primary .sec-member-listing .sec-col-member-item { width: calc(50% - 10px); } #sec-primary .sec-list-wrapper-box { flex-direction: row; flex-wrap: wrap; } #sec-wizard-one-to-one-submitsion .sec-wizard-step .sec-sub-heading-wizard h2 { font-size: 18px; } #sec-primary #calendar-container .sec-time-list-main .sec-listitem { width: calc(50% - 10px); } #sec-primary .sf-event-list-wrapper .sf-event-list { width: 100%; } #sec-primary .sf-event-list-wrapper .sf-event-details { gap: 0; } body #sec-primary .sec-wrapper-wizard-content { padding: 10px; } #sec-primary #sec-wizard-one-to-one-submitsion .sec-wizard-content { max-height: unset; } #sec-primary .sec-my-booking-table { overflow-y: scroll; } #sec-primary .sec-table td { padding: 8px; text-align: center; } #sec-primary .sec-table th { min-width: 100px; } #sec-primary .sec-table th:first-child { min-width: 50px; } #sec-primary .sec-table th:nth-child(3) { min-width: 150px; } #sec-primary .sec-table th:nth-child(2) { min-width: 150px; } #sec-primary .sec-table th:last-child { min-width: 50px; } #sec-primary .sec-input { max-width: 100%; } #sec-primary .sec-filters { display: flex; } #sec-primary button#applyFilters { display: block; } #sec-primary .sec-booking-heading { display: flex; flex-direction: column; gap: 20px; } #sec-primary .sec-my-booking-header-menu ul { gap: 0px 10px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } #sec-primary .sec-form-group.sec-two-per-row { width: 100%; } #sec-calendar button#applyOrderFilters { display: block; } #sec-primary button#applyOrderFilters { display: block; } } @media (max-width: 767px) { #sec-primary #sec-calendar-wrapper .fc .fc-col-header-cell-cushion{ font-size: 12px; font-weight: 500; } #sec-wizard-one-to-one-submitsion.sec-event-no-sidebar .sec-wizard {zoom: 0.8;} #calendar-container .sec-calendar-wrapper th { font-weight: 500; } #sec-primary .sec-event-search { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } #sec-events-template .sec-event-heading .sec-event-schedule-long h2{ line-height: 1.4; } #sec-primary .sec-date-range { display: none; } #sec-primary #sec-calendar-wrapper .sec-event-box-calendar { display: none; } #sec-primary #sec-calendar-wrapper a.fc-event.fc-event-start.fc-event-end { width: 10px; height: 10px; border-radius: 100%; margin: auto; border: 5px solid; background: transparent; padding: 0; } #sec-calendar .tippy-box { max-width: 100%!important; width: 250px!important; } #sec-side-popup .sec-popup-sidebar-main .sec-modal-header-inner h2 { font-size: 16px; } #sec-events-template .sec-event-heading .sec-event-schedule-short { display: none; } #sec-events-template .sec-event-heading .sec-event-schedule-long { padding-left: 0; } #sec-side-popup #sec-events-template h1.sec-events-single-event-title { font-size: 16px; } .sec-event-description { font-size: 14px; } #sec-events-template .sec-event-heading .sec-event-schedule-long h2 { font-size: 13px; } #sec-primary #sec_add_calender_links a.sec-add-to-calender { width: 100%; justify-content: center; } #sec-primary #sec_add_calender_links li { width: 100%; text-align: center; } #sec-booking-info-modal .sec-gwizard-step .sf-center-text-thank-you.sec-thank-you-same-line .sec-content-for-thank-you p { line-height: 1.2; font-size: 14px; } #sec-booking-info-modal .sec-gwizard-step .sf-center-text-thank-you.sec-thank-you-same-line .sec-content-for-thank-you h2 { font-size: 18px; } #sec-primary .sec-swal-icon { zoom: 0.5; } #sec-primary .sec-event-date { display: none; } #sec-primary .sec-event-card { flex-direction: column-reverse; } #sec-primary .sec-event-image-for-list { padding: 0; width: 100%; } #sec-primary .sec-dropdown-content a[data-view="list"] { display: none; } #sec-primary .sec-data-append-wrapper { padding: 20px; } #sec-primary .sec-menu-on-top .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-col.service-item, #sec-primary .sec-event-grid-view-active .sec-event-card-row { width: 100%; } #sec-calendar .sec-btn, #sec-primary .sec-btn { font-size: 14px; } #sec-primary .sec-cal-pricing-service-items-row.sec-services-grid .sec-cal-pricing-si-col.service-item {width: 100%;} #sec-primary #calendar-container.sec-show-in-same-line .sec-calender-box-start { width: 100%; max-width: 100%; } #sec-primary #calendar-container.sec-show-in-same-line .sec-calendar-time-box-wrapper { width: 100%; } #sec-primary #calendar-container.sec-show-in-same-line .sec-time-list-main { position: relative; } #sec-wizard-one-to-one-submitsion .sec-two-column-field .sec-form-group { width: 100%; } #sec-wizard-one-to-one-submitsion .sec-two-column-field { display: flex; flex-direction: row; flex-wrap: wrap; } #sec-primary .sf-event-list-wrapper .sf-event-list.sec-full-width a { width: 100%; word-wrap: break-word; overflow-wrap: break-word; display: block; } #sec-primary .sf-event-list-wrapper .sf-event-list.sec-full-width span { display: block; width: 100%; } #sec-primary .sf-event-list-wrapper .sf-event-list.sec-full-width { display: block; } #sec-primary .sf-event-list-wrapper .sf-event-list.sec-full-width strong { display: block; } #sec-primary #sec-payment-method .sec-payment-option { width: 100%; } #sec-primary #sec-payment-method { display: flex; flex-direction: row; flex-wrap: wrap; } #sec-primary .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { min-height: unset; } #sec-primary #sec-calendar .fc-daygrid-day-number {font-size: 12px;padding: 0 5px;} #sec-primary #sec-calendar .fc-day-today .fc-daygrid-day-number { width: auto; padding: 0; height: auto; background: transparent; color: var(--sec-primary-background-color); } #sec-primary #sec-calendar .fc-daygrid-day { min-height: 50px!important; height: 50px!important; } #sec-primary .sec-date-navigation { display: flex; flex-direction: column; align-content: flex-end; position: relative; } #sec-primary .sec-event-search { gap: 10px 0; } #sec-primary .sec-dropdown-toggle { margin-left: 0; } #sec-primary .sec-nav-arrows { position: absolute; bottom: 0; right: 0; } #sec-primary #sec-calendar .fc-header-toolbar .fc-toolbar-chunk { margin-bottom: 0; } #sec-primary .sec-modal #calendar-container { display: flex; flex-direction: row; flex-wrap: wrap; zoom: 0.7; } #sec-primary .sec-modal #calendar-container .sec-calender-box-start { padding: 0; } #sec-primary .sec-modal-body { padding: 10px; } #sec-primary .sec-modal #calendar-time-box { position: relative; } } .sec-cal-main-heading.sec-cal-has-dropdown { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .sec-cal-main-heading.sec-cal-has-dropdown .sec-category-select.sec-input-wrapper-field { width: 200px; } .sec-cal-main-heading.sec-cal-has-dropdown .sec-services-info-row { flex: 1; } .sec-cal-main-heading.sec-cal-has-dropdown span.select2.select2-container.select2-container--default { width: 200px!important; } .sec-cal-main-heading.sec-cal-has-dropdown .js-select2-wrapper { width: 100%; } .sec-cal-main-heading.sec-cal-has-dropdown .select2-results__option { font-size: 15px; } body .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; } body .select2-container--default .select2-results__option { margin: 0; padding: 7px 5px; font-size: 14px; line-height: 1.4; } body .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } #sec-primary .sec-msg-box-error-not-allow .message-box { font-size: 14px; font-weight: 500; } #sec-primary .sec-msg-box-error-not-allow .sec-error-wrapper .icon-box svg { width: 22px; height: 22px; } #sec-primary .sec-msg-box-error-not-allow .sec-error-wrapper .error-container { padding: 10px; width: 100%; } #sec-primary .sec-event-error-msg-start { max-width: calc(100% + 30px); background: #fdf9f8; border: 1px solid #f9edec; border-radius: 8px; padding: 12px; margin: -15px; } #sec-primary .sec-event-tooltip-image-wrapper { margin-bottom: 12px; border-radius: 6px; overflow: hidden; } #sec-primary .sec-event-tooltip-image { width: 100%; height: auto; display: block; object-fit: cover; } #sec-primary .sec-event-tooltip-title { margin: 0 0 8px 0; font-size: 16px; line-height: 1.4; } #sec-primary .sec-event-tooltip-title-link { color: #cf1322; text-decoration: none; font-weight: 600; } #sec-primary .sec-event-tooltip-title-link:hover { text-decoration: underline; } #sec-primary .sec-event-tooltip-datetime { font-size: 13px; color: #666; margin-bottom: 8px; line-height: 1.4; } #sec-primary .sec-event-error-description { background: #fff; border-radius: 4px; padding: 8px; border: 1px solid #ffccc7; } #sec-primary .sec-event-msg-content { color: #cf1322; font-size: 14px; line-height: 1.5; } #sec-primary .sec-event-error-content { padding: 0 4px; } @media (max-width: 280px) { #sec-primary .sec-event-tooltip-title { font-size: 14px; } #sec-primary .sec-event-tooltip-datetime { font-size: 12px; } #sec-primary .sec-event-msg-content { font-size: 13px; } }