/*
Theme Name: Search and Go
Theme URI: https://searchandgo.qodeinteractive.com/
Description: Modern & Smart Directory Theme
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Text Domain: search-and-go
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 2.8.1
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/* ---- Dimmed backdrop behind the card ---- */
body.stafflist-card-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9998;
}

/* ---- The contact card as a large centred modal ---- */
.tippy-box[data-theme~="stafflist"],   /* if StaffList themes its tippy */
.tippy-box {                            /* fallback: confirm via Inspect */
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90vw !important;
    max-width: 600px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
}

/* ---- Hide tippy's little arrow (a modal shouldn't point at anything) ---- */
.tippy-box .tippy-arrow {
    display: none !important;
}

/* ---- Roomier inner content ---- */
.tippy-content {
    padding: 32px !important;
    text-align: center;
    font-size: 17px;
    line-height: 1.6;
}

/* ---- Bigger photo inside the modal ---- */
.stafflist_image_medium {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 12px;
    margin: 0 auto 20px;