/* ourhistory */

@media screen and (orientation: portrait)
{
	h1 						{font-size: 13pt; padding: 4px 0px; font-weight: 900; text-align: center;}
	h2 						{font-size: 12pt; padding: 3px 0px; font-weight: 900; text-align: center;}
	h3 						{font-size: 11pt; padding: 2px 0px; font-weight: 900; text-align: center;}
	.homepage				{color: black; margin-top: 5px;}
	.homepagecontainer		{margin: 0px 10px 10px 10px;}
	.homepageheadingbuttons	{width: 70px; height: auto;}
	.homepagetext			{width: 93%;}
	.homepagetextwithimage, .homepageheadings, .homepageiconsheader	{font-size: 16pt;}
	.homepageiconsheader	{padding-top: 30px;}
	.searchcriteria			{margin-top: 5px;}
	.searchcriteriabox		{font-weight: bold; padding-top: 6px; padding-bottom: 6px; width: 100%;}
	.searchcriteriaseperator	{font-weight: bold; text-align: center; margin: 5px 0; width: 100%;}
	img.shirts				{width: auto; height: 200px; z-index: 50;}
	.twtwtw					{width: 100%;}
	iframe.withinreport			{width: 96%; margin-left: 2%;}
	iframe.withinreportright	{width: 96%; margin-right: 2%;}
	img.imagedebut 			{width: 40px; height: auto; float: left; margin: 2px;}
	img.imagedebut:hover	{opacity: 0;}
	img.withinreport		{width: 35%; height: auto; text-align: center; padding: 0 8px; margin-top: 3px; float: left;}
	img.withinreportportrait	{width: auto; height: 200px; text-align: center; margin-right: 8px; margin-top: 3px; float: left;}
	img.withinreportright	{width: 40%; height: auto; text-align: center; margin-left: 8px; margin-top: 3px; float: right;}
	img.withinreportrightportrait	{width: auto; height: 200px; text-align: center; margin-left: 8px; margin-top: 3px; float: right;}
	ul.year		 			{font-size: 11pt;}
	li.year					{font-size: 10pt;}
}
	
@media screen and (orientation: landscape)
{
	h1 						{font-size: 17pt; padding: 4px 0px; font-weight: 900; text-align: center;}
	h2 						{font-size: 15pt; padding: 2px 0px; font-weight: 900; text-align: center;}
	h3 						{font-size: 13pt; padding: 1px 0px; font-weight: 900; text-align: center;}
	.hamburgermenu			{font-size: 19pt;}
	.homepage				{color: black; margin-left: 5%; width: 90%; margin-top: 5px;}
	.homepagetext			{width: 95%;}
	.homepagetextwithimage, .homepageheadings, .homepageiconsheader	{font-size: 16pt; width: 95%;}
	.homepagereportsheader	{font-size: 20pt;}
	.homepageheadingbuttons	{width: 90px; height: auto;}
	.homepageiconsheader	{padding-top: 30px;}
	.searchcriteria			{margin-top: 5px;}
	.searchcriteriabox		{font-weight: bold; padding-top: 0.75em; margin-bottom: 0.1em; width: 60%; margin-left: 20%;}
	.searchcriteriaseperator	{font-weight: bold; text-align: center; margin: 5px 0; width: 100%;}
	img.shirts				{width: auto; height: 250px; z-index: 50;}
	img.shirts:hover		{-ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); z-index: 50;}
	.twtwtw					{margin-left: 10%; width: 80%;}
	iframe.withinreport			{width: 640px; margin: 3px 8px;}
	iframe.withinreportright	{width: 640px; margin: 3px 8px;}
	img.imagedebut			{width: 50px; height: auto; float: left; border-radius: 3px; margin: 4px; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 2px 0 rgba(0, 0, 0, 0.19);}
	img.imagedebut:hover	{opacity: 0;}
	img.withinreport		{max-width: 400px; height: auto; text-align: center; margin-right: 20px; margin-top: 5px; float: left; transition: .2s; z-index: 50;}
	img.withinreport:hover	{-ms-transform: scale(2) translate(45px, 20px); -webkit-transform: scale(2) translate(45px, 20px); transform: scale(2) translate(45px, 20px); z-index: 50;}
	img.withinreportright	{max-width: 400px; height: auto; text-align: center; margin-left: 20px; margin-top: 5px; float: right; transition: .2s; z-index: 50;}
	img.withinreportright:hover	{-ms-transform: scale(2) translate(-45px, -20px); -webkit-transform: scale(2) translate(-45px, -20px); transform: scale(2) translate(-45px, -20px); z-index: 50;}
	ul.year		 			{font-size: 13pt;}
	li.year					{font-size: 12pt;}
}

p.imageleft					{width: 50%; text-align: left;}
summary						{width: 100%; text-align: center; font-size: 14pt; font-weight: bold; color: blue;}
.appearancesummary .appearancesummarytext {visibility: hidden; left: 0%; right: 0%; top: 100%; font-size: 8px; background-color: black; color: white; text-align: center; border-radius: 3px; padding: 2px; position: absolute; z-index: 1;}
.appearancesummary:hover  .appearancesummarytext {visibility: visible;}
.appearancesummary:hover  	{color: white; background-color: black;}
.appearancesummary 			{position: relative; display: inline-block; border-bottom: 1px dotted black;}
.articledetails				{padding: 10px 0px;}
.articlesummary				{font-size: 14pt; font-weight: bold; color: blue;}
.button						{background-color: silver; padding: 5px 3px; color: black; font-size: 10pt; font-weight: normal; margin: 10px; border: 2px solid black; border-radius: 5px;}
.captcha					{margin-left: 5%; margin-right: 5%;}

.cell, 
.cellborder 				{display: table-cell; background-color: white; font-weight: 600; text-align: center; border: 1px solid black; padding-top: 3px; padding-bottom: 3px; vertical-align: middle;}

.cellleft 					{background-color: white; font-weight: 600; display: table-cell; text-align: left; border: 1px solid black; padding-top: 3px; padding-bottom: 3px; vertical-align: middle;}

.errortext 					{text-align: center; margin-bottom: 0.67em; font-size: 12pt; line-height: 14pt; color: red; font-weight: bold; padding-top: 10px;}
.homepagecontainer			{border: 2px solid black; margin-top: 5px;}
.homepageheadings			{font-weight: 900; text-align: left; margin: 0px 20px; display: block;}
.homepageheadingbuttons		{display: inline-block; float: left; padding-right: 20px; padding-bottom: 10px;}
.homepagehr					{margin-top: 10px; border-top: 1px solid black;}
.homepageicons				{border: 2pt solid blue; width: 22%;}
.homepageicons:hover		{border: 2pt solid #FF6600; width: 22%; height: auto;}
.homepageiconsheader		{font-weight: 900; text-align: center; margin: 0 20px;}
.homepagemenutext			{background-color: black; color: white; font-weight: 900; padding: 3px;}
.homepageparagraph			{padding: 10px 0;}
.homepagereportsheader		{font-weight: 900; text-align: center; margin: 0 20px; padding: 10px 0px;}
.homepagetext				{font-size: 13pt; font-weight: normal; text-align: left; padding-top: 5px; margin: 0px 20px;}
.homepagetextwithimage		{font-weight: 900; text-align: left; display: inline-block;}
.idpadding					{padding-top: 93px;}
.input 						{font-weight: bold; text-align: left; font-size: 10pt;}
.searchsticky				{position: sticky; top: 46px; background-color: white;}
.submit 					{background-color: red; color: black; font-size: 12pt; text-decoration: none; font-weight: bold; padding: 5px 3px; border: 2px solid black; border-radius: 5px;}
.submit:hover 				{background-color: black; color: #F3B02E; font-size: 12pt; text-decoration: none; font-weight: bold; padding: 5px 3px; border: 2px solid black; border-radius: 5px;}

/********************** Start of Match Day Programme Formatting ********************************/
.matchprogrammeviewpage		{font-weight: bold; text-align: center;}

.matchprogramme 			{vertical-align: middle;}

.matchprogrammeprev,
.matchprogrammenext 		{cursor: pointer; position: absolute; top: 50px; width: auto; background-color: rgba(128,128,128,0.5); padding: 16px; margin-top: -22px; color: cyan; font-weight: bold; font-size: 26px; transition: 0.6s ease; user-select: none; z-index: 55;}

.matchprogrammeprev 		{border-radius: 16px 0 0 16px;}
.matchprogrammenext 		{border-radius: 0 16px 16px 0;}

.slideshow-container 		{position: relative; margin: auto; padding-top: 5px;}

.titlecentreamber			{background-color: white;}

/********************** End of Match Day Programme Formatting ********************************/

/********************** Start of Heritage Branding Banner and Black Nav Bar ********************************/
ul.year		 				{list-style-type: disc; padding-left: 40px; font-weight: 400;}
li.year						{padding-left: 10px;}
a.nav:hover 				{color: #c0c;}
a.nav:visited				{color: #03f;}
a.nav:link					{color: #03f;}
iframe.withinreport			{float: left; height: 360px;}
iframe.withinreportright	{float: right; height: 360px;} 
/********************** End of Heritage Branding Banner and Black Nav Bar ********************************/