/* ============================================
   Base styles for inner pages
   Used by: page.php, woocommerce.php, 404.php, blog
   ============================================ */

.inner-page {
    padding-top: 140px;
}

body.page-template-template-blog .inner-page {
    padding-top: 60px;
}

body.page-template-template-contacts .inner-page {
    padding-top: 120px;
}

body.page-template-template-promo .inner-page {
    padding-top: 180px;
}

@media (max-width: 767px) {
    .inner-page {
        padding-top: 100px;
    }

    body.page-template-template-blog .inner-page {
        padding-top: 60px;
    }
}

.inner-page h1,
.inner-page h2,
.inner-page h3,
.inner-page h4 {
    margin-top: 32px;
    margin-bottom: 16px;
}

.inner-page p {
    margin: 8px 0;
}

.inner-page a {
    color: rgba(55, 150, 202, .8);
    text-decoration: none;
    transition: 0.3s;
}

.inner-page a:hover {
    color: rgba(55, 150, 202, .9);
}

.inner-page .card__title {
    margin-bottom: 60px;
}