/**
 * @file
 * Styles for Bartik's highlighted component.
 */

.has-featured-top .region-highlighted {
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
}
.region-highlighted {
  margin: 0 15px;
}

.highlighted {
    min-width: 100%;
    min-height: 30px;
    border-top-right-radius: 50% 10%;
    border-top-left-radius: 50% 10%;
    z-index: 2;
    position: relative;
    margin-top: -30px;
    background: #dcdcdc;
    padding-top: 30px;
    box-shadow: 0 4px 12px rgb(0 0 0 / 75%);
}

.path-frontpage .highlighted {
        background: radial-gradient(1000px 520px at 18% 18%, rgba(8,169,198,.18), transparent 60%),      radial-gradient(900px 500px at 78% 22%, rgba(47,124,246,.14), transparent 62%),      radial-gradient(800px 500px at 55% 90%, rgba(8,169,198,.10), transparent 60%),      linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
}