/*
 * Local overrides for the frontpage template (loaded after the theme's
 * style.min.css).
 *
 * The eStartup theme scopes parts of its styling to specific ids and sections
 * ('#hero', '#testimonials'), but this app reuses those blocks on other pages
 * too, so the values are repeated here for the shared classes. Keep them in
 * sync with assets/front/css/style.min.css.
 */

/* Frontpage-template pages without a hero (FAQ…) put their page heading in the
   section title; give that <h1> the same look the theme gives to
   '.section-title h2', which the front page uses. The news page keeps its
   heading inside the card instead – see '.news-content' below. */
.section-title h1 {
    font-family: "Ubuntu", sans-serif;
    font-size: 45px;
    font-weight: 100;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

/* Site news card, on the front page and on the news page. Same look as the
   theme gives '#testimonials .testimonials-content'. The heading is an <h1> on
   the news page and an <h2> on the front page. */
.news-content {
    box-shadow: 0 0 35px rgba(0, 0, 0, .1);
    padding: 49px 20px;
}

.news-content .top-top>h1,
.news-content .top-top>h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 45px;
    font-weight: 100;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

/* The theme styles these buttons only inside the hero
   ("#hero .btn-get-started", "#hero .btn-get-started-login"), but the CTA row
   on the other frontpage-template pages uses the same classes. */
.btn-get-started,
.btn-get-started-login {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 11px 36px;
    margin-bottom: 10px;
    border: 2px solid #38b44a;
    border-radius: 50px;
    background: #fff;
    color: #38b44a;
    transition: .5s;
}

.btn-get-started:hover {
    background: #38b44a;
    color: #fff;
}

.btn-get-started-login {
    margin-bottom: 30px;
    border-color: #e95420;
    color: #e95420;
}

.btn-get-started-login:hover {
    background: #e95420;
    color: #fff;
}