/*
Theme Name: Global Equine Academy
Theme URI: https://globalequineacademy.com
Description: Classic theme converted from the original Global Equine Academy HTML site. Keeps the original look (rust left menu, Verdana text) while pages are editable in WordPress.
Version: 1.0
Author: Global Equine Academy
Text Domain: global-equine-academy
*/

/* ---------- Base (from the original equine.css) ---------- */
body {
	background: white;
	border: 0px; margin: 0; letter-spacing: normal;
	font-family: verdana, arial, helvetica, sans-serif; text-align: justify;
	color: #000000;
}

h1 { font: bold 20px verdana, arial, helvetica, sans-serif; }
h2 { font: bold 16px verdana, arial, helvetica, sans-serif; }
h3 { font: bold 14px verdana, arial, helvetica, sans-serif; background-color: #DDBFBF; }
h4 { font: bold 12px verdana, arial, helvetica, sans-serif; }
h5 { font: bold 10px verdana, arial, helvetica, sans-serif; }
h6 { font: bold  9px verdana, arial, helvetica, sans-serif; }

p, td p, dt p, dd p, li p { font: normal 14pt verdana, arial, helvetica, sans-serif; }
p b, td b, dt p, th p     { font: bold 14pt verdana, arial, helvetica, sans-serif; }

img { border: 0px; max-width: 100%; }

a:link, a:active, a:visited { border: 0px; color: #993300; }
a:hover { border: 0px; color: #ffffff; background: #F3F4C1; text-decoration: none; }

blockquote, ul, fieldset, form, ol, dl, dir, menu {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;
}
blockquote { margin-left: 40px; margin-right: 40px; }
li { margin-left: 20px; }

.margin       { margin-left: 20px; margin-right: 20px; text-align: justify; }
.marginitalic { margin-left: 20px; margin-right: 20px; text-align: justify; font-style: italic; }
.first        { margin-left: 20px; margin-right: 20px; text-align: justify; }
.first:first-letter {
	text-transform: uppercase; font-size: 250%; font-style: italic; font-weight: bold;
	float: left; line-height: 60%;
}
.first:first-line { text-transform: uppercase; }
.time          { font-variant: small-caps; }
.rightaligned  { padding-top: 10px; padding-left: 10px; padding-bottom: 10px; }
.textmenu      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #993300; font-weight: bold; }
.phototext     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.headingtext   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold; }

/* ---------- Page frame ---------- */
.gea-wrap {
	display: flex;
	align-items: flex-start;
	border: 1px solid #ddd;
}
.gea-sidebar {
	flex: 0 0 160px;
	padding: 8px;
	border-right: 1px solid #ddd;
	box-sizing: content-box;
}
.gea-main {
	flex: 1 1 auto;
	min-width: 0;
	padding: 20px;
	border-left: 0;
}
.gea-masthead { text-align: center; margin: 0 0 10px; }
.gea-masthead img { vertical-align: bottom; }
.gea-main table { max-width: 100%; }
h1.gea-page-title { text-transform: uppercase; text-align: left; }

/* ---------- Left menu (from the original homepage) ---------- */
.side-nav { width: 149px; font-family: Verdana, Arial, sans-serif; }

/* Logo: shows just the top of the old image */
.side-nav .logo {
	display: block;
	width: 149px;
	height: 150px;
	background: url(site/images/leftstrip.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
}
.side-nav ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 20px;
	width: 165px;
	background: #9b3a12;
	border-left: 4px solid #5e2208;
	box-sizing: border-box;
}
.side-nav li a {
	display: block;
	padding: 9px 4px 9px 6px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
	text-shadow: 2px 2px 3px #000;
}
.side-nav li a:link, .side-nav li a:visited, .side-nav li a:active { color: #fff; }
.side-nav li a:hover, .side-nav li a:focus {
	background: #b8501f;
	color: #fff;
	text-decoration: underline;
}

/* ---------- Footer ---------- */
.gea-footer { margin-top: 10px; text-align: center; }
.gea-footer-nav ul {
	list-style: none; margin: 0 auto; padding: 8px;
	display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px 12px;
	border: 1px solid #ddd; text-align: left; max-width: 760px;
}
.gea-footer-nav li { margin: 0; }
.gea-footer-nav a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.gea-address {
	border: 1px solid #ddd; border-top: 0; margin: 0 auto; max-width: 760px;
	padding: 10px; font-size: 12px; font-weight: bold; text-align: center;
}
.gea-address .gea-name { color: #993300; font-size: 16px; }
.gea-copy { font-style: italic; color: #993300; font-family: "Times New Roman", serif; font-size: 13px; text-align: center; }

/* ---------- Small screens ---------- */
@media (max-width: 760px) {
	img { height: auto; }
	.gea-wrap { flex-direction: column; }
	.gea-sidebar { flex: none; width: 100%; border-right: 0; border-bottom: 1px solid #ddd; box-sizing: border-box; }
	.side-nav, .side-nav ul { width: 100%; display:none; }
	.side-nav .logo { margin: 0 auto; }
	.gea-footer-nav ul { grid-template-columns: repeat(2, 1fr); }
	p, h1, h2, h3, h4, h5, h6, span, a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
  }
}