/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* STILI CSS CONTACT FORM 7 */

/* Contenitore principale del form */
.wpcf7 {
    background-color: var(--primary-ultra-light);
    padding: calc(var(--space-m) * 1.2);
    border-radius: var(--radius-xl);
    border: 3px solid;
    border-color: var(--primary);
}

/* Label dei campi */
.wpcf7 label {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: var(--primary-dark);
    font-size: calc(var(--text-m) / 1.5);
}

/* Label delle checkbox / radio (lista di opzioni) */
.wpcf7 .wpcf7-list-item-label {
    font-weight: initial;
    text-transform: none;
    font-size: var(--text-s);
}

/* Input e textarea */
.wpcf7 textarea,
.wpcf7 input {
    text-transform: none;
    font-weight: 400;
    font-size: var(--text-m);
    color: var(--primary-dark);
}

/* Placeholder */
.wpcf7 ::placeholder {
    color: var(--primary-trans-40);
}

/* Bottone di invio (submit) */
.wpcf7 .wpcf7-submit {
    border: 0;
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    color: var(--primary-ultra-light);
    font-size: var(--h5);
    font-weight: 600;
    font-family: Jost;
    background-color: var(--primary);
    border-radius: var(--radius-s);
}

/* Submit disabilitato */
.wpcf7 .wpcf7-submit:disabled {
    background-color: var(--base-light);
    border-color: var(--base-light);
}

.wpcf7 .wpcf7-submit:disabled:hover {
    background-color: var(--base-light);
    border-color: var(--base-light);
}

/* Submit al passaggio del mouse (hover) */
.wpcf7 .wpcf7-submit:hover {
    background-color: var(--success);
    border-color: var(--success);
}