/*
Theme Name: AJSM Painting
Theme URI: https://yourwebsite.com
Author: AJSM
Author URI: https://yourwebsite.com
Description: A theme for an interior painting business
Version: 1.0
License: GPL2
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ajsm-painting
*/
.header{background-color:#f4f7fb;color:#333;padding:5px 0;position:sticky;top:0;width:100%;z-index:1000;box-shadow:0 4px 15px rgba(0,0,0,.1)}.header .header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 10px;width:100%}@media (max-width:600px){.header .header-container{flex-direction:column;align-items:center;text-align:center;padding:20px 0}}.header .header-container .header-logo{flex:.5}.header .header-container .header-logo img{max-width:80px;height:auto}.header .header-container .header-phone-numbers{font-size:20px;font-weight:700;display:flex;justify-content:center;align-items:center;flex:1;margin-top:10px}.header .header-container .header-phone-numbers .phone-number{margin:0 10px;color:teal;text-decoration:none;transition:all .3s ease}.header .header-container .header-phone-numbers .phone-number:hover{color:#0056b3;transform:scale(1.1);transition:all .3s ease}.header .header-container .header-phone-numbers .desktopOnly{display:inline-block}@media (max-width:600px){.header .header-container .header-phone-numbers .desktopOnly{display:none}}.header .header-container .header-phone-numbers .mobileOnly{display:none}@media (max-width:600px){.header .header-container .header-phone-numbers .mobileOnly{display:block}}.header .header-container .cta-container{text-align:right;flex:.5;margin-top:10px}.header .header-container .cta-container .header-cta{background-color:teal;color:#fff;padding:12px 25px;border-radius:10px;font-size:20px;font-weight:600;border:2px solid gray;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 6px 15px rgba(0,0,0,.15)}.header .header-container .cta-container .header-cta a{color:#fff;text-decoration:none}.header .header-container .cta-container .header-cta:hover{border:2px solid #0056b3;transform:translateY(-3px)}.header .header-container .cta-container .header-cta:active{background-color:#004494;transform:translateY(1px)}@media (max-width:600px){.header .header-container .cta-container .header-cta{padding:12px;font-size:16px;margin-top:10px}}@media (max-width:600px){.header .header-container .cta-container{text-align:center}}@media (min-width:601px) and (max-width:1024px){.header .header-phone-numbers{font-size:18px}.header .header-cta{font-size:20px}}@media (min-width:1025px){.header .header-container{padding:15px}.header .header-phone-numbers{font-size:18px}.header .header-cta{font-size:22px}}@media (max-width:600px){.header .header-container{flex-direction:column;align-items:center;text-align:center}.header .header-logo{margin-bottom:20px}.header .cta-container,.header .header-phone-numbers{width:100%;margin-top:10px;text-align:center}.header .header-phone-numbers{font-size:16px}.header .cta-container .header-cta{margin-top:10px;font-size:16px}}.paint-trail{position:absolute;width:15px;height:15px;background-color:teal;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:1;animation:fadeTrail 1s forwards;z-index:-1}@keyframes fadeTrail{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2)}}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;background-color:#f4f4f4;color:#333;margin:0;padding:0}body .container{max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}section{margin-bottom:10px}#free-estimate{margin-top:50px;padding:30px;background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.3)}#free-estimate h2{font-size:1.5rem;color:#333;margin-bottom:20px}#free-estimate form label{display:block;margin-bottom:5px;font-weight:700}#free-estimate form input,#free-estimate form select,#free-estimate form textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}#free-estimate form button{background-color:teal;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#free-estimate form button:hover{background-color:#005a5a}#hero{background-color:transparent;padding:50px 0 0 0}#hero .hero-container{display:flex;justify-content:flex-start;align-items:flex-start;max-width:1200px;margin:0 auto;padding:0 20px;gap:40px}#hero .hero-container .left{flex:1.5;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:400px}#hero .hero-container .left .hero-content h1{font-size:3rem;margin:0 0 10px 0}#hero .hero-container .left .hero-content p{font-size:1.2rem;margin:0 0 30px 0}#hero .hero-container .left .hero-content .cta-button{background-color:teal;color:#fff;padding:15px 30px;border-radius:10px;text-decoration:none;font-size:1.2rem;font-weight:600;transition:all .3s ease;margin-bottom:20px;display:block;border:2px solid grey;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:200px}#hero .hero-container .left .hero-content .cta-button:hover{background-color:#005556}#hero .hero-container .left .share-section{margin-top:auto}#hero .hero-container .left .share-section .social-icons{display:flex;gap:10px}#hero .hero-container .left .share-section .social-icons .social-icon img{width:30px;height:auto;transition:transform .3s ease;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1)}#hero .hero-container .left .share-section .social-icons .social-icon img:hover{transform:scale(1.1)}#hero .hero-container .right{flex:.5;display:flex;justify-content:center;align-items:center}#hero .hero-container .right .hero-image img{max-width:100%;height:auto;border-radius:10px}@media (max-width:768px){#hero .hero-container{flex-direction:column}#hero .hero-container .left{flex:1;padding-right:0;min-height:0}#hero .hero-container .left .hero-content h1{font-size:2rem}#hero .hero-container .left .hero-content p{font-size:1rem}#hero .hero-container .left .hero-content .cta-button{width:100%;padding:12px 25px;font-size:1rem}#hero .hero-container .left .share-section{margin-top:20px}#hero .hero-container .right{flex:1;margin-top:20px}#hero .hero-container .right .hero-image img{display:none}}#services{background-color:#f9f9f9;padding:60px 20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.3)}.services-container{max-width:1200px;margin:0 auto;text-align:center}.services-container h2{font-size:2.5rem;color:#333;margin-bottom:20px}.services-container .section-description{font-size:1.2rem;color:#555;margin-bottom:40px}.services-container .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.services-container .services-grid .service-item{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:left;transition:transform .3s ease}.services-container .services-grid .service-item:hover{transform:translateY(-5px)}.services-container .services-grid .service-item img{border-radius:10px;margin-bottom:15px;display:block;margin:0 auto;height:110px;width:auto;max-width:100%}.services-container .services-grid .service-item h3{font-size:1.5rem;color:teal;margin-bottom:10px}.services-container .services-grid .service-item p{font-size:1rem;color:#555}#about{padding:60px 20px;background-color:transparent;color:#333;text-align:center}#about h2{font-size:2.5rem;color:teal;margin-bottom:20px}#about p{font-size:1.2rem;line-height:1.6;color:#555;margin-bottom:40px}#about .about-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}#about .about-grid .about-item{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:280px;text-align:center;transition:transform .3s ease}#about .about-grid .about-item:hover{transform:translateY(-5px)}#about .about-grid .about-item img{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:15px;box-shadow:0 4px 6px rgba(0,0,0,.2)}#about .about-grid .about-item h3{font-size:1.5rem;color:#333;margin-bottom:10px}#about .about-grid .about-item p{font-size:1rem;color:#555;line-height:1.4}.mobileOnly{display:none}@media (max-width:768px){.mobileOnly{display:block}}.desktopOnly{display:block}@media (max-width:768px){.desktopOnly{display:none}}