/******************************************************************
Theme Name: Simpsons Creative Grid 2017
Description: A responsive theme for WordPress, developed by Simpsons Creative, allowing for quick and fluid development of responsive websites - through the use of a dynamic grid system.
Author: Alex Wells
Version: 2.0
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
******************************************************************/

/*==================== Standards ====================*/
	/* 'Standards' contains all of the code that you're likely to change - font sizes, colors, buttons, etc */

	@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,700');

	/*Text*/
		h1, h2, h3, h4, h5, h6, p {margin: 0 0 3px 0; color: #000;}
		h1{font-size: 30px;}
		h2{font-size: 26px;}
		h3{font-size: 22px;}
		h4{font-size: 22px;}
		h5{font-size: 18px;}
		h6{font-size: 16px;}
		p{font-size: 14px;}
		a{color: #00A5DD; text-decoration: none;}
		a:hover{text-decoration: underline; color :#00A5DD;}
		a:visited {color: #0095C7;}
		*, p { font-family: 'Hind', sans-serif; }


	/*Gallery Caption*/
		.wp-caption-text, .gallery-caption { text-align: center; }

	/*Responsive Navigation*/
		/*BG color*/
			body .slicknav_menu{background: #f3f3f3;}
		/*Border Color*/
			.slicknav_menu  ul li a{border: 1px solid #666;}
		/*Text Color*/
			.slicknav_nav li a{color: #000;}
			.slicknav_nav li a:hover{color: #666;}
		/*Sub Menu Arrow*/
			.slicknav_arrow{color: #000;}
			.slicknav_arrow:hover{color: #666;}

	/*Bullet Points/Numbered Lists*/
		.entry-content ul > li { list-style-type: disc; color: #19314f; padding-bottom: 5px; font-size: 14px; font-weight: bold; }
		.entry-content ol > li { list-style-type: decimal; padding-bottom: 5px; }




#rmp_menu_trigger-2220 {
  position: fixed;
  top: 16px;        /* adjust as needed */
  right: 16px;      /* or left: 16px depending on which side you want */
  z-index: 9999;    /* ensures it floats above all other content */
}


/*==================== Header ====================*/

.header { background: #19314f; height: 95px; position: fixed; z-index: 9999; top: 0; }

.header-bar { width: 100%; height: 25px; float: left; overflow: hidden; }
.header-bar img { width: 100%; height: 25px; }

.logo { width: 185px; float: left; padding: 15px; }
.banner { border-bottom: 15px solid #19314f; margin-top: 95px; margin-bottom: -95px; }

/*Navigation*/
.nav-button { overflow: hidden; margin: 15px; }
#responsive-menu-container { z-index: 9999; }
#responsive-menu-container #responsive-menu-title { background-color: #19314f; color: #ffffff; font-size: 20px; text-align: center; }

/*==================== Body ====================*/

#content { background-color: #fff; margin-top: 150px; padding: 20px; }
#content h1.page-title { color: #19314f; font-size: 45px; font-weight: bold; text-align: center; margin-bottom: 40px; }
#content h3 { color: #19314f; font-size: 16px; font-weight: bold; margin-bottom: 5px; }
#content p { color: #606060; }

/*Buttons*/
.purple-button, #content .purple-button { background: #19314f; color: #fff; font-size: 18px; text-align: center; width: 250px; display: block; padding: 15px 20px; margin: 0 auto; border: 1px solid #fff; }
a.purple-button:hover, #content a.purple-button:hover { color: #fff; text-decoration: none; opacity: 0.7; }
a.purple-button:visited, #content a.purple-button:visited { color: #fff; }

.large-button, #content .large-button { background: #19314f; color: #fff; font-size: 35px; font-weight: bold; text-align: center; text-decoration: none; width: 100%; display: block; overflow: hidden; margin: 10px; padding: 80px 20px; }
a.large-button:link, a.large-button:visited, a.large-button:hover,#content a.large-button:link, #content a.large-button:visited, #content a.large-button:hover { color: #fff; }
a.large-button:hover, #content a.large-button:hover { background: #19314f; opacity: 0.7; }
a:link, a:hover, a:visited, #content a:link, #content a:hover, #content a:visited { text-decoration: none; }
#content a:hover { background: none; opacity: 0.7; }

/*==================== Home Page ====================*/

.home h1, .home h2, .home p { color: #fff; text-align: center; }
.home h1 { font-size: 40px; margin-bottom: 40px; }
.home h2 { margin-bottom: 15px; }
.home p { font-size: 16px; line-height: 18px; margin-bottom: 10px; }

h1.home-main-heading { font-size: 50px; }
h2.home-sub-heading { font-size: 40px; }

.home-top-overlay { width: 100%; min-height: 1px; overflow: hidden;  background: rgba(25, 49, 79, 0.8); height: 450px; padding: 20px; }
.home-top { background: url('library/images/home/home-top.jpg'); background-repeat: no-repeat; background-size: cover; width: 100%; min-height: 1px; overflow: hidden; height: 1080px; position: relative; }
.home-top-copy { position: absolute; bottom: 0; margin-top: 500px; }
.home-top-copy h1, .home-top-copy h2, .home-top-copy p { color: #fff; text-align: center; }

.home-middle-overlay { width: 100%; min-height: 1px; overflow: hidden;  background: rgba(25, 49, 79, 0.6); height: 850px; }
.home-middle { background: url('library/images/home/home-middle.jpg'); background-repeat: no-repeat; background-size: cover; width: 100%; min-height: 1px; overflow: hidden; height: 850px; position: relative; }
.home-middle-copy { padding: 60px 20px; }
.home-middle-copy h2 { font-weight: normal; }

.home-bottom { background: #fff; background-repeat: no-repeat; background-size: cover; width: 100%; min-height: 1px; overflow: hidden; height: 800px; position: relative; padding: 20px; }
.home-bottom-copy { overflow: hidden; margin-top: 250px; }
.home-bottom-copy h1 { color: #19314f; text-align: center; margin-bottom: 40px; }

.home-track-record { overflow: hidden; margin-bottom: 40px; }
.home-track-record-text { background: #19314f; color: #fff; height: 40px; padding: 10px; }
h4.home-track-record-title, #content h4.home-track-record-title, .home-track-record-title a, #content .home-track-record-title a { color: #fff; font-size: 14px; text-align: center; margin-bottom: 3px; }
.home-track-record-text p, #content .home-track-record-text p { color: #fff; font-size: 12px; line-height: 14px; text-align: left; }
#content .home-track-record-post a:link, #content .home-track-record-post a:hover, #content .home-track-record-post a:visited { color: #fff; }


/*==================== Track Record Page ====================*/

#content h2.track-record { color: #19314f; font-size: 28px; text-align: center; }
.track-record-post { background: none; overflow: hidden; margin-bottom: 20px; padding: 5px; }
.track-record-text { background: #19314f; color: #fff; text-align: center; height: 40px; padding: 10px; }
h4.track-record-title, #content h4.track-record-title, .track-record-title a, #content .track-record-title a { color: #fff; font-size: 14px; margin-bottom: 3px; }
.track-record-text p, #content .track-record-text p { color: #fff; font-size: 12px; line-height: 14px; text-align: left; }
#content .track-record-post a:link, #content .track-record-post a:hover, #content .track-record-post a:visited { color: #fff; }
.track-record-post img:hover { opacity: 0.7; }

/*==================== Individual Track Record Pages ====================*/

#content .single-track-record img { width: 100%; height: auto; max-width: 700px; margin: 0 auto; }
#content h1.single-track-record { margin-bottom: 20px; }
#content .single-track-record p { max-width: 700px; font-size: 20px; text-align: center; margin: 20px auto; margin-bottom: 20px; }

/*==================== Team Page ====================*/

.team-member { margin-top: 20px; margin-bottom: 20px; }
#content .team-image h2 { background: #19314f; color: #fff; font-size: 20px; line-height: 28px; padding: 20px; }
#content .team-text { padding-top: 40px; }
#content .team-text h2, #content .team-text a { color: #19314f; font-size: 28px; font-weight: bold; line-height: 32px; margin-bottom: 30px; }
#content .team-text p { font-size: 16px; }

 /*==================== Contact Page ====================*/

.page-id-61 #content h2 { color: #19314f; font-size: 30px; font-weight: bold; line-height: 30px; margin-bottom: 20px; }
.page-id-61 #content p { color: #606060; font-size: 24px; line-height: 24px; }


/*==================== Footer ====================*/

#footer { background: #19314f; padding: 0px; margin-top: 0px; }

/* Footer Fixed - On track record posts due to lack of content */
.single #footer { position: fixed; bottom: 0; }
.single #content { margin-bottom: 120px; }

/* Alex edits 12th March */
body.single h1 {padding-top: 20px;}
p.legal {background-color: #19314f; color: white; font-size: 10px; line-height: 18px; display: block; clear: both; width: 100%; text-align: center; padding: 20px; margin-bottom: 0px; }





table, th, td {
  border: 1px solid grey;
  padding:5px;
}

table {margin-bottom:40px;}

/*==================== Media Queries ====================*/

	@media (min-width: 1024px) and (max-width: 1366px) and (max-height: 768px)
	{
		/*Laptop*/
		.home-top { height: 1000px; }
	}
	@media (max-width: 1029px)
	{
		/*Tablet*/
		.home br { content: ' '; }
		#content .team-text p br { content: ' '; }
		.single #footer { position: initial; bottom: initial; }
	}
	@media (max-width: 767px)
	{
		/*Mobile*/
		#responsive-menu-container { -webkit-box-shadow: none; box-shadow: none; }
		h1.page-title br { content: ' '; }
		#content .team-image h2 { font-size: 24px; }
		#content .large-button, .large-button { float: none; margin: 10px auto; }
		.home-top-overlay { height: auto;   }
		.home-middle, .home-middle-overlay { height: auto; }
		.home-bottom-copy { margin-top: 150px; }

		/* Alex edits 12th March */
		.home-top-copy {  margin-top: 300px; position: relative; }
		.home-top { height: 1000px;   }
		.home-top-overlay { height: 100%;   }
	}
	@media (max-width: 480px)
	{
		/*Small Mobile*/
		h1.home-main-heading { font-size: 40px; }
		#content .team-text { padding-left: 0px; }
		.large-button, #content .large-button { font-size: 26px; }
		#content .single-track-record p { font-size: 16px; }
	}
	@media (max-width: 340px)
	{
		/*iPhone 4*/
		#content h1.page-title { font-size: 30px; line-height: 32px; }
	}
	@media (max-width: 269px)
	{
		/*Header Fix*/
		.nav-button { margin: 12px; }
	}