/* ==== Classes defined externally ==== */

/* We don't want to show the reCAPTCHA branding. */
.grecaptcha-badge { display: none; }

/* Let Webflow sliders vertically resize to fit each slide's content. */
.w-slider-mask { height: auto !important; }
.w-slide.step[aria-hidden] { height: 0; }

/* Make the "X" on modal close buttons a bit bolder. */
.close-button { -webkit-text-stroke: 1px; }

/* Make unclickable links not look clickable. */
a:not([href]), a[href=""] { border-bottom-color: transparent !important; }
a:not([href]):hover, a[href=""]:hover { opacity: unset; }

/* Make dropdown menus vertically scrollable when they're too tall. */
.w-nav-overlay { max-height: calc(100vh - 64px); overflow-y: auto; }
nav[data-nav-menu-open] { position: static; width: 30em; max-width: 100vw; }

/* This fills the window to hide any flashing/resizing during page load. */
body:not([x-ready="1"]) .head-section ~ .wf-section { padding-top: 100vh; }
body:not([x-ready="1"]) .light-head-section { padding-bottom: 100vh; }

/* This hides any preloader div after the body is ready */
body[x-ready="1"] [x-hidden-if-ready="1"] { display: none; }

/* Show the browser's default "x" button for clearing search input fields. */
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

/* ==== Attributes defined in tfc.js ==== */

/* Enable elements to be conditionally faded out. */
[x-faded="1"] { opacity: 0.3; }

/* Enable elements to be slowly faded in. */
@keyframes reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}
[x-revealed="0"] { display: none; opacity: 0; }
[x-revealed="1"], .hidden[x-revealed="1"] { display: unset; animation: reveal 0.1s; }

/* Hide templates during rendering, and always hide loop templates. */
body:not([x-ready="1"]) [x-template="1"] { display: none; }
[x-for] { display: none; }

/* Dismissable notifications. */
[x-dismissable="1"]:not([x-dismissed="0"]) { display: none; }

/* Use x-flash to call visual attention to something that just changed. */
[x-flash=normal] { transition: background 5s; }
[x-flash=orange] { transition: background 0s; background: #fc0; }

/* Hide the "< Back" button on the first page of a multi-page form. */
[x-id=previous-button][disabled] { display: none; }

/* Position the sign-in button in the navbar. */
[x-id=google-sign-in] { width: 32px; height: 32px; cursor: pointer; }

/* Show or hide the sign-in icon and profile icon depending on auth state. */
[x-authed="0"] [x-shown-if-authed="1"] { display: none; }
[x-authed="1"] [x-hidden-if-authed="1"] { display: none; }

/* Position the personalized profile icon to match the sign-in button. */
[x-id=personal-icon] { width: 100%; height: 100%; border: 1px solid #dadce0; border-radius: 100%; background-size : 100%; }
[x-id=personal-icon]:hover { opacity: 0.8; }

/* Input validation warnings */
[x-invalid="1"], [x-missing="1"], .x-form-warning {
  border: 2px solid red !important; color: red; padding: 8px 11px;
}
:not([x-invalid="1"]) ~ [x-if-invalid] { display: none; }
:not([x-missing="1"]) ~ [x-if-missing] { display: none; }

/* Nested lists (tfc.js sets "level" by counting leading ">"s in list items) */
li[level="1"] { margin-left: 2em; list-style: circle; }

/* Date picker widget */
div#ui-datepicker-div { z-index: 100 !important; }  /* keep on top of navbar */