/*
Theme Name: Salient Child - Vault
Description: Child theme for the Clear pH Vault main site
Template: salient
Version: 1.0
*/

/* FONTS - Matching ClearPH */
@font-face {
    font-family: 'freight-display-pro';
    src: url('/wp-content/themes/salient-child-vault/fonts/FreightDispProLight-Regular.eot');
    src: url('/wp-content/themes/salient-child-vault/fonts/FreightDispProLight-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/salient-child-vault/fonts/FreightDispProLight-Regular.woff') format('woff'),
        url('/wp-content/themes/salient-child-vault/fonts/FreightDispProLight-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('/wp-content/themes/salient-child-vault/fonts/Avenir-Book.eot');
    src: url('/wp-content/themes/salient-child-vault/fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/salient-child-vault/fonts/Avenir-Book.woff') format('woff'),
        url('/wp-content/themes/salient-child-vault/fonts/Avenir-Book.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('/wp-content/themes/salient-child-vault/fonts/Avenir-BookOblique.eot');
    src: url('/wp-content/themes/salient-child-vault/fonts/Avenir-BookOblique.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/salient-child-vault/fonts/Avenir-BookOblique.woff') format('woff'),
        url('/wp-content/themes/salient-child-vault/fonts/Avenir-BookOblique.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('/wp-content/themes/salient-child-vault/fonts/Avenir-MediumOblique.eot');
    src: url('/wp-content/themes/salient-child-vault/fonts/Avenir-MediumOblique.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/salient-child-vault/fonts/Avenir-MediumOblique.woff') format('woff'),
        url('/wp-content/themes/salient-child-vault/fonts/Avenir-MediumOblique.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('/wp-content/themes/salient-child-vault/fonts/Avenir-Medium.eot');
    src: url('/wp-content/themes/salient-child-vault/fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/salient-child-vault/fonts/Avenir-Medium.woff') format('woff'),
        url('/wp-content/themes/salient-child-vault/fonts/Avenir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* VAULT LANDING PAGE STYLES */
.vault-hero {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem;
}

.vault-logo {
    max-width: 300px;
    margin-bottom: 3rem;
}

.vault-title {
    font-family: 'freight-display-pro', serif;
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 300;
    margin-bottom: 1rem;
}

.vault-subtitle {
    font-family: 'Avenir', sans-serif;
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 300;
    margin-bottom: 3rem;
}

.vault-links {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
}

.vault-link {
    display: block;
    padding: 1.5rem 3rem;
    background: transparent;
    border: 1px solid currentColor;
    font-family: 'Avenir', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
}

.vault-link:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

/* Utility classes matching ClearPH */
.add_kerning {
    letter-spacing: 0.15em !important;
    font-weight: 800 !important;
    font-size: 12px;
}

.under-line {
    border-bottom: 0.0558rem solid #000;
    color: inherit;
    cursor: pointer;
    text-decoration: none !important;
}