Teaching Children 9-15+

/* Navigation links in Wix header */ #SITE_HEADER nav a { position: relative; padding: 6px 12px; color: #222 !important; text-decoration: none; transition: color 0.3s ease; font-weight: 500; } #SITE_HEADER nav a:hover { color: #0d6efd !important; } /* Animated underline */ #SITE_HEADER nav a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0%; height: 2px; background: #0d6efd; transition: width 0.3s ease; } #SITE_HEADER nav a:hover::after { width: 100%; } /* Active link highlight */ #SITE_HEADER nav a.wixui-button, #SITE_HEADER nav a[aria-current="page"] { color: #0d6efd !important; font-weight: 600; } /* Primary button style */ #SITE_PAGES .btn-primary { background: linear-gradient(135deg, #0d6efd, #0a58ca); color: #fff !important; padding: 0.75em 1.5em; border-radius: 8px; font-weight: 600; text-decoration: none; display: inline-block; transition: all 0.3s ease; } #SITE_PAGES .btn-primary:hover { background: linear-gradient(135deg, #0a58ca, #052c65); transform: translateY(-2px); } /* Secondary button style */ #SITE_PAGES .btn-secondary { background: #f8f9fa; color: #0d6efd !important; padding: 0.75em 1.5em; border: 2px solid #0d6efd; border-radius: 8px; font-weight: 500; text-decoration: none; display: inline-block; transition: all 0.3s ease; } #SITE_PAGES .btn-secondary:hover { background: #e9ecef; transform: translateY(-2px); } /* Base text sitewide */ #SITE_CONTAINER { font-family: 'Roboto', 'Helvetica Neue', sans-serif; color: #333; line-height: 1.6; font-size: 16px; } /* Headings */ #SITE_CONTAINER h1, #SITE_CONTAINER h2, #SITE_CONTAINER h3, #SITE_CONTAINER h4 { font-family: 'Merriweather', serif; font-weight: 700; margin: 1.2em 0 0.6em; line-height: 1.3; } #SITE_CONTAINER h1 { font-size: 2.2rem; } #SITE_CONTAINER h2 { font-size: 1.8rem; } #SITE_CONTAINER h3 { font-size: 1.4rem; } /* Light grey section band */ #SITE_PAGES .section-alt { background: #f8f9fa; padding: 4em 2em; border-radius: 12px; margin: 3em 0; } /* Highlight section with soft gradient */ #SITE_PAGES .section-highlight { background: linear-gradient(135deg, #e3f2fd, #ffffff); padding: 4em 2em; border-radius: 12px; margin: 3em 0; } #SITE_FOOTER { background: #0a0a0a !important; color: #ddd !important; padding: 3em 2em !important; text-align: center; font-size: 0.9rem; } #SITE_FOOTER a { color: #0d6efd !important; text-decoration: none; margin: 0 8px; } #SITE_FOOTER a:hover { text-decoration: underline; } Alan J. Fisher | Author & Educator | Spain & Gibraltar Alan J. Fisher — Educator, Writer & Poet Mastodon /* Modernize image interactions */ img[src*="holographic_concept_2.png"], img[src*="Teaching.png"] { transition: transform 0.4s ease, filter 0.4s ease; border-radius: 10px; /* Rounded for contemporary feel */ } img[src*="holographic_concept_2.png"]:hover, img[src*="Teaching.png"]:hover { transform: scale(1.08); /* Zoom for engagement */ filter: brightness(1.05); /* Slight highlight */ } /* Accordion-like for text blocks (if using collapsible elements) */ .collapsible-section { cursor: pointer; transition: max-height 0.3s ease; } /* Enhance link hovers */ a.toolLink { position: relative; overflow: hidden; } a.toolLink::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #0d6efd; transform: scaleX(0); transition: transform 0.3s ease; } a.toolLink:hover::after { transform: scaleX(1); /* Underline animation */ } /* Enhance service sections */ .section-alt { padding: 3em 2em; /* More padding for breathing room */ border-radius: 8px; /* Softened edges for modernity */ transition: background 0.3s ease; } .section-alt:hover { background: linear-gradient(135deg, #f8f9fa, #e3f2fd); /* Subtle gradient shift on hover */ } /* Improve button engagement */ .btn-primary { animation: subtleBounce 2s infinite ease-in-out; /* Gentle bounce to draw eye */ } @keyframes subtleBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } /* Better mobile adjustments */ @media (max-width: 768px) { .main-content { font-size: clamp(0.9rem, 4vw, 1rem); /* Finer scaling */ } }