﻿.sectionHeaderComContactoClass {
    padding-top: var(--cep-SectionPaddingTopBottom);
    padding-bottom: var(--cep-SectionPaddingTopBottom);
    /* Cor por defeito para as letras puderem ficar a branco e ainda estar compliant com o EAA */
    background-color: black;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/img/banner.jpg');
    background-size: cover;
    background-position-y: 90%;
    color: white;
}

    /* Intro header geral */
    .sectionHeaderComContactoClass .intro-header {
        background-position: center center;
        background-color: #808080;
        background: no-repeat center center;
        background-attachment: scroll;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        margin-bottom: 0;
    }

        /* Container interno da intro-header */
        .sectionHeaderComContactoClass .intro-header .container {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        /* Títulos e headings */
        .sectionHeaderComContactoClass .intro-header .site-heading,
        .sectionHeaderComContactoClass .intro-header .page-heading {
            color: white;
            margin-top: 4rem;
            text-align: left;
        }

            .sectionHeaderComContactoClass .intro-header .site-heading h1.brand {
                font-size: 20px;
                line-height: 1em;
                display: block;
                font-weight: 300;
                color: var(--cep-Color-Orange-MediumText);
            }

            .sectionHeaderComContactoClass .intro-header .site-heading h1,
            .sectionHeaderComContactoClass .intro-header .page-heading h1 {
                margin-top: 0;
                font-size: 60px;
                font-weight: 900;
                text-transform: uppercase;
                text-align: left;
            }

            .sectionHeaderComContactoClass .intro-header .site-heading .subheading,
            .sectionHeaderComContactoClass .intro-header .page-heading .subheading {
                font-size: 20px;
                line-height: 1.5;
                display: block;
                font-weight: 300;
                margin: 10px 0 0;
            }

        /* Links na intro-header */
        .sectionHeaderComContactoClass .intro-header a {
            color: #fff;
            border-bottom: 1px solid #ccc;
        }

            .sectionHeaderComContactoClass .intro-header a:hover {
                text-decoration: none;
            }

        /* Subtítulos e elementos específicos */
        .sectionHeaderComContactoClass .intro-header .site-heading h2,
        .sectionHeaderComContactoClass .subheading-p {
            text-align: left;
            font-weight: 700;
            font-size: 30px;
        }

    /* Títulos H1, H2, H3, P fora da intro-header */
    .sectionHeaderComContactoClass h1 {
        color: var(--cep-Color-Orange-MediumText);
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 1em;
    }

    .sectionHeaderComContactoClass h2 {
        color: white;
        font-size: 4rem;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 0.5em;
    }

    .sectionHeaderComContactoClass h3 {
        color: white;
        font-size: 2rem;
        font-weight: bolder !important;
        margin-bottom: 0.5em;
    }

    .sectionHeaderComContactoClass p {
        color: white;
        font-size: 1.2em;
    }


/* Media Queries */
@media only screen and (max-width: 768px) {
    .sectionHeaderComContactoClass {
        /* Para se ver o ouro melhor */
        background-position: top;
    }

        .sectionHeaderComContactoClass .divPresentationClass {
        }

        .sectionHeaderComContactoClass .divucContactFormClass {
        }

        .sectionHeaderComContactoClass h1 {
            font-size: 1.2rem;
        }

        .sectionHeaderComContactoClass h2 {
            font-size: 2.8rem;
        }

        .sectionHeaderComContactoClass h3 {
            font-size: 1.9rem;
        }

        .sectionHeaderComContactoClass p {
            font-size: 1.2em;
        }
}
