* { margin: 0; padding: 0; box-sizing: border-box; } /* Force left-align: overrides FS site's centered article body CSS */ h1, h2, h3, h4, h5, h6, p, div, span, li, ul, ol, a, td, th, .container, .title-area, .card, .card-header, .card-body, .challenge-content, .facility-caption, .facility-caption-text, .quote-block, .faq-list, .faq-answer, .faq-question, .steps-grid, .step-content, .guide-intro, .guide-card-body, .hood-grid, .nearby-pills, .service-info, .service-description, .promo-box, .meta-pills, .location-tag, .detail-content, .detail-description, .detail-bullets { text-align: left !important; } html, body { font-family: 'Montserrat', sans-serif; background-color: #f4f5f7; color: #7f7f7f; line-height: 1.6; text-align: left !important; } /* ===== HEADER ===== */ .site-header { background-color: #1a2a3a; padding: 16px 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .header-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; } .logo { font-size: 24px; font-weight: 700; color: #ecc486; text-decoration: none; } .nav-items { display: flex; gap: 24px; list-style: none; } .nav-items a { color: #fff; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.3s; } .nav-items a:hover { color: #ecc486; } /* ===== MAIN CONTAINER ===== */ .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* ===== TITLE AREA ===== */ .title-area { background-color: #fff; padding: 40px; margin-top: 0; border-bottom: 1px solid #e4e7eb; } .location-tag { display: inline-block; background-color: #f0f0f0; color: #293241; padding: 6px 12px; border-radius: 4px; font-size: 12px; font-weight: 600; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; } .title-area h1 { font-size: 48px; font-weight: 700; margin-bottom: 12px; color: #293241; } .title-area p { font-size: 16px; color: #666; margin-bottom: 20px; line-height: 1.7; } .meta-pills { display: flex; flex-wrap: wrap; gap: 16px; } .meta-pill { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #555; } .meta-pill a { color: #ecc486; text-decoration: none; font-weight: 600; } .meta-pill a:hover { text-decoration: underline; } /* ===== PROMO BOXES ===== */ .promo-section { margin-top: 30px; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; } .promo-box { background: linear-gradient(135deg, #f9f9f9 0%, #fff 100%); border: 1px solid #e4e7eb; border-radius: 8px; padding: 24px; text-align: left; } .promo-box h3 { font-size: 16px; font-weight: 600; color: #293241; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; } .promo-box p { font-size: 14px; color: #666; margin-bottom: 12px; line-height: 1.5; } .promo-tag { display: inline-block; background-color: #293241; color: #fff; padding: 6px 12px; border-radius: 4px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; } .promo-button { display: inline-block; background-color: #293241; color: #fff; padding: 10px 16px; border-radius: 4px; text-decoration: none; font-size: 13px; font-weight: 600; transition: background-color 0.3s; border: none; cursor: pointer; } .promo-button:hover { background-color: #1a2a3a; } /* ===== CARD LAYOUT ===== */ .card { background-color: #fff; border: 1px solid #e4e7eb; border-radius: 8px; margin-top: 30px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .card-header { padding: 22px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 14px; } .card-header h2 { font-size: 35px; font-weight: 600; color: rgb(41, 50, 65); margin: 0; } .card-icon { font-size: 40px; display: flex; align-items: center; } .card-body { padding: 30px; } /* ===== TRUST CHIPS ===== */ .trust-bar { background-color: #293241; padding: 20px 30px; display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center; border-radius: 8px; margin-top: 30px; } .trust-chip { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 14px; font-weight: 500; } /* ===== SERVICES LIST ===== */ .services-list { display: grid; grid-template-columns: 1fr; gap: 0; } .service-row { display: grid; grid-template-columns: 140px 1fr auto; gap: 20px; padding: 20px 0; border-bottom: 1px solid #f0f0f0; align-items: start; } .service-row:last-child { border-bottom: none; } .service-icon img { width: 100%; height: 100%; object-fit: cover; } .service-icon { display: flex; align-items: center; justify-content: center; width: 140px; height: 140px; overflow: hidden; border-radius: 8px; flex-shrink: 0; } .service-info h3 { font-size: 16px; font-weight: 600; margin-bottom: 6px; } .service-info h3 a { color: #ecc486; text-decoration: none; } .service-info h3 a:hover { text-decoration: underline; } .service-description { font-size: 13px; color: #666; line-height: 1.5; } .service-price { font-size: 16px; font-weight: 700; color: #293241; text-align: right; white-space: nowrap; } /* ===== DETAIL CARDS ===== */ .detail-card { background-color: #fff; border: 1px solid #e4e7eb; border-radius: 8px; margin-top: 30px; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; gap: 0; } .detail-image { width: 100%; height: 100%; min-height: 300px; background-size: cover; background-position: center; } .detail-content { padding: 30px; display: flex; flex-direction: column; justify-content: center; } .detail-content h3 { font-size: 28px; font-weight: 700; color: rgb(95, 138, 164); margin-bottom: 12px; } .detail-price { font-size: 13px; font-weight: 600; color: #ecc486; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; } .detail-description { font-size: 14px; color: #666; margin-bottom: 18px; line-height: 1.6; } .detail-bullets { list-style: none; padding: 0; } .detail-bullets li { font-size: 13px; color: #555; padding: 8px 0; padding-left: 24px; position: relative; } .detail-bullets li:before { content: "•"; position: absolute; left: 0; color: #ecc486; font-weight: 700; } @media (max-width: 768px) { .detail-card { grid-template-columns: 1fr; } .detail-image { min-height: 250px; } } /* ===== CHALLENGE CARD ===== */ .challenge-content { padding: 30px; } .challenge-content p { font-size: 15px; color: #666; margin-bottom: 16px; line-height: 1.7; } /* ===== HOW IT WORKS ===== */ .steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; padding: 20px 0; } .step-row { display: flex; gap: 20px; align-items: flex-start; } .step-number { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: #293241; color: #ecc486; border-radius: 50%; font-weight: 700; font-size: 20px; flex-shrink: 0; } .step-content h3 { font-size: 16px !important; font-weight: 600 !important; color: #293241 !important; margin-bottom: 8px !important; text-transform: none !important; letter-spacing: normal !important; line-height: 1.3 !important; min-height: 42px !important; display: flex !important; align-items: center !important; } .step-content p { font-size: 13px; color: #666; line-height: 1.5; } .step-content a { color: #ecc486; text-decoration: none; } .step-content a:hover { text-decoration: underline; } /* ===== LOCAL GUIDE ===== */ .guide-intro { font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 30px; font-style: italic; } .guide-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 30px; } .guide-card { background: #fff; border: 1px solid #e4e7eb; border-radius: 8px; overflow: hidden; text-decoration: none; transition: box-shadow 0.3s, transform 0.2s; display: block; } .guide-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.1); transform: translateY(-2px); } .guide-card-img { width: 100%; height: 160px; object-fit: cover; display: block; } .guide-card-body { padding: 16px; } .guide-card-body h4 { font-size: 15px; font-weight: 700; color: #293241; margin-bottom: 4px; } .guide-card-body p { font-size: 12px; color: #888; line-height: 1.5; margin: 0; } .guide-card-tag { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #ecc486; margin-bottom: 6px; } .hood-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; } .hood-item { font-size: 13px; color: #7f7f7f; line-height: 1.4; padding: 10px 14px; background: #f8f9fa; border-radius: 6px; } .hood-item strong { display: block; color: #293241; font-size: 14px; margin-bottom: 2px; } .hood-item span { display: block; font-size: 12px; } .guide-facts { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 24px; padding: 20px 24px; background: #293241; border-radius: 8px; } .guide-fact { flex: 1; min-width: 120px; text-align: center; } .guide-fact .val { font-size: 20px; font-weight: 800; color: #ecc486; display: block; } .guide-fact .lbl { font-size: 11px; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px; } /* ===== NEARBY LOCATIONS ===== */ .nearby-pills { display: flex; flex-wrap: wrap; gap: 12px; padding: 20px 0; } .location-pill { display: inline-block; background-color: #e8eef3; color: #293241; padding: 10px 18px; border-radius: 24px; text-decoration: none; font-size: 13px; font-weight: 600; transition: all 0.3s; border: 1px solid #d4dceb; } .location-pill:hover { background-color: #ecc486; color: #fff; border-color: #ecc486; } /* ===== FAQ SECTION ===== */ .faq-list { display: flex; flex-direction: column; gap: 0; } .faq-item { border-bottom: 1px solid #e4e7eb; padding: 20px 0; } .faq-item:last-child { border-bottom: none; } .faq-question { font-size: 16px; font-weight: 700; color: #293241; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; } .faq-question::after { content: '+'; font-size: 22px; font-weight: 300; color: #ecc486; flex-shrink: 0; transition: transform 0.3s; } .faq-item.open .faq-question::after { content: '−'; } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; } .faq-item.open .faq-answer { max-height: 300px; padding-top: 12px; } .faq-answer p { font-size: 14px; color: #7f7f7f; line-height: 1.7; margin: 0; } .faq-answer a { color: rgb(95, 138, 164); } /* ===== QUOTE BLOCKS ===== */ .quote-block { background-color: #fff; border: 1px solid #e4e7eb; border-radius: 8px; margin-top: 30px; padding: 30px 36px; position: relative; } .quote-block::before { content: '"'; font-family: Georgia, serif; font-size: 72px; color: #ecc486; position: absolute; top: -10px; left: 24px; line-height: 1; } .quote-text { font-size: 16px; color: #555; line-height: 1.8; font-style: italic; margin-bottom: 16px; padding-left: 10px; } .quote-attribution { display: flex; align-items: center; gap: 14px; } .quote-avatar { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 2px solid #ecc486; } .quote-name { font-size: 14px; font-weight: 700; color: #293241; } .quote-role { font-size: 12px; color: #888; } .quote-stars { color: #ecc486; font-size: 14px; letter-spacing: 2px; } /* ===== BOTTOM CTA ===== */ .bottom-cta { background-color: #293241; color: #fff; padding: 60px 40px; text-align: left; margin-top: 50px; border-radius: 8px; } .bottom-cta h2 { font-size: 42px; font-weight: 700; margin-bottom: 16px; } .bottom-cta p { font-size: 16px; margin-bottom: 24px; line-height: 1.7; max-width: 600px; margin-left: auto; margin-right: auto; } .cta-buttons { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; align-items: center; } .cta-button { background-color: #ecc486; color: #1a2a3a !important; padding: 14px 28px; border-radius: 6px; text-decoration: none; font-size: 14px; font-weight: 700; transition: all 0.3s; display: inline-block; border: 2px solid #ecc486; } .cta-button:hover { background-color: #c19a2a; border-color: #c19a2a; } /* ===== SLIDESHOW (CSS-only animation) ===== */ @keyframes slideFade { 0% { opacity: 1; } 13% { opacity: 1; } 17% { opacity: 0; } 97% { opacity: 0; } 100% { opacity: 1; } } .slideshow { position: relative; width: 100%; height: 400px; overflow: hidden; border-radius: 8px; margin: 8px 0 24px 0; background: #1a1a2e; } .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; animation: slideFade 30s infinite; } .slide:nth-child(1) { animation-delay: 0s; } .slide:nth-child(2) { animation-delay: 5s; } .slide:nth-child(3) { animation-delay: 10s; } .slide:nth-child(4) { animation-delay: 15s; } .slide:nth-child(5) { animation-delay: 20s; } .slide:nth-child(6) { animation-delay: 25s; } .slide img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } .slide-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 28px; background: linear-gradient(transparent, rgba(0,0,0,0.7)); color: #fff; font-size: 15px; font-weight: 600; line-height: 1.5; } /* ===== RESPONSIVE ===== */ @media (max-width: 768px) { .title-area h1 { font-size: 32px; } .title-area { padding: 30px; } .card-header h2 { font-size: 24px; } .card-body, .challenge-content { padding: 20px; } .service-row { grid-template-columns: 1fr; gap: 12px; } .service-price { text-align: left; } .nav-items { display: none; } .trust-bar { flex-direction: column; gap: 16px; text-align: center; } .steps-grid { grid-template-columns: 1fr; } .bottom-cta { padding: 40px 20px; } .bottom-cta h2 { font-size: 28px; } .cta-buttons { flex-direction: column; } .cta-button { width: 100%; text-align: center; } } Nearby Locations Browse Forever Studios services in other Florida cities Bonita Springs Bradenton Brandon Cape Coral Clearwater Estero Fort Myers Kissimmee Lakeland Largo Lehigh Acres Marco Island Naples Orlando Sarasota St. Petersburg Tampa Vintage University Curious about what is possible with your media? Explore Vintage University and learn how to preserve what matters, from identifying old formats to understanding the digitizing process. Visit Vintage U → 🔗 Explore Our Services Browse our full range of media preservation services available to residents throughout Florida: 📼 VHS & Tape Digitizing 📸 Photo Scanning 🎬 Film Transfer 🎵 Audio Digitizing ❓ Frequently Asked Questions: Port Charlotte Where exactly is the Forever Studios facility, and can Port Charlotte residents visit? Our headquarters is at 1000 Clint Moore Rd in Boca Raton, a 10,000+ sq ft facility purpose-built for media preservation. Port Charlotte residents can reach us via I-75 at US-41. Walk-ins are welcome Monday through Friday with no appointment needed. Our customer experience team will review your collection in person. What does VHS to digital conversion cost for someone in Port Charlotte? VHS to digital starts at $12 per tape regardless of where you live in Charlotte County. That price covers professional capture, digital file creation, quality review, and return of your originals. Volume discounts are available for collections of 10+ tapes. Get a free quote for your specific project. My tapes have been in a Charlotte County garage for years. Can they still be saved? In most cases, yes. Florida's heat and humidity cause oxide shedding, mold growth, and warped housings, but our technicians handle damaged media daily. We offer tape repair services that can recover footage from tapes that won't play in consumer decks. We'll assess your collection and give you an honest evaluation before any work begins. Does Forever Studios handle more than just VHS for Port Charlotte customers? We handle the full range: VHS, VHS-C, Hi8, MiniDV, Betamax, 8mm and Super 8 film, 35mm slides and negatives, photo scanning at 600 DPI, audio cassettes, vinyl records, and professional photo restoration. One team, one facility, every format under one roof. How do I ship my collection from Port Charlotte? Request a free insured shipping kit from our website or by calling 561-235-7808. We send you custom-fitted packaging designed for fragile media. Pack your items, drop the prepaid box at any UPS location, and we'll notify you when it arrives. Every shipment is fully insured and tracked.
