body {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url('../images/american_flag2.jpg');
  background-position: top left;
}

#block-olivero-america-site-branding {
  background-image: url('../images/american_flag.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.site-header__initial {
  background-color: rgba(0, 0, 0, 1);
}

.site-branding__text {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 15px;
}

.site-branding__inner a:hover {
  color: #efefef;
}

.primary-nav__menu-link-inner::after {
  border-top: solid 5px #333333;
}

a.secondary-nav__menu-link:hover {
  color: #333333;
}

a {
  color: #333333;
}

a:hover {
  color: #777777 !important;
}

@media (min-width: 75rem) {
  .social-bar,
  .sticky-header-toggle {
    background-color: rgba(255, 255, 255, 0.5);
  }

  .site-header {
    border-block-end: none;
  }
}

/* mobile */
.button {
  color: #333333;
  border: solid 2px currentColor;
}

.button:hover {
  color: #777777;
  border: solid 2px currentColor;
}

.mobile-nav-button__icon {
  border-top: solid 3px #333333;
}

.mobile-nav-button__icon::before,
.mobile-nav-button__icon::after {
  border-top: solid 3px #333333;
}

.olivero-details__summary {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.olivero-details__summary:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.external_data_container {
  display: flex;
  flex-wrap: wrap;
}

.external_data_half_container {
  flex: 1 1 50%;
  padding: 5px;
}

.external_data_half_container #edit-submit {
  margin-top: 26px;
}

/* calculator results */
#external_data_results,
#external_data_results h3,
.external_data_table {
  width: 100%
}

/* tables */
table {
  width: 100%;
  border: 1px solid #efefef;
}

table tbody tr th {
  border-bottom: 1px solid #333;
  text-align: center;
  padding: 5px;
}

table tbody tr td {
  text-align: right;
  padding: 5px;
}

table tbody tr:nth-of-type(odd) {
  background-color: #f0f8ff; /* Light blue */
}

input[type="checkbox"],
input[type="checkbox"]:visited,
input[type="checkbox"]:active,
input[type="checkbox"]:focus,
input[type="radio"],
input[type="radio"]:visited,
input[type="radio"]:active,
input[type="radio"]:focus,
input[type="text"],
input[type="text"]:visited,
input[type="text"]:active,
input[type="text"]:focus,
select,
select:visited,
select:active,
select:focus {
  border: solid 1px #333;
}

input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="text"]:hover,
select:hover {
  border: solid 2px #777777;
  outline: solid 2px #777777;
}

input[readonly="readonly"] {
  background-color: #dedede;
}

/* fieldset */
.fieldset__legend {
  background-color: #333;
}

.fieldset__label {
  line-height: inherit;
}

.header-text-inline {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.header-text {
  display: flex;
  gap: 10px;
}

.img-responsive {
  max-width: 100%;
  height: auto;
  display: block;
}

.header-grey-color {
  color: #0d77b5;
}

.math-prctice-answer-html {
  color: #0d77b5;
  font-size: 1.2rem;
  line-height: 1.7rem;
  text-align: center;
  max-width: 250px;
}

.math-prctice-description-html {
  font-size: 1rem;
  line-height: 1.2rem;
}

a.math-practice-links {
  color: #0d77b5 !important; /* #0d77b5 var(--color--primary-40) var(--color--green) */
  text-decoration: underline;
}

a.math-practice-links:hover {
  color: #333 !important;
  text-decoration: none;
}

a.math-practice-link-to-practice {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333; /* #0d77b5 var(--color--primary-40) var(--color--green) */
}

a.math-practice-link-to-practice:hover {
  font-size: 1.2rem;
  color: #333 !important;
  text-decoration: none;
}

.math-practice-emogi {
  font-size: 1.5rem;
}

.region--sidebar .block h2 {
  color: var(--color-text-neutral-loud);
  font-size: 1.2rem;
  line-height: 1.7rem;
}