/*
Theme Name: Josh Sells Tampa Bay
Theme URI: https://www.joshsellstampabay.com
Author: Josh Palathinkal
Description: Custom theme for joshsellstampabay.com — homepage, Work With Me pages, Listing of the Day, and lead forms tagged "joshsellstampabay".
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jstb
*/

body { margin: 0; }
a { color: #0B6466; }
a:hover { color: #084B4C; }
img { max-width: 100%; }

/* Spam trap field: hidden from people, visible to bots */
.jstb-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

.jstb-alert { background: #FDECEA; color: #8A1C12; border-radius: 6px; padding: 12px 14px; font-size: 14px; font-weight: 600; }

.jstb input:focus, .jstb select:focus, .jstb textarea:focus, .jstb button:focus-visible, .jstb a:focus-visible {
  outline: 3px solid #3FB5AE; outline-offset: 2px;
}

@media (max-width: 760px) {
  .jstb h1 { font-size: 34px !important; }
  .jstb h2 { font-size: 30px !important; }
  .jstb section[style*="104px"], .jstb section[style*="96px"], .jstb section[style*="88px"] {
    padding-top: 64px !important; padding-bottom: 64px !important;
  }
  .jstb header nav { order: 3; width: 100%; gap: 6px 18px !important; font-size: 14px !important; }
  .jstb-gallery { grid-template-columns: 1fr 1fr !important; grid-template-rows: 220px 120px 120px !important; }
  .jstb-gallery-main { grid-column: span 2 !important; grid-row: span 1 !important; }
  .jstb-two { grid-template-columns: 1fr !important; }
  .jstb ul[style*="columns: 2"] { columns: 1 !important; }
}


/* Shared visual system: coastal editorial, October 2026. */
:root{--jp-ink:#022249;--jp-teal:#0b6466;--jp-paper:#f6f5f1;--jp-line:#d9dfdf}
body{font-family:Manrope,system-ui,sans-serif;color:var(--jp-ink);-webkit-font-smoothing:antialiased}
.jstb :where(h1,h2){font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:1.13!important;text-wrap:balance}
.jstb :where(h3){line-height:1.3;text-wrap:balance}.jstb p{line-height:1.8}.jstb :where(input,textarea,select){max-width:100%;box-sizing:border-box;border-radius:2px!important;border-color:#bcc8c8!important;background:#fff;min-height:48px}
.jstb textarea{min-height:120px}.jstb :where(button[type=submit],a[style*="padding: 1"]){border-radius:2px!important}
.jstb form[method=post]{border:1px solid var(--jp-line);border-radius:4px!important;box-shadow:0 18px 55px #0222490b}
.jstb>header{border-bottom:1px solid var(--jp-line)!important}.jstb>header>div{padding-top:25px!important;padding-bottom:25px!important}
.jstb header nav a{position:relative}.jstb header nav a:hover{text-decoration:underline!important;text-underline-offset:6px}
.jstb section[style*="background: #DCE6E8"]{background:var(--jp-paper)!important}.jstb section[style*="background: #F3F6F7"]{background:#f7f8f6!important}
.jstb footer{border-top:1px solid #ffffff20}.jstb footer nav a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:5px}
.jstb-community-card{border-radius:3px!important;box-shadow:0 5px 24px #02224905}.jstb-card-copy{padding:27px!important}.jstb-card-copy h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;font-size:29px!important}.jstb-card-cta{display:inline-block;border-bottom:1px solid #0b64665c;padding-bottom:5px}
.jstb-map-wrap{border-radius:3px!important}.jstb-community-detail h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.jstb-home-v2>section:not(.cinema){padding:104px 40px!important}.jstb-home-v2 #work>div{gap:42px!important}
.jstb-home-v2 #work>div>div:nth-child(2){gap:30px!important}.jstb-home-v2 #work>div>div:nth-child(2)>a{border:0!important;border-radius:3px!important;background:#f6f5f1;box-shadow:0 12px 36px #02224908;transition:transform .25s,box-shadow .25s}
.jstb-home-v2 #work>div>div:nth-child(2)>a:hover{transform:translateY(-4px);box-shadow:0 18px 38px #02224914}.jstb-home-v2 #work>div>div:nth-child(2)>a>div{padding:32px!important;gap:16px!important}.jstb-home-v2 #work>div>div:nth-child(2)>a>div>span:first-child{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;font-size:34px!important}
.jstb-home-v2 #network{background:#062d37!important}.jstb-home-v2 #network>div>div:nth-child(2){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 38px!important}.jstb-home-v2 #network>div>div:nth-child(2)>div{background:transparent!important;border-radius:0!important;border-top:1px solid #ffffff30;padding:26px 0!important;gap:13px!important}.jstb-home-v2 #network>div>div:nth-child(2)>div>span:first-child{font-size:19px!important;font-weight:600!important}.jstb-home-v2 #network>div>a{background:transparent!important;color:#fff!important;border:1px solid #ffffff90;border-radius:2px!important}
.jstb-home-v2 #about>div{gap:64px!important;align-items:flex-start!important}.jstb-home-v2 #about figure{flex-basis:360px!important;max-width:460px!important;position:sticky;top:42px}.jstb-home-v2 #about figure img{border-radius:3px!important;box-shadow:18px 18px 0 #e3e9e4}.jstb-home-v2 #about p{font-size:16px!important;line-height:1.85!important}.jstb-home-v2 #about h2{font-size:48px!important;margin-bottom:8px!important}
.jstb-home-v2 #areas{background:#f6f5f1!important;color:#022249!important}.jstb-home-v2 #areas .polish-kicker{color:#0b6466!important}.jstb-home-v2 #areas .polish-directory-link{color:#0b6466!important;font-size:14px;border-bottom:1px solid #0b64665c;padding-bottom:6px}
.polish-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.polish-area{display:block;text-decoration:none;color:#022249;background:white;border:1px solid #dbe1df;transition:transform .2s,box-shadow .2s}.polish-area:hover{color:#022249;transform:translateY(-3px);box-shadow:0 15px 30px #0222490e}.polish-area-map{height:190px;overflow:hidden;background:#eaf1ef}.polish-area-map svg{display:block;width:100%;height:100%}.polish-area-copy{padding:23px 25px 25px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:13px}.polish-area-copy strong{font:400 29px Georgia,serif;letter-spacing:-.02em}.polish-area-copy small{grid-column:1/-1;font-size:13px;line-height:1.6;color:#56656a}.polish-area-arrow{color:#0b6466;font-size:24px}
.jstb-home-v2 .polish-reviews figure{border-radius:2px!important;border-width:1px 0 0!important;padding:30px 8px!important}.jstb-home-v2 .polish-reviews blockquote{font-family:Georgia,serif;font-size:22px;line-height:1.6!important}.jstb-home-v2 .polish-reviews figcaption{font-size:13px;font-weight:500!important}.jstb-home-v2 #value{background:#eaf0ec!important}.jstb-home-v2 #ig{border-top:1px solid #e3e7e4}.jstb-home-v2 #ig>div>div:nth-child(2)>div{border-radius:2px!important;background:#eff2ee!important;border:1px solid #d8e0dc;color:#68756d!important}
@media(min-width:1000px){.jstb-home-v2 #about>div>div{flex-basis:480px!important}.jstb-home-v2 #value>div>div{padding-top:30px}}
@media(max-width:1000px){.jstb-home-v2 #network>div>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))!important}.polish-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jstb-home-v2 #about figure{position:static;flex-basis:280px!important}.jstb-home-v2 #about>div{gap:42px!important}}
@media(max-width:760px){.jstb>header>div{padding:20px!important;gap:16px!important}.jstb>header nav{line-height:1.8}.jstb-home-v2>section:not(.cinema){padding:66px 22px!important}.jstb-home-v2 #about h2{font-size:36px!important}.jstb-home-v2 #about figure{max-width:calc(100% - 12px)!important}.jstb-home-v2 #about figure img{box-shadow:12px 12px 0 #e3e9e4}.jstb-home-v2 #network>div>div:nth-child(2){grid-template-columns:1fr!important}.polish-area-grid{grid-template-columns:1fr}.polish-area-map{height:210px}.jstb form[method=post]{padding:24px!important;min-width:0!important}.jstb form label{min-width:0}.jstb-home-v2 .polish-reviews>div>div:nth-child(2){grid-template-columns:minmax(0,1fr)!important}.jstb-home-v2 #work>div>div:nth-child(2)>a>div{padding:25px!important}}
@media(prefers-reduced-motion:reduce){.polish-area,.jstb-home-v2 #work>div>div:nth-child(2)>a{transition:none}.polish-area:hover,.jstb-home-v2 #work>div>div:nth-child(2)>a:hover{transform:none}}

/* Instagram feed (Smash Balloon): undo placeholder-tile styling */
.jstb-home-v2 #ig .jstb-ig-feed > #sb_instagram { border: 0 !important; background: transparent !important; padding: 0 !important; }