#tax-calendar-widget {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 18px;
margin-top: 18px;
}
#tax-calendar-widget .calendar-btn-row {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}
#tax-calendar-widget .calendar-btn-row.with-text {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
#tax-calendar-widget .calendar-text {
margin: 0;
flex: 1 1 420px;
font-size: 16px;
line-height: 1.45;
color: #091E3E;
text-align: right;
}
#tax-calendar-widget .calendar-google-slot {
width: auto !important;
max-width: max-content !important;
flex: 0 0 auto !important;
display: inline-flex !important;
justify-content: flex-end !important;
align-items: center !important;
}
#tax-calendar-widget .calendar-google-slot > * {
width: auto !important;
max-width: max-content !important;
flex: 0 0 auto !important;
}
#tax-calendar-widget .calendar-google-slot button,
#tax-calendar-widget .calendar-google-slot a,
#tax-calendar-widget .calendar-google-slot [role="button"] {
width: auto !important;
max-width: max-content !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 0 !important;
border-radius: 4px !important;
padding: 10px 18px !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap !important;
text-align: center !important;
cursor: pointer !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
#tax-calendar-widget .blue-slot button,
#tax-calendar-widget .blue-slot a,
#tax-calendar-widget .blue-slot [role="button"] {
min-width: 190px !important;
background-color: #039BE5 !important;
color: #ffffff !important;
}
#tax-calendar-widget .orange-slot button,
#tax-calendar-widget .orange-slot a,
#tax-calendar-widget .orange-slot [role="button"] {
width: 180px !important;
min-width: 180px !important;
max-width: 180px !important;
background-color: #F09300 !important;
color: #000000 !important;
}
@media (max-width: 767px) {
#tax-calendar-widget {
align-items: flex-end;
}
#tax-calendar-widget .calendar-btn-row.with-text {
flex-direction: column;
align-items: flex-end;
gap: 10px;
}
#tax-calendar-widget .calendar-text {
flex: 0 1 auto;
text-align: right;
}
#tax-calendar-widget .orange-slot button,
#tax-calendar-widget .orange-slot a,
#tax-calendar-widget .orange-slot [role="button"] {
width: 180px !important;
min-width: 180px !important;
max-width: 180px !important;
}
}
(function () {
function waitForGoogleCalendar() {
if (
window.calendar &&
window.calendar.schedulingButton &&
typeof window.calendar.schedulingButton.load === 'function'
) {
initCalendarButtons();
} else {
setTimeout(waitForGoogleCalendar, 200);
}
}
function initCalendarButtons() {
var target1 = document.getElementById('google-calendar-real-1');
var target2 = document.getElementById('google-calendar-real-2');
if (target1 && !target1.dataset.loaded) {
target1.dataset.loaded = 'true';
calendar.schedulingButton.load({
url: 'https://calendar.google.com/calendar/appointments/schedules/AcZssZ0Cy06TjcHQ2LyTd9m-aychoaBwNLandLYjM7JWDie4rsQrckiIlNxWKzjQV49moqmXSSWnHYPg?gv=true',
color: '#039BE5',
label: '1-hour Advisory Call',
target: target1
});
}
if (target2 && !target2.dataset.loaded) {
target2.dataset.loaded = 'true';
calendar.schedulingButton.load({
url: 'https://calendar.google.com/calendar/appointments/schedules/AcZssZ30DWjimiy3yMOYS7l8MO414CeiP0CzzRDRidfgQGrkzk5_FJIQdWab1iLdKzyJGe3P2npWiPlZ?gv=true',
color: '#F09300',
label: 'Get to know us',
target: target2
});
}
forceButtonStyles();
setTimeout(forceButtonStyles, 300);
setTimeout(forceButtonStyles, 800);
setTimeout(forceButtonStyles, 1500);
setTimeout(forceButtonStyles, 2500);
observeCalendarButtons();
}
function setImportant(el, prop, value) {
if (!el) return;
el.style.setProperty(prop, value, 'important');
}
function forceButtonStyles() {
styleSlot('.blue-slot', '#039BE5', '#ffffff', '190px', 'auto');
styleSlot('.orange-slot', '#F09300', '#000000', '180px', '180px');
}
function styleSlot(slotSelector, bg, color, minWidth, fixedWidth) {
var slot = document.querySelector('#tax-calendar-widget ' + slotSelector);
if (!slot) return;
setImportant(slot, 'width', 'auto');
setImportant(slot, 'max-width', 'max-content');
setImportant(slot, 'flex', '0 0 auto');
setImportant(slot, 'display', 'inline-flex');
setImportant(slot, 'justify-content', 'flex-end');
setImportant(slot, 'align-items', 'center');
var children = slot.querySelectorAll('*');
children.forEach(function (el) {
setImportant(el, 'max-width', fixedWidth === 'auto' ? 'max-content' : fixedWidth);
setImportant(el, 'flex', '0 0 auto');
setImportant(el, 'box-sizing', 'border-box');
if (
el.tagName === 'BUTTON' ||
el.tagName === 'A' ||
el.getAttribute('role') === 'button'
) {
setImportant(el, 'width', fixedWidth);
setImportant(el, 'min-width', minWidth);
setImportant(el, 'max-width', fixedWidth === 'auto' ? 'max-content' : fixedWidth);
setImportant(el, 'display', 'inline-flex');
setImportant(el, 'align-items', 'center');
setImportant(el, 'justify-content', 'center');
setImportant(el, 'background-color', bg);
setImportant(el, 'color', color);
setImportant(el, 'border', '0');
setImportant(el, 'border-radius', '4px');
setImportant(el, 'padding', '10px 18px');
setImportant(el, 'font-size', '16px');
setImportant(el, 'font-weight', '700');
setImportant(el, 'line-height', '1');
setImportant(el, 'white-space', 'nowrap');
setImportant(el, 'text-align', 'center');
setImportant(el, 'cursor', 'pointer');
setImportant(el, 'box-shadow', 'none');
} else {
setImportant(el, 'width', 'auto');
}
});
}
function observeCalendarButtons() {
var widget = document.getElementById('tax-calendar-widget');
if (!widget) return;
var observer = new MutationObserver(function () {
forceButtonStyles();
});
observer.observe(widget, {
childList: true,
subtree: true,
attributes: true,
attributeFilter: ['style', 'class']
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', waitForGoogleCalendar);
} else {
waitForGoogleCalendar();
}
})();