/* =========================================
   TALENT META BOX
   Talent Details Styling
========================================= */


/* Main wrapper */

.lp-meta-wrap {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(260px, 1fr));

    gap: 20px;

    padding: 10px 0 5px;

}



/* Field cards */

.lp-field-block {

    background: #ffffff;

    border: 1px solid #dcdcde;

    border-radius: 10px;

    padding: 18px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;

}



.lp-field-block:hover {

    border-color: #c3c4c7;

}



/* Full width fields */

.lp-field-bio,
.lp-field-description,
.lp-field-about,
.lp-field-notes {

    grid-column: 1 / -1;

}



/* Labels */

.lp-label {

    display: block;

    margin-bottom: 10px;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: .08em;

    text-transform: uppercase;

    color: #646970;

}



/* Inputs */

.lp-input,
.lp-textarea {

    width: 100%;

    box-sizing: border-box;

    border-radius: 6px;

    border: 1px solid #c3c4c7;

    background: #f6f7f7;

    padding: 11px 12px;

    font-size: 14px;

    line-height: 1.4;

    transition:

        background .2s ease,

        border-color .2s ease,

        box-shadow .2s ease;

}



.lp-input:hover,
.lp-textarea:hover {

    background: #ffffff;

}



.lp-input:focus,
.lp-textarea:focus {

    background: #ffffff;

    border-color: #2271b1;

    box-shadow:

        0 0 0 1px #2271b1;

    outline: none;

}



/* Textareas */

.lp-textarea {

    min-height: 150px;

    resize: vertical;

}



/* Responsive */

@media (max-width: 782px) {

    .lp-meta-wrap {

        grid-template-columns: 1fr;

    }

}