/***********************/
/*** CORNERSTONE BRANDING ***/
/* Team 6 - Cornerstone Mission Group */
/* Overrides interface-base.css variables */

.interface-layout[data-team="6"] {
    --color-body: #27282A;
    --color-primary: #402772;
    --color-secondary: #3AAFA9;
    --color-tertiary: #D83F87;
    --color-rfv: #D83F87;
    --color-icons: #D83F87;
    --color-links: #402772;
    --color-links-hover: #D83F87;
    --font-headings: gotham, sans-serif;
    --font-subheadings: muli, sans-serif;
    --font-primary: muli, sans-serif;
    --font-secondary: gotham, sans-serif;
    --font-controls: normal 1em muli, sans-serif;
    --color-buttons: #402772;
    --color-buttons-hover: #3AAFA9;
    --color-buttons-text: #FFFFFF;
    --color-buttons-text-hover: #FFFFFF;
    --font-buttons: muli, sans-serif;
    --shadow: 0 2px 12px 0 rgba(40,40,40,.09);
}

.interface-layout[data-team="6"] h1 {font-size: 225%; color: var(--color-primary)}
.interface-layout[data-team="6"] h2 {font-size: 175%; color: var(--color-primary)}
.interface-layout[data-team="6"] h3 {font-size: 140%; color: var(--color-primary)}

/* Section headers get the secondary teal accent */
.interface-layout[data-team="6"] .section-heading {font-size: 1.1rem; font-weight: 600; padding: .5rem .9rem; margin: 1.5rem 0 1rem; background: var(--color-secondary); color: #FFFFFF; border-radius: 4px}

/* Field label + required asterisk */
.interface-layout[data-team="6"] .form-field {margin-bottom: 1rem}
.interface-layout[data-team="6"] .form-field label {display: block; margin-bottom: .35rem; font-weight: 600; color: #444}
.interface-layout[data-team="6"] .form-field .rfv {color: var(--color-rfv); margin-right: .35rem; font-size: .7rem; vertical-align: middle}

/* Phone row helper note */
.interface-layout[data-team="6"] .phone-note {color: var(--color-primary); font-weight: 600; margin: .5rem 0 .75rem}

/* Submit row */
.interface-layout[data-team="6"] .submit-row {margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #eee; text-align: center}
.interface-layout[data-team="6"] .submit-row .btn {min-width: 260px}

/* Validation summary */
.interface-layout[data-team="6"] .validation-summary {background: #FCE7F1; border: 1px solid var(--color-tertiary); color: #8B1F4D; padding: .85rem 1rem; border-radius: 4px; margin-bottom: 1.25rem}
.interface-layout[data-team="6"] .validation-summary strong {color: #8B1F4D}

/* Thank-you confirmation card */
.interface-layout[data-team="6"] .confirmation-card {text-align: center; padding: 2rem 1rem}
.interface-layout[data-team="6"] .confirmation-card .confirm-icon {font-size: 3rem; color: var(--color-primary); margin-bottom: 1rem}