/* Element Form Styles */


/* adobe fonts adds these selections on html, we'll use them to set the appropriate fonts */

/* tss */
html.wf-ffscalasansweb-n7-active {
    --sans: 'ff-scala-sans-web', sans-serif;
} 

html.wf-leituranews-n6-active {
    --serif: 'leitura-news', serif;
}


/* tac */

html {
    --serif: 'leitura-news', serif;
    --sans: 'lato', sans-serif;
}

html {
    --mat-card-title-text-font: var(--serif) !important;

    --mdc-text-button-label-text-font: var(--sans) !important;
    --mdc-protected-button-label-text-font: var(--sans) !important;
}


/* font sizes */
.mat-mdc-card-title,
.lum-df-form,
.mdt .mat-mdc-card {
    font-size: inherit !important;
    font-family: inherit !important;
}

.mat-mdc-card-title {
    line-height: 1.75 !important;
}

.lum-df-form label {
    font-size: .8rem !important;
}

.mdt .mat-mdc-card {
    box-shadow: none !important;
    max-width: 100% !important;
    border: 0 !important;
    background: transparent !important;
}

.mat-mdc-card-header {
    background-color: transparent !important;
}

.elm-recaptcha-branding {
    margin-top: 1.5rem !important;
    text-align: left !important;
    font-family: var(--sans) !important;
}

.lum-df-form .elm-recaptcha-branding a { 
    color: inherit !important;
    box-shadow: none !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background: transparent !important;
}

.mdc-button {
    width: auto !important;
    height: auto !important;
    min-width: 210px !important;
    padding: .8em 1.5em .6em !important;
    font-size: .8rem !important;
    letter-spacing: 0 !important;
    margin-top: .5rem !important;
    box-shadow: none !important;
    transition: all .15s !important;
}

.mdc-button:hover {
    box-shadow: var(--mdc-protected-button-hover-container-elevation, 
        0px 2px 4px -1px rgba(0, 0, 0, 0.2), 
        0px 4px 5px 0px rgba(0, 0, 0, 0.14), 
        0px 1px 10px 0px rgba(0, 0, 0, 0.12)) !important; /* we'll keep this */
}

/* remove conflict on css class on element's grid and TAC grid */
.elm-embed-forms-root .grid-content {
    display: unset;
    vertical-align: unset;
    margin-right: unset;
    padding-left: unset;
}