/* Lomanco media download landing page */
body.itemid-101 {
  --lom-blue: #082a5c;
  --lom-blue-deep: #001b44;
  --lom-blue-bright: #075fc8;
  --lom-green: #287a38;
  --lom-green-soft: #eef9f0;
  --lom-border: #2c70d8;
  --lom-text: #0f1b33;
}

body.itemid-101 .container-component {
  align-items: stretch;
}

body.itemid-101 .com-content-article__body {
  max-width: 100%;
}

body.itemid-101 .com-content-article__body > p,
body.itemid-101 .com-content-article__body > h5 {
  display: none;
}

.lom-media-page {
  color: var(--lom-text);
  font-family: "Noto Sans", Arial, sans-serif;
  padding: 1.35rem 0 1.75rem;
}

.lom-media-page h1 {
  color: #17264f;
  font-family: "Roboto", Arial, sans-serif;
  font-size: clamp(2rem, 3.3vw, 3.5rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  margin: 0 0 1.2rem;
  text-transform: uppercase;
}

.lom-notice,
.lom-instruction-row,
.lom-bottom-note {
  align-items: center;
  display: flex;
  gap: 1rem;
}

.lom-notice {
  border-radius: 7px;
  margin-bottom: 1.1rem;
}

.lom-notice-success {
  color: #1f7132;
}

.lom-notice-success strong {
  display: block;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.05;
}

.lom-notice-success span:not(.lom-notice-icon) {
  display: block;
  font-size: 1.15rem;
  line-height: 1.25;
}

.lom-notice-icon,
.lom-info-icon {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 800;
  justify-content: center;
}

.lom-notice-icon {
  background: var(--lom-green);
  font-size: 1.8rem;
  height: 3.7rem;
  width: 3.7rem;
}

.lom-instruction-row {
  border-top: 1px solid #bcc2ca;
  margin: 1.25rem 0 1.1rem;
  padding-top: 1rem;
}

.lom-instruction-row p {
  font-size: 1.1rem;
  margin: 0;
}

.lom-pointer-icon {
  color: var(--lom-blue-bright);
  flex: 0 0 auto;
  height: 2.3rem;
  width: 2.3rem;
}

.lom-pointer-icon svg {
  display: block;
  fill: none;
  height: 100%;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 100%;
}

.lom-notice-info {
  background: linear-gradient(180deg, #f7fbff, #eef6ff);
  border: 1px solid var(--lom-border);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .75);
  padding: .95rem 1.1rem;
}

.lom-info-icon {
  background: transparent;
  color: #075fc8;
  height: 2.7rem;
  width: 2.7rem;
}

.lom-info-icon svg {
  display: block;
  fill: none;
  height: 76%;
  stroke: #075fc8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.4;
  width: 76%;
}

.lom-notice-info strong,
.lom-notice-info span {
  display: block;
  font-size: 1rem;
  line-height: 1.35;
}

.lom-card-grid {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1.7rem;
}

.lom-download-card {
  background: #fff;
  border: 1px solid var(--lom-border);
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(8, 42, 92, .08);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.lom-download-card h2 {
  color: var(--lom-blue);
  font-family: "Roboto", Arial, sans-serif;
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 1.1rem 1rem .85rem;
  text-align: center;
  text-transform: uppercase;
}

.lom-card-image-link {
  background: linear-gradient(135deg, #f7f9fc, #e6edf7);
  display: block;
  min-height: 165px;
  overflow: hidden;
}

.lom-card-image-link img {
  aspect-ratio: 16 / 6;
  display: block;
  height: auto;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.lom-card-features {
  background: linear-gradient(135deg, var(--lom-blue-deep), #073a78);
  color: #fff;
  padding: 1rem 1.25rem;
}

.lom-card-features ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lom-card-features li {
  align-items: flex-start;
  display: flex;
  font-size: .95rem;
  gap: .45rem;
  line-height: 1.35;
  margin: .25rem 0;
}

.lom-card-features li span {
  color: #37b34a;
  font-weight: 900;
  margin-top: .02rem;
}

.lom-card-action {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: .65rem;
  justify-content: flex-start;
  padding: 1.25rem 1.5rem 1.05rem;
  text-align: center;
}

.lom-download-button {
  align-items: center;
  background: linear-gradient(180deg, #075fc8, #004da8);
  border-radius: 5px;
  color: #fff;
  display: inline-flex;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.05rem;
  font-weight: 900;
  gap: .75rem;
  justify-content: center;
  line-height: 1.15;
  min-height: 3.45rem;
  padding: .85rem 1.2rem;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.lom-download-button:hover,
.lom-download-button:focus {
  background: linear-gradient(180deg, #0b6ee3, #075fc8);
  color: #fff;
  text-decoration: none;
}

.lom-download-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  flex: 0 0 auto;
  font-size: 0;
  height: 1.75rem;
  width: 1.75rem;
}

.lom-text-link {
  color: #064da6;
  font-size: 1.08rem;
  font-weight: 800;
  text-decoration: underline;
}

.lom-card-action p {
  color: #1d1d1f;
  font-size: .95rem;
  margin: 0;
}

.lom-bottom-note {
  background: var(--lom-green-soft);
  border: 1px solid #5ea86a;
  border-radius: 7px;
  color: #145a24;
  flex-wrap: wrap;
  margin-top: 1.8rem;
  padding: .85rem 1.1rem;
}

.lom-bottom-note .lom-notice-icon {
  font-size: 1.1rem;
  height: 2rem;
  width: 2rem;
}

.lom-bottom-note strong {
  font-size: 1rem;
  letter-spacing: 0;
}

.lom-bottom-note span:last-child {
  color: #111;
}

.lom-bottom-separator {
  background: #111;
  display: inline-block;
  height: 1.8rem;
  width: 1px;
}

body.itemid-101 .sidebar-right.card {
  border: 1px solid #bfc2c7;
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(8, 42, 92, .08);
  margin-top: 1.1rem;
  overflow: hidden;
}

body.itemid-101 .sidebar-right .card-header {
  background: #fff;
  border-bottom: 0;
  color: var(--lom-blue);
  font-family: "Roboto", Arial, sans-serif;
  font-size: 0;
  font-weight: 900;
  padding: 1.35rem 1.35rem 0;
  text-align: center;
  text-transform: uppercase;
}

body.itemid-101 .sidebar-right .card-header::before {
  align-items: center;
  background: var(--lom-blue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 54%;
  border-radius: 50%;
  color: #fff;
  content: "";
  display: flex;
  font-size: 1.8rem;
  height: 4rem;
  justify-content: center;
  margin: 0 auto 1rem;
  width: 4rem;
}

body.itemid-101 .sidebar-right .card-header::after {
  color: var(--lom-blue);
  content: "Restricted Access Login";
  display: block;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.38rem;
  font-weight: 900;
  line-height: 1.1;
  margin: .95rem auto 0;
  text-transform: uppercase;
}

body.itemid-101 .sidebar-right .card-body {
  padding: 1.1rem 1.55rem 1.8rem;
}


body.itemid-101 .sidebar-right .btn-primary {
  background: linear-gradient(180deg, #075fc8, #004da8);
  border: 0;
  font-weight: 900;
  min-height: 3.1rem;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .lom-card-grid {
    grid-template-columns: 1fr;
  }

  .lom-media-page h1 {
    font-size: 2.15rem;
  }
}

@media (max-width: 640px) {
  .lom-notice,
  .lom-instruction-row,
  .lom-bottom-note {
    align-items: flex-start;
  }

  .lom-notice-success strong {
    font-size: 1.45rem;
  }

  .lom-download-button {
    font-size: .95rem;
  }

  .lom-bottom-separator {
    display: none;
  }
}