/* Cherry-picked Webflow utilities needed by the custom CSS */

/* ===== Layout ===== */
.w-nav { position: relative; z-index: 1000; }
.w-nav-brand { position: relative; float: left; text-decoration: none; color: #333; }
.w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; }
.w-nav-menu { position: relative; float: right; }
.w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; user-select: none; }
.w-nav-button:focus { outline: 0; }
.w-icon-nav-menu { width: 22px; }
.w-icon-nav-menu::before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: currentColor;
  box-shadow: 0 7px 0 currentColor, 0 14px 0 currentColor;
}

/* ===== Inline Block ===== */
.w-inline-block { max-width: 100%; display: inline-block; }

/* ===== Forms ===== */
.w-form { margin: 0 0 15px; }
.w-input, .w-select {
  display: block; width: 100%; height: 38px; padding: 8px 12px;
  margin-bottom: 10px; font-size: 14px; line-height: 1.42857;
  color: #333; vertical-align: middle; background-color: #fff;
  border: 1px solid #ccc;
}
.w-input::placeholder { color: #999; }
.w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; }
.w-select { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6'%3E%3Cpath fill='%23333' d='M0 0h12L6 6z'/%3E%3C/svg%3E"); background-position: right 12px center; background-repeat: no-repeat; -webkit-appearance: none; appearance: none; }
.w-button {
  display: inline-block; padding: 9px 15px; background-color: #3898EC;
  color: white; border: 0; line-height: inherit; text-decoration: none;
  cursor: pointer; border-radius: 0;
}
.w-form-done { display: none; padding: 20px; text-align: center; background-color: #ddd; }
.w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; }
.w-checkbox {
  display: block; margin-bottom: 5px; padding-left: 20px;
}
.w-checkbox::before, .w-checkbox::after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; }
.w-checkbox::after { clear: both; }
.w-checkbox-input {
  float: left; margin: 4px 0 0 -20px; line-height: normal;
}
.w-checkbox-input--inputType-custom {
  width: 12px; height: 12px; border: 1px solid #ccc;
  border-radius: 2px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898EC; border-color: #3898EC;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' fill='%23fff'%3E%3Cpath d='M3.5 7.29.35 4.15l1.41-1.41L3.5 4.46 8.24-.29l1.41 1.41z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 80%;
  background-repeat: no-repeat;
}
.w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0; }

/* ===== Tabs ===== */
.w-tabs { position: relative; }
.w-tabs::before, .w-tabs::after { content: " "; display: table; }
.w-tabs::after { clear: both; }
.w-tab-menu { position: relative; }
.w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222; background-color: #ddd; }
.w-tab-link.w--current { background-color: #C8C8C8; }
.w-tab-content { position: relative; display: block; overflow: hidden; }
.w-tab-pane { position: relative; display: none; }
.w-tab-pane.w--tab-active { display: block; }

/* ===== Dropdowns ===== */
.w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; }
.w-dropdown-toggle { user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; }
.w-dropdown-list { position: absolute; background: #ddd; display: none; min-width: 100%; }
.w-dropdown-list.w--open { display: block; }
.w-icon-dropdown-toggle {
  position: absolute; top: 50%; right: 12px;
  margin-top: -5px; width: 0; height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid currentColor;
}

/* ===== Rich Text ===== */
.w-richtext > :first-child { margin-top: 0; }
.w-richtext > :last-child { margin-bottom: 0; }
.w-richtext h1, .w-richtext h2, .w-richtext h3, .w-richtext h4, .w-richtext h5, .w-richtext h6 { font-weight: bold; margin-bottom: 10px; }
.w-richtext h1 { font-size: 38px; line-height: 44px; margin-top: 20px; }
.w-richtext h2 { font-size: 32px; line-height: 36px; margin-top: 20px; }
.w-richtext h3 { font-size: 24px; line-height: 30px; margin-top: 20px; }
.w-richtext h4 { font-size: 18px; line-height: 24px; margin-top: 10px; }
.w-richtext p { margin-top: 0; margin-bottom: 10px; }
.w-richtext ul, .w-richtext ol { margin-bottom: 10px; padding-left: 40px; }
.w-richtext li { margin-bottom: 5px; }
.w-richtext figure { margin: 0 0 10px; }
.w-richtext img { max-width: 100%; }

/* ===== Pagination ===== */
.w-pagination-wrapper { display: flex; flex-wrap: wrap; justify-content: center; }
.w-pagination-previous, .w-pagination-next {
  display: block; color: #333; font-size: 14px; padding: 9px 20px;
  background-color: #fafafa; border: 1px solid #ccc; border-radius: 2px;
  cursor: pointer; text-decoration: none;
}

/* ===== Dynamic Lists ===== */
.w-dyn-items { display: flex; flex-wrap: wrap; }
.w-dyn-item { width: 100%; }
.w-dyn-empty { padding: 10px; background-color: #ddd; }
.w-dyn-bind-empty { display: none; }

/* ===== Utility ===== */
.w--current { }

/* ===== Responsive ===== */
@media screen and (max-width: 991px) {
  .w-nav-menu { display: none; }
  .w-nav-button { display: block; }
  .w-nav-menu.w--open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; }
  .w-nav-link { display: block; padding: 15px; }
}

@media screen and (max-width: 767px) {
  .w-tab-link { display: block; }
}

/* ===== Webflow modifier classes used in the site ===== */
html.w-mod-js { }
html.w-mod-touch { }