/*
Theme Name:     AKS
Author:         Dougie Birrell
Description:    Custom AKS Theme, with several static pages.
Version:        1.0
*/

/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-ime-align:auto) {
  .selector { property:value; } 
}

@supports (-ms-ime-align:auto) and (font-variation-settings:normal) { .selector { property:value; } }

@supports (-ms-ime-align:auto) and (position:sticky) { .selector { property:value; } }

@supports (-ms-ime-align:auto) and (position:sticky) and (not (font-variation-settings:normal)) { .selector { property:value; } }

.logo {
  padding-top:30px;
  padding-bottom:30px;
  background-color: #FFFFFF;
  color: #79288C;
  text-decoration: none;
  width: 1352px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 24px;
}

.headerLogo {
  width: 325px; 
  max-height: 142.6px;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
}

.headerMenu {
	padding-top: 52px;
	max-height: 142.6px;
}

body
{
	text-align: left;
}

table
{
    table-layout: fixed;
    width: 100%;
	max-width: 1352px;
}

td
{
	overflow: hidden;
} 

img
{
	overflow: hidden;
}

#ttr_footer
{
	width: 100%; 
	text-align: center;
	padding-bottom: 23px;
}

#footer_img
{
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

#footer_imgLeft
{
	padding-left: 185px;
	padding-right: 20px;
	text-align: center;
}

#footer_imgRight
{
	padding-right: 20px;
	text-align: center;
}

#footerLinks
{
	text-decoration: none;
	color: white;
}

.sitemenu {
  width: 1352px;
  text-align: center;
  margin: 0 auto;
}

#textBlockGrey
{
	background-color:  #c0c0c0;
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	color: black;
	margin-left: -1px;
	font-family: 'Roboto Condensed', sans-serif;	
	font-size: 18px;
	text-align: center;
	text-justify: inter-word;
    vertical-align: center;
}

#textBlockGrey2
{
	background-color: #d4d4d4;
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	color: black;
	margin-left: -1px;
	font-family: 'Roboto Condensed', sans-serif;	
	font-size: 18px;
	text-align: center;
	text-justify: inter-word;
    vertical-align: center;
}


#textBlockGrey3
{
	/* background-color: #e8e8e8; */
	background-color: #c0c0c0;
	padding: 40px;
	text-align: justify;
	color: black;
	margin-left: -1px;
	font-family: 'Roboto Condensed', sans-serif;	
	font-size: 18px;
	text-justify: inter-word;
    vertical-align: center;
}

#textBlockGrey4
{
	background-color: #d4d4d4;
	padding: 40px;
	text-align: justify;
	color: black;
	margin-left: -1px;
	font-family: 'Roboto Condensed', sans-serif;	
	font-size: 18px;
	text-justify: inter-word;
    vertical-align: center;
}
.footer {
	background-color: #008166;
	padding-top: 10px;
	width: 100%;
	height: 50px;
	color: white;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;	vertical-align: middle;
}

.headingPurple {
	background-color: #9261a0;
	width: 100%;
	max-width: 1352px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 100px;
	padding-right: 100px;
	text-align: center;
	color: white;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
}

ul {
	/* white-space: nowrap; */
}

ul li {
  display: inline;
  padding: 10px;
  text-align: center;
  list-style-position: outside;
}

.personTitle {
  width: 300px;
  text-align: center;
  position: relative; 
  top: 20%; 
  left: 70%; 
  transform: translate(-70%, -200%); 
  color: white; 
  font-family: 'Roboto Condensed', sans-serif;  font-weight: bold;
  font-size:24px
}

.personText {
  width: 330px;
  margin: 5px;
  margin-top: -17%;
  margin-bottom: -17%;
  margin-left: 1.5%;
  margin-bottom: 10px;
  font-family: 'Roboto Condensed', sans-serif;  font-size: 14px;
  text-align: center;
  text-justify: inter-word;
  padding: 10px;
  vertical-align: center;
  border-style: ridge;
  border-width: 1px;
  border-color: black;
  padding: 20px;
}

.blog {
	width: 952px;
}
.vacancies {
	width: 952px;
}
.spacer5px {
	padding: 5px;
}
.spacer10px {
	padding: 10px;
}
.spacer15px {
	padding: 15px;
}

.header
{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 36px;
	font-weight: bold;
}

.headerText
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px; 
}

.greyBlockText
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px; 
}


#feeds
{
	width: 1352px;
	vertical-align: top;
}

#newsPosts
{
	width: 952px;
	text-align: left;
	vertical-align: top;
	padding-right: 20px;
}

#twitterFeed
{
	width: 400px;
	position: relative;
	vertical-align: top;
}

#newsTitle{
	font-family: 'Roboto Condensed', sans-serif;	font-size: 24px;
}

#newsPosted{
	font-family: 'Roboto Condensed', sans-serif;	font-size: 16px;
	font-style: italic;
}

#newsContent{
	font-family: 'Roboto Condensed', sans-serif;	font-size: 14px;
}

#purpleBar{
	background-repeat: repeat-x; 
	width: 100%; 
	height: 3px;
}

.teamPicSenior {
  position: relative;
  width: 338px;
  height: 338px;
}

.teamImageSenior {
  opacity: 1;
  display: block;
  height: 100%;
  width: 100%;
  transition: 3s ease;
  backface-visibility: hidden;
}

.teamText {
  font-size: 24px;
  color: white;
  width: 90%;
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.teamTextTitle {
  font-size: 18px;
}

.teamTextInfo {
  font-size: 14px;
  width: 90%;
  position: absolute;
  top: 170px;
  left: 50%;
  -webkit-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
  text-align: center;
}

.overlaySenior {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008166;
}

.teamPicSenior:hover .overlaySenior {
  opacity: .75;
}