.messages .message {
  display: flex;
  align-items: baseline;
}
.messages .message .icon {
  display: flex;
  align-items: center;
  padding: 0.26rem;
}
.messages .message .icon img {
  height: 1em;
}
.messages .message .value,
.messages .message .label {
  padding: 0.26rem;
}

.responsive-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.messages .message {
  display: flex;
  align-items: baseline;
}
.messages .message .icon {
  display: flex;
  align-items: center;
  padding: 0.26rem;
}
.messages .message .icon img {
  height: 1em;
}
.messages .message .value,
.messages .message .label {
  padding: 0.26rem;
}

.responsive-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.talatala-navbar {
  display: flex;
  justify-content: center;
  padding: 0.55rem;
  background-color: #ffffff;
  box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.talatala-navbar .nav-container {
  display: flex;
  max-width: 1200px;
  width: 100%;
}
.talatala-navbar .menu-toggle-button {
  display: none;
  align-self: center;
  margin: 0 0.55rem;
  border-color: white;
}
.talatala-navbar .menu-toggle-button .toggle-button-icon {
  height: 1.22rem;
}
.talatala-navbar .menu {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.talatala-navbar .menu > .brand-description {
  padding: 0.55rem;
  display: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
  .talatala-navbar .menu > .brand-description {
    display: initial;
  }
}
.talatala-navbar .menu .actions {
  padding: 0.55rem;
  order: 2;
}
.talatala-navbar .menu .actions .search-input {
  margin: 0.55rem;
}
.talatala-navbar .menu .sub-menu {
  display: flex;
  align-items: center;
  order: 1;
}
.talatala-navbar .menu .main-menu {
  display: flex;
  order: 3;
  flex-basis: 70%;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .talatala-navbar {
    position: sticky;
    top: 0;
  }
  .talatala-navbar .nav-container {
    flex-wrap: wrap;
  }
  .talatala-navbar .app-brand .brand-description {
    display: none;
  }
  .talatala-navbar .menu-toggle-button {
    display: block;
  }
  .talatala-navbar .menu .actions {
    flex-basis: 100%;
    order: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .talatala-navbar .menu .actions .search-input {
    width: 100%;
    margin: 0;
  }
  .talatala-navbar .menu .sub-menu {
    order: 3;
    flex-wrap: wrap;
    flex-basis: 100%;
  }
  .talatala-navbar .menu .sub-menu .menu-item {
    width: 100%;
    text-align: end;
  }
  .talatala-navbar .menu .main-menu {
    flex-basis: 100%;
    order: 2;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .talatala-navbar .menu .main-menu .menu-item {
    width: 100%;
    text-align: end;
  }
  .talatala-navbar.menu-hidden .menu {
    display: none;
  }
}

.messages .message {
  display: flex;
  align-items: baseline;
}
.messages .message .icon {
  display: flex;
  align-items: center;
  padding: 0.26rem;
}
.messages .message .icon img {
  height: 1em;
}
.messages .message .value,
.messages .message .label {
  padding: 0.26rem;
}

.responsive-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.talatala-footer .footer-top {
  display: flex;
  justify-content: center;
  padding: 0.55rem;
  background-color: #f6f6f6;
}
.talatala-footer .footer-top .footer-top-container {
  display: flex;
  max-width: 1200px;
  width: 100%;
}
.talatala-footer .footer-top .menu {
  flex-shrink: 0;
}
.talatala-footer .footer-top .menu .main-menu {
  display: flex;
  padding: 0.55rem 0;
}
.talatala-footer .footer-top .menu .sub-menu {
  display: flex;
  justify-content: flex-end;
  font-size: 0.77rem;
  margin-bottom: 1rem;
}
.talatala-footer .footer-top .menu .social-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.talatala-footer .footer-top .menu .social-menu .menu-item {
  font-weight: 700;
}
.talatala-footer .footer-top .menu .social-menu .menu-item img {
  height: 1em;
}
.talatala-footer .legal-info {
  text-align: center;
  justify-content: center;
  background-color: #ffffff;
  padding: 0.74rem;
  display: flex;
}
.talatala-footer .legal-info > * {
  padding: 0.26rem;
}
@media (max-width: 1024px) {
  .talatala-footer .footer-top .footer-top-container {
    flex-wrap: wrap;
  }
  .talatala-footer .footer-top .app-brand {
    text-align: center;
  }
  .talatala-footer .footer-top .app-brand .brand-name-wrapper {
    justify-content: center;
  }
  .talatala-footer .footer-top .menu {
    flex-shrink: unset;
  }
}

.messages .message {
  display: flex;
  align-items: baseline;
}
.messages .message .icon {
  display: flex;
  align-items: center;
  padding: 0.26rem;
}
.messages .message .icon img {
  height: 1em;
}
.messages .message .value,
.messages .message .label {
  padding: 0.26rem;
}

.responsive-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.app-brand {
  padding: 1rem;
  color: rgba(0, 0, 0, 0.7);
  flex-grow: 1;
  flex-shrink: 0;
}
.app-brand:hover {
  text-decoration: none;
}
.app-brand .brand-name-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.app-brand .brand-name-wrapper .app-logo {
  height: 1.55rem;
}
.app-brand .brand-name-wrapper .brand-name {
  padding: 0 0.55rem;
  font-size: 1.55rem;
  font-family: "Lora", "Roboto", sans-serif;
  font-weight: 700;
}
.app-brand .brand-description {
  padding: 0.55rem 0;
  max-width: 305px;
}
@media (max-width: 1024px) {
  .app-brand {
    flex-shrink: unset;
  }
  .app-brand .brand-description {
    max-width: unset;
  }
}

.main-menu .menu-item, .talatala-navbar .menu .sub-menu .menu-item, .talatala-footer .footer-top .menu .sub-menu .menu-item, .talatala-footer .footer-top .menu .social-menu .menu-item {
  display: block;
  padding: 0.55rem;
  cursor: pointer;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  flex-shrink: 0;
}
.main-menu .active.menu-item, .talatala-navbar .menu .sub-menu .active.menu-item, .talatala-footer .footer-top .menu .sub-menu .active.menu-item, .talatala-footer .footer-top .menu .social-menu .active.menu-item {
  color: #1e88e5;
}

.main-menu {
  display: flex;
  padding: 0.55rem 0;
}
@media (max-width: 1024px) {
  .main-menu {
    width: 100%;
    order: 2;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .main-menu .menu-item {
    width: 100%;
    text-align: end;
  }
}

body, html {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  height: 100vh;
  width: 100vw;
  overflow: auto;
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.7);
}

* {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lora", "Roboto", sans-serif;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.9);
  margin: 0;
}

p {
  margin: 0;
}

input {
  font-family: inherit;
  outline: none;
}

select,
input[type=email],
input[type=text],
input[type=search],
input[type=password] {
  background-color: transparent;
  padding: 0.55rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  font-size: inherit;
  font-family: inherit;
}
select:focus,
input[type=email]:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus {
  border-color: #1e88e5;
}

button {
  font-family: inherit;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  padding: 0.55rem;
  text-transform: uppercase;
  font-size: 0.88rem;
  cursor: pointer;
  flex-grow: 0;
  flex-shrink: 0;
}
button.primary {
  color: #1e88e5;
  border-color: #1e88e5;
  background-color: rgb(212.8685258964, 232.7171314741, 250.1314741036);
}
button.primary:hover {
  background-color: rgb(167.1513944223, 208.5378486056, 244.8486055777);
  border-color: rgb(75.7171314741, 160.1792828685, 234.2828685259);
}
button.secondary {
  color: #7F7F7F;
  background-color: #e5e5e5;
  border-color: #7F7F7F;
}
button.secondary:hover {
  background-color: rgb(203.5, 203.5, 203.5);
  border-color: rgb(152.5, 152.5, 152.5);
}
@media (max-width: 1024px) {
  button {
    flex-grow: 1;
    flex-shrink: 1;
  }
}

a {
  text-decoration: none;
  color: #1276b7;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.django-form p:focus-within label {
  color: #1e88e5;
}
.django-form .errorlist {
  color: #eb5757;
  font-size: 0.77rem;
  list-style: none;
  padding: 0.55rem;
  margin: 0;
}
.django-form label {
  display: block;
  font-size: 0.88rem;
  margin-bottom: 0.16rem;
}
.django-form input {
  display: block;
  width: 100%;
}
.django-form label + input {
  margin-bottom: 0.55rem;
}
.django-form button {
  margin: 0.26rem;
}
.django-form .helptext {
  display: none;
}
.django-form ul {
  font-size: 0.77rem;
  padding-inline-start: 0;
}
.django-form ul li {
  list-style: none;
  padding: 0.26rem;
  color: rgba(0, 0, 0, 0.5);
}

body {
  display: flex;
  flex-direction: column;
}
body .talatala-navbar {
  flex-shrink: 0;
}
body .talatala-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
body .talatala-footer {
  flex-shrink: 0;
}

.hidden {
  display: none;
}

.pagination-item-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.pagination-item-list .pagination-item {
  padding: 0.26rem;
  color: rgba(0, 0, 0, 0.7);
}
.pagination-item-list .pagination-item-active {
  color: #1e88e5;
}

.subscribe-button-form button {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #1e88e5;
  border-color: #1e88e5;
}
.subscribe-button-form button .icon {
  padding: 0.26rem;
}
.subscribe-button-form button .icon img {
  height: 1em;
}
.subscribe-button-form button .label {
  padding: 0.26rem;
}

.messages .message {
  background-color: #8ab7ff;
  padding: 0.55rem;
}
.messages .message .dismiss-button {
  flex-shrink: 0;
  padding: 0.26rem;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
}
.messages .message .dismiss-button img {
  height: 1em;
}
.messages .message .label {
  flex-grow: 1;
}

.banner {
  text-align: center;
  background-color: #1e88e5;
  color: #fff;
  padding: 0.55rem 1rem;
}
@media (max-width: 1024px) {
  .banner {
    text-align: left;
  }
}
.banner a {
  display: inline;
  color: #fff;
  font-weight: 700;
}
.banner strong {
  font-weight: 700;
}

abbr {
  text-decoration: underline dotted #7F7F7F;
}
@media (max-width: 1024px) {
  abbr {
    text-decoration: none;
  }
}
abbr svg {
  fill: #7F7F7F;
}
@media (max-width: 1024px) {
  abbr svg {
    display: none;
  }
}
abbr .mobile-tooltip {
  display: none;
  color: #7F7F7F;
  background-color: #ffffff;
  font-size: 0.77rem;
  flex-direction: row;
  margin: 0.55rem 0;
  padding: 0.55rem;
}
abbr .mobile-tooltip svg {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  margin-right: 0.55rem;
}
abbr .mobile-tooltip div {
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
@media (max-width: 1024px) {
  abbr .mobile-tooltip {
    display: flex;
  }
}

.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown .button {
  background-color: #f6f6f6;
  color: rgba(0, 0, 0, 0.9);
  border: none;
  border-radius: 5px;
  padding-left: 9px;
  padding-right: 22px;
}
.dropdown .button::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  pointer-events: none;
  fill: rgba(0, 0, 0, 0.9);
  color: rgba(0, 0, 0, 0.9);
}
.dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.dropdown .dropdown-content .item {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.88rem;
  font-family: "Roboto", sans-serif;
  padding: 5px 16px;
  border-radius: 5px;
  text-decoration: none;
  display: block;
}
.dropdown .dropdown-content .item:hover {
  background-color: #f6f6f6;
  cursor: pointer;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover .button {
  background-color: #7F7F7F;
}

/*# sourceMappingURL=common.css.map */