/* Procore Help - base shim for the jones theme.
 * Provides the global helpers the legacy jonestenants theme used to supply
 * (Sofia Pro @font-face, .jones-wrapper container, .sliding-arrow, .line-clamp).
 * Scoped/enqueued only on the procore-help-single template. Poppins comes from
 * a Google Fonts enqueue (see jones functions.php). */

@font-face{font-family:'Sofia Pro';src:url('/wp-content/themes/jonestenants/fonts/fonts_website_3_0/SofiaPro.woff2') format('woff2'),url('/wp-content/themes/jonestenants/fonts/fonts_website_3_0/SofiaPro.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Sofia Pro';src:url('/wp-content/themes/jonestenants/fonts/fonts_website_3_0/SofiaPro-Medium.woff2') format('woff2'),url('/wp-content/themes/jonestenants/fonts/fonts_website_3_0/SofiaPro-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Sofia Pro';src:url('/wp-content/themes/jonestenants/fonts/fonts_website_3_0/SofiaPro-SemiBold.woff2') format('woff2'),url('/wp-content/themes/jonestenants/fonts/fonts_website_3_0/SofiaPro-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Sofia Pro';src:url('/wp-content/themes/jonestenants/fonts/fonts_website_3_0/SofiaPro-Bold.woff2') format('woff2'),url('/wp-content/themes/jonestenants/fonts/fonts_website_3_0/SofiaPro-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}

/* container */
.jones-wrapper{max-width:1056px;padding:0 20px;margin:auto}

/* multi-line truncation (used in search-results dropdown) */
.line-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp.lines-1{-webkit-line-clamp:1}
.line-clamp.lines-2{-webkit-line-clamp:2}
.line-clamp.lines-3{-webkit-line-clamp:3}
@media(min-width:992px){.line-clamp.lines-lg-1{-webkit-line-clamp:1}.line-clamp.lines-lg-2{-webkit-line-clamp:2}}

/* "Read" sliding arrow link */
.sliding-arrow{position:relative;text-decoration:none;display:flex;align-items:flex-end;gap:8px;color:#0073FF}
.sliding-arrow:hover{color:#0061D7}
.sliding-arrow:after{display:inline-block;content:"";width:16px;height:16px;background-size:contain;background-repeat:no-repeat;vertical-align:middle;transition:transform .3s ease-out;margin-bottom:3px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23c)'%3E%3Cpath d='M3.33366 8.66583H10.7803L7.52699 11.9192C7.26699 12.1792 7.26699 12.6058 7.52699 12.8658C7.78699 13.1258 8.20699 13.1258 8.46699 12.8658L12.8603 8.4725C13.1203 8.2125 13.1203 7.7925 12.8603 7.5325L8.47366 3.1325C8.21366 2.8725 7.79366 2.8725 7.53366 3.1325C7.27366 3.3925 7.27366 3.8125 7.53366 4.0725L10.7803 7.3325H3.33366C2.96699 7.3325 2.66699 7.6325 2.66699 7.99917C2.66699 8.36583 2.96699 8.66583 3.33366 8.66583Z' fill='%230073FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}
.sliding-arrow:hover:after{transform:translateX(4px)}
