/*
Theme Name: Marma Child
Description: Tema filho do TiagoSa-theme
Author: Marma Massage
Template: TiagoSa-theme
Version: 1.0.0
*/

/* Alinhar preços e botões dos cartões de massagens */
.massage-grid {
    align-items: stretch;
}

.massage-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.massage-card-link {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.massage-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.massage-card-price {
    margin-top: auto;
    padding-top: 12px;
}

.massage-card-buttons {
    margin-top: 12px;
}

/* Fotografias das páginas individuais de massagens a preto e branco */
.single-blog__image img {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
}

/* Homepage - título principal */
.frontpage-hero-content h1 {
    width: 100% !important;
    max-width: 1400px !important;
    white-space: nowrap !important;
    text-align: center !important;
    color: #ffffff !important;
}

/* Homepage - pequeno espaço entre H1 e H2 */
.frontpage-hero-content h2 {
    margin-top: 20px !important;
}

/* Alinhar à esquerda o conteúdo do topo das páginas de serviços */
.service-hero .hero-content {
    text-align: left !important;
}

.service-hero .hero-content .wrapper {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.service-hero .hero-content h1,
.service-hero .hero-content h2,
.service-hero .hero-content p,
.service-hero .hero-content a {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}