/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* intl-tel-input styling compatibility for Salient */
.iti {
    display: block !important;
    width: 100% !important;
}

.iti input.wpcf7-tel {
    width: 100% !important;
}

.iti__country-list {
    color: #333 !important;
}

.pum-container,
.pum-content,
.pum-content .wpcf7,
.pum-content form,
.pum-content p {
    overflow: visible !important;
}

.pum-active .iti,
.pum-active .iti__country-container,
.pum-active .iti__dropdown-content {
    z-index: 2000001000 !important;
}

.pum-active .iti__dropdown-content {
    width: min(480px, calc(100vw - 32px)) !important;
    max-height: 320px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22) !important;
}

.pum-active .iti__country-list {
    max-height: 260px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 767px) {
    .pum-active .iti__dropdown-content {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        width: min(520px, calc(100vw - 48px)) !important;
        max-height: min(55vh, 360px) !important;
    }

    .pum-active .iti__country-list {
        max-height: calc(min(55vh, 360px) - 54px) !important;
    }
}


/* ========================================
   Google Sans — Regular, Medium, SemiBold, Bold
   ======================================== */

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('fonts/GoogleSans-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}


/* ========================================
   Google Sans 17pt — Optical Size Set
   ======================================== */

@font-face {
    font-family: 'Google Sans 17pt';
    src: url('fonts/GoogleSans_17pt-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans 17pt';
    src: url('fonts/GoogleSans_17pt-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans 17pt';
    src: url('fonts/GoogleSans_17pt-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans 17pt';
    src: url('fonts/GoogleSans_17pt-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans 17pt';
    src: url('fonts/GoogleSans_17pt-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans 17pt';
    src: url('fonts/GoogleSans_17pt-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans 17pt';
    src: url('fonts/GoogleSans_17pt-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans 17pt';
    src: url('fonts/GoogleSans_17pt-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}