/* Static-restore additions for amspromise.foundation (published as /assets/css/restore.css). */

/* The template's "sopot-icons" icon font (icomoon) was never archived: map the icon classes used on
   the site to equivalent Font Awesome 5 Free glyphs (Font Awesome is self-hosted from cdnjs). */
[class^="icon-"]::before, [class*=" icon-"]::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
}
.icon-call::before { content: "\f095"; }
.icon-envelope::before { content: "\f0e0"; }
.icon-place::before { content: "\f3c5"; }
.icon-comment::before { content: "\f00c"; }
.icon-help::before { content: "\f4c4"; }
.icon-heart::before { content: "\f004"; }
.icon-back-in-time::before { content: "\f017"; font-weight: 400; }
.icon-chat::before { content: "\f086"; }
.icon-email::before { content: "\f0e0"; }
.icon-telephone::before, .icon-phone-call::before { content: "\f095"; }
.icon-location::before, .icon-pin::before { content: "\f3c5"; }
.main-menu .main-menu__list > li.dropdown > a:after,
.stricky-header .main-menu__list > li.dropdown > a:after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    content: "\f107";
}

/* inner-page title: the archived <h2> became the page's single <h1>; keep the template look */
.page-header__inner h1 {
    font-size: 50px;
    color: var(--sopot-white);
    line-height: 60px;
    font-weight: 700;
    margin: 0 0 11px;
}
@media (max-width: 767px) {
    .page-header__inner h1 { font-size: 36px; line-height: 44px; }
}

/* replacement cards for the dead contact / application / donation forms */
.restore-card {
    background: #f4f7fb;
    border-top: 4px solid var(--sopot-base);
    padding: 32px 34px;
    margin: 0 0 30px;
    border-radius: 6px;
}
.restore-card h3 { font-size: 26px; margin: 0 0 14px; color: var(--sopot-black); }
.restore-card p { margin: 0 0 20px; }
.restore-card ul { margin: 0 0 20px; padding-left: 20px; }
.restore-card .thm-btn { color: #fff; }
.restore-card .thm-btn i { margin-right: 6px; }
.restore-card-center { max-width: 720px; margin-left: auto; margin-right: auto; text-align: center; }
@media (min-width: 768px) { .restore-card ul { columns: 2; column-gap: 40px; } }
/* breadcrumb current item: the site's blue (#0059B5) on the dark photo overlay was hard to read */
.thm-breadcrumb li.active { color: #a9cdf5; }