/**
 * TSS child theme styles.
 *
 * Canvas emits a plain <link> to this file - see woo_output_custom_css() - after the parent
 * theme's own custom.css and after everything enqueued the normal way, so it is the last
 * word on theme styling and needs no !important to win.
 *
 * Hand-maintained. There is no build step: this used to be compiled from custom.less, and
 * the LESS was retired on 2026-08-19 because nothing could still compile it and it had
 * already fallen out of sync with the CSS it supposedly generated. Edit this file directly.
 *
 * Faculty styling is NOT here. The teacher list, filter chips and level badges belong to
 * the tss-faculty plugin and ship with it, loaded only on the pages that use them:
 * app/plugins/tss-faculty/assets/tss-faculty.css
 *
 * @package tss
 */

/* Close match to the TAMIL MN font. */
@import url(//fonts.googleapis.com/css?family=Cardo:700);

/* -------------------------------------------------------------------------
 * Typography
 * ---------------------------------------------------------------------- */

body,
p,
th,
td,
.entry,
.entry p {
	font: 400 1em/1.38em 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
	text-rendering: optimizelegibility;
}

h1,
.archive_header,
.page-title,
.post .title,
.page .title {
	font: 700 36px/1.38em Cardo, Georgia, "Times New Roman", Times, serif;
	text-rendering: optimizelegibility;
}

.post .title a:link,
.post .title a:visited,
.page .title a:link,
.page .title a:visited {
	color: inherit;
}

h1,
.archive_header,
h1.entry-title {
	color: #933;
	font-size: 2em;
	margin: 0 0 0.5em;
	padding: 0;
}

h2 {
	color: #369;
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}

/* -------------------------------------------------------------------------
 * Navigation
 * ---------------------------------------------------------------------- */

/* #eceef3 is the pale grey lifted from Facebook's chrome years ago. */
#navigation {
	background: none repeat scroll 0 0 #eceef3;
	margin-bottom: 1em;
}

ul.nav li.current_page_item a,
ul.nav li.current_page_parent a,
ul.nav li.current-menu-ancestor a,
ul.nav li.current-cat a,
ul.nav li.current-menu-item a {
	background: none repeat scroll 0 0 #dce0e9;
	color: #369;
}

/* Spread the nav across the full width. */
#main-nav li {
	font-size: 115%;
}

#menu-side-menu {
	list-style: square outside none;
	margin: 0 0 0 25px;
}

/* -------------------------------------------------------------------------
 * Content
 * ---------------------------------------------------------------------- */

/* Links inside a post: inherit the body colour, underlined. */
.entry a:link,
.entry a:visited {
	color: inherit;
	text-decoration: underline;
}

.entry a:hover {
	color: #933;
	text-decoration: underline;
}

/* Closing quote mark on blockquotes, drawn with FontAwesome. */
.entry blockquote {
	padding: 10px 70px 10px 50px;
}

.entry blockquote:after {
	content: "\f10e";
	position: absolute;
	bottom: 0.6em;
	right: 30px;
	font-size: 2.5em;
	color: #999;
	color: rgba(0, 0, 0, 0.1);
	font-family: "FontAwesome";
	font-style: normal;
}

/* -------------------------------------------------------------------------
 * Blocks
 * ---------------------------------------------------------------------- */

/* Media & Text blocks sit flush against surrounding paragraphs by default. */
.wp-block-media-text {
	margin: 2em 0;
}

/* -------------------------------------------------------------------------
 * Accessibility helpers
 * ---------------------------------------------------------------------- */

/*
 * Text for screen readers only.
 *
 * Neither Canvas nor WordPress supplies this class to the front end here, so it is defined
 * locally. Used to give the "read more" links a real name, since their visible content is
 * only an arrow.
 *
 * @see tss_the_content_more_link()
 */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	position: absolute;
	word-wrap: normal !important;
}

/* Let a focusable one be seen, e.g. a skip link. */
.screen-reader-text:focus {
	clip: auto !important;
	clip-path: none;
	display: block;
	top: 5px;
	left: 5px;
	z-index: 100000;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	font-size: 0.875em;
	line-height: normal;
	color: #444;
	background-color: #eee;
	text-decoration: none;
}

/* -------------------------------------------------------------------------
 * Header and site furniture
 * ---------------------------------------------------------------------- */

#header {
	margin: 0;
	padding: 0;
}

#tss-logo {
	margin-bottom: 1em;
	opacity: 0.8;
}

#tss-logo:hover {
	opacity: 1;
}

#tss-address-box {
	line-height: 1.2em;
	padding: 5px 5px 5px 10px;
	background-color: #f2dede;
	color: #933;
	font-size: 110%;
}

#tss-registration-button {
	width: 100%;
	text-align: center;
}

/*
 * Footer.
 *
 * Canvas already rules off the footer with `border-top: 1px solid #e6e6e6`, but that was
 * invisible for years behind the blue link block that used to sit on it. With the block gone
 * the rule shows, and #c0c0c0 gives it enough weight to actually read as a division.
 */
#footer {
	border-top: 1px solid #c0c0c0;
}

/*
 * A marker the automated tests look for. Never visible.
 *
 * @see tss_wp_footer()
 */
#tss-page-stamp {
	display: none;
}

/* -------------------------------------------------------------------------
 * Canvas alignment
 *
 * Breadcrumbs are switched off on this site, so the row is collapsed to nothing
 * and the sidebar is pulled up to match. Both zeroes came from a single LESS
 * variable that was set to 0px.
 * ---------------------------------------------------------------------- */

.breadcrumbs {
	font-size: 80%;
	color: #a1a1a1;
	line-height: 0;
	margin-bottom: 0;
}

#wrapper #sidebar {
	margin-top: 0;
}

/* -------------------------------------------------------------------------
 * Widgets
 * ---------------------------------------------------------------------- */

.tss-teachers-gallery {
	text-align: center;
}

.tss-teachers-gallery img {
	height: 75px;
	width: 75px;
	opacity: 0.9;
}

.tss-teachers-gallery img:hover {
	opacity: 1;
}

.testimonials-widget-testimonial {
	width: 90% !important;
	margin: 0 1em !important;
	color: #369;
	font-size: 16px;
}

/* The Facebook widget needs a white background of its own. */
body .fb-like-box {
	background-color: #fff;
}

/* -------------------------------------------------------------------------
 * Forms
 * ---------------------------------------------------------------------- */

/* Line up Contact Form 7 fields. */
.wpcf7-form label {
	display: inline-block;
	min-width: 8em;
}

.wpcf7-form textarea {
	max-width: 100%;
}

/* -------------------------------------------------------------------------
 * Navigation
 * ---------------------------------------------------------------------- */

/*
 * "Enroll in Lessons" menu item (class menu-enroll, set in Appearance > Menus).
 * It exists for narrow screens, where the sidebar with the ENROLL NOW button
 * drops below the content. From 980px Canvas floats the sidebar beside the
 * content (.col-left / .col-right), the button is in view, and the menu item
 * is hidden.
 */
@media only screen and (min-width: 980px) {
	#navigation .menu-enroll {
		display: none;
	}
}

/* --- EOF */