/*!
Theme Name: Elite Management School 201712
Theme URI: https://www.webalite.com
Author: Mike Eastwood
Author URI: https://www.webalite.com/about-us
Description: Custom Theme based on the design developed on Wix
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ems201712
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ems201712 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Panels
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Sprites
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
footer {
	background-color: #EDE6DE;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


/*--------------------------------------------------------------
# Fonts loaded from Typekit
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #97775C;
	font-family: museo-slab, serif;
	font-style: normal;
	font-weight: 100;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background-color:  #EDE6DE;
	/* Fallback for when there is no custom background color defined. */
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


}
@media screen and (min-width: 1025px){
	.site {
		width: 980px;
		margin: 0 auto;
	}
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 0.5em 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

footer.site-footer {
	background-image: url("img/ems-footer-border.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #EDE6DE;
	padding: 20px 0 0 0;
}


@media screen and (min-width: 37.5em) {
	#footer-widget-area .widget-container {
		width: 33%;
		float: left;
	}
}
#footer-widget-area img.logo {
	margin: 20px auto;
	display: block;
}
#footer-widget-area h3,
#footer-widget-area .textwidget p {
	color: #C65760;
	text-align: center;
}
#footer-widget-area p.info {
	font-size: 12px;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# EMS Panels
--------------------------------------------------------------*/
.emsWhite {
	background-color: #FFF;
}
.emsRed{
	background-color: #c65760;
	color: #FFF;
}
.emsBeige {
	background-color: #ede6df ;
}
.emsOchre{
	background-color: #fcb52b ;
	color: #000;
}

.emsBrown{
	background-color: #96765d ;
}
.emsTan{
	background-color: #ab9668 ;
	color: #FFF;
}
.boxRed,
.boxYellow {
	width: 310px;
	min-height: 230px;
	padding: 20px 0;
	float: left;
	color: #FFF;
	margin: 0.5rem 3rem;
}
.boxRed {
	background-color: #cc242d;
}
.boxYellow {
	background-color: #fcb52b;
}
.beigeTop{
	border-top: solid 30px #e0d2b9;
}
.emsOchre hr {
	background-color: #000;
}
.emsPanel {
	padding: 0.5rem 1.5rem;
	margin-bottom: -24px;
}
.page-id-190 .emsPanel {
	margin-bottom: 0px;
}
.entry-content .emsPanel p{
	margin: 0;
}
.entry-content  .emsPanel .divText p {
		margin: 0 0.5rem 1rem;

}
.emsPanel.emsSimplified {
	font-size: 125%;
}
.emsPanel.emsSimplified,
.emsPanel.emsSimple {
		padding: 3rem 1.5rem;

}
@media screen and (min-width: 37.5em) {
	.emsPanel {
		padding: 0.5rem 3rem;

	}	
	.emsPanel.emsSimplified,
	.emsPanel.emsSimple {
		padding: 3rem;

	}

	.entry-content .emsPanel p{
		margin: 0 20px;
	}
}
.emsPanel img.padTop20{
	padding-top: 20px;
}
.emsPanel h2.padTop50{
	padding: 50px 0;
}

.emsPanel.emsImage {
	margin: 0 0 -25px 0;
	padding: 0;
}
.emsPanel.emsImage br {
	display: none;
}
.emsPanel.emsContact {
	padding: 2rem 0;
}

.emsPanel.emsContact #contact_call {
	width: 100%;
	float: left;
	margin-bottom: 2rem;
}


.emsPanel.emsContact #contact_email,
.emsPanel.emsContact #contact_hours {
	width: 50%;
	float: left;
}
@media screen and (min-width: 37.5em){

	.emsPanel.emsContact #contact_call {
		width: 40%;
		margin-bottom: 0rem;
	}
	.emsPanel.emsContact #contact_email,
	.emsPanel.emsContact #contact_hours {
		width: 30%;
		float: left;
	}
	.emsPanel.emsContactform .divContact{
	width: 33%;
	float: left;
}
}
.emsPanel.emsContact #contact_email {
	border-right: solid 1px #c65760;
}
@media screen and (min-width: 37.5em){

	.emsPanel.emsContact #contact_email {
		border-right: solid 1px #c65760;
		border-left: solid 1px #c65760;
	}
}
.emsPanel.emsContact p,
.emsPanel.emsContact h4{
	color: #C65760;
	margin: 5px 0;
	text-align: center;
}
.emsPanel.emsContact a {
	color: #C65760;
}

.emsPanel.emsContact h4:before{
	display: inline-block;
	font-family: fontawesome;
	font-size: 16px;
	width: 1.6em;
	text-align: center;
	line-height: 1.6em;
	color: #C65760;
	margin: 0 2px;
}
.emsPanel.emsContact #contact_call h4:before{
	content: "\f095";
}
.emsPanel.emsContact #contact_email h4:before{
	content: "\f0e0";
}
.emsPanel.emsContact #contact_hours h4:before{
	content: "\f017";
}



.emsPanel.emsColumns2 div.column{
	width: 45%;
	float: left;
}
.emsPanel.emsColumns3 {
/*	padding: 0;*/
}

.emsPanel.emsColumns3 div.column{
	background-color: #FFF;
	margin: 0 20px 20px 0;
	padding: 20px;
}
@media screen and (min-width: 37.5em) {
	.emsPanel.emsColumns3 div.column{
		float: left;
		width: 30%;
		width: calc(33% - 20px);
	}
}
.home .emsPanel.emsColumns3 div.column{
    margin: 0 10px 20px 0;
}

.emsPanel.emsColumns3 div.column p {
	margin: 0;
}
.emsPanel.emsColumns3 div.column ul {
	margin: 0 0 0 20px;
}

.emsPanel.emsJigsaw .columnJigsaw{
	background-image: url("img/ems-column-jigsaw-beige.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	float: left;
	background-color: #FFF;
	margin: 20px 20px 0 ;
	padding: 20px;
}
@media screen and (min-width: 37.5em) {
	.emsPanel.emsJigsaw .columnJigsaw{
		width: 30%;
		width: calc(33% - 20px);
		margin: 0 20px 0 0;
	}
}
.emsPanel.emsJigsaw .columnJigsaw h3{
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
	min-height: 300px;
	height: 300px;
	font-size: 30px;
	font-size: 1.9rem;
	text-align: center;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.emsPanel.emsJigsaw .columnJigsaw h3{
		min-height: 200px;
		height: 200px;
		font-size: 24px;
		font-size: 1.3rem;
	}
}
.emsPanel.emsJigsaw .columnJigsaw p,
.emsPanel.emsJigsaw .columnJigsaw ul{
	margin: 0;
}
.emsPanel.emsJigsaw .columnJigsaw ol,
.emsPanel.emsJigsaw .columnJigsaw ul{
	padding-left: 20px;
	margin: 10px 0;
}
.emsPanel.emsHero {
	padding: 0 3rem;
}
.page-id-123 .emsPanel.emsHero.emsWhite {
	padding: 3rem;
}
.emsPanel.emsHero.emsWhite img {
	margin-bottom: -1px;
}
	
.page-id-123 .emsPanel.emsHero.emsWhite img {
	width: 80%;
	padding: 20px 0 0;
	margin: 0 auto -1px;
}
.emsPanel.emsHero.emsWhite ul {
	margin: 20px 0;
	list-style: none;
}
@media screen and (min-width: 37.5em) {
	.page-id-123 .emsPanel.emsHero.emsWhite img {
		width: 30%;
		padding: 20px 0;
	}
	.page-id-200 .emsPanel.emsHero.emsWhite img{
		width: 50%;
	}
	.emsPanel.emsHero .divText.right{
		float: right;
		clear: none;
		width: 45%;
	}
	.emsPanel.emsHero.emsWhite .divText.left{
		width: 45%;
		float: left;
	}	
	.emsPanel.emsHero.emsWhite .divText.right{
		width: 65%;
	}	
	.page-id-40 .emsPanel.emsHero.emsWhite img {
		margin-top: 40px;
	}
	.page-id-40 .emsPanel.emsHero.emsWhite .divText.right{
		width: 45%;
	}	
	.page-id-40 .emsPanel.emsHero.emsWhite .divText.right h2{
		text-align: left;
		margin-top: 60px;
	}
	.page-id-154 .emsPanel.emsHero .divText.right {
		width: 40%;
	}
	.page-id-154 .emsPanel.emsHero.emsBeige p {
		width: 50%;
	}

	.emsPanel.emsHero.emsWhite ul li {
		display: block;
		float: left;
		width: 33%;
		text-align: center;
		padding: 10px;
	}
	.emsPanel.emsHero.emsWhite ul li:nth-child(2) {
		border-left: solid #97775C 3px;
		border-right: solid #97775C 3px;
	}
	.emsPanel.emsHero.emsWhite ul li a {
		display: block;
		clear: both;
		margin: 10px auto;
	}
}

.emsPanel.emsHero h2{
	font-size: 2rem;
	margin: 0;
}
.emsPanel.emsHero.emsWhite p,
.emsPanel.emsHero.emsWhite h2 {
	text-align: center;
	margin-bottom: 1.5rem;
}
.page-id-200 .emsPanel.emsHero.emsWhite h2 {
	margin-bottom: -2px;
}

.emsPanel.emsHero img{
	margin-bottom: -1px;
}
.page-id-135 .emsPanel.emsHero img{
	padding: 30px 20px 0;
}
.emsPanel.emsHero h2 img{
	margin-bottom: -15px;
}
@media screen and (max-width: 37.5em) {
	.emsPanel.emsHero .divText.right{
		width: 100%;
		text-align: center;
	}
}
/*
.emsPanel.emsHero p{
	display: none;
}
*/
.emsPanel.emsPhoto {
	padding: 1rem 3rem 0;
}
.emsPanel.emsPhoto h2{
	font-size: 2rem;
	width: 40%;
	float: left;
	clear: none;
	margin-top: 6rem;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.emsPanel.emsPhoto h2{
		width: 100%;
		float: none;
		margin-top: 1.5rem;
		text-align: center;
	}
}
@media screen and (max-width: 37.5em) {
	.emsPanel.emsPhoto h2{
				width: 100%;
		float: none;
				margin-top: 1.5rem;
		font-size: 1.8rem;
		text-align: center;
	}
}
.emsPanel.emsBoxes h2 {
	text-align: center;
}
.emsPanel.emsBoxes ul {
	padding: 0;
	margin: 10px 0 0;
}

.emsPanel.emsBoxes ul li {
	display: inline-block;
	border: solid 1px #FFF;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}
@media screen and (min-width: 37.5em) {
	.emsPanel.emsBoxes ul {
		text-align: justify;
		font-size: 0.1px;
		padding: 0.5rem;
	}
	.emsPanel.emsBoxes ul li {
		width: 45%;
	}	

}
.emsPanel.emsBoxes ul li span {
	width: 150px;
	min-height: 100px;
	display: table-cell;
	vertical-align: middle;
	height: 100px;
}
.emsPanel.emsBoxes.emsColumns2 ul li ul  {
	margin: 0;
	padding: 0;
	height: auto;
}
.emsPanel.emsBoxes.emsColumns2 ul li ul li {
	width: 100%;
	height: auto;
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.emsPanel.emsBoxes ul li ul li a{
	color: #FFF;

}
.emsPanel.emsBoxes.emsColumns2 ul li {
	font-weight: bold;
	padding: 30px 10px 20px;
	margin-bottom: 30px;
}
.emsPanel.emsBoxes.emsColumns2 ul li span {
	width: 380px;
	min-height: 200px;
	display: table-cell;
	vertical-align: middle;
}

.emsPanel.emsBoxes.emsColumns3 ul li ,
.emsPanel.emsBoxes.emsColumns4 ul li {
	font-weight: bold;
	padding: 20px;
	margin-bottom: 20px;
	width: 100%;
}
@media screen and (min-width: 37.5em) {
	.emsPanel.emsBoxes.emsColumns3 ul li {
		width: 30%;
	}	
	.emsPanel.emsBoxes.emsColumns4 ul li {
		width: 20%;
		min-height: 120px;
	}
}
.emsPanel.emsBoxes.emsColumns3 ul li span {
	width: 200px;
	min-height: 200px;
}
.emsPanel.emsBoxes ul:after {
	content: '';
	width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
	display: inline-block;
}

.emsPanel.emsPeople div.person{
	margin-top: 50px;
	padding: 10px 0;
	text-align: center;
	color: #000;
}
.emsPanel.emsPeople div.person h4 {
	padding: 0 10px;
}

.emsPanel.emsPeople.emsColumns4 div.person{
	
	color: #FFF;
	border: none;
    margin-bottom: 20px;
}
.emsPanel.emsPeople.emsColumns4 div.person:nth-child(odd) {
    clear: left;
}
@media screen and (min-width: 37.5em) {
	
	.emsPanel.emsPeople div.person{
	width: 50%;
	float: left;
	}
	
	.emsPanel.emsPeople div:nth-child(even){
		border-right: solid 4px #000;
	}
    .emsPanel.emsPeople.emsColumns4 div.person {
        width: 25%;
    }
    .emsPanel.emsPeople.emsColumns4 div.person:nth-child(odd)  {
        clear: none;
    }
}
.emsPanel.emsPeople img{
	border-radius: 100%;
	margin: 0 auto 10px;
}
#gform_submit_button_1,
.emsPanel a.more,
.emsPanel.emsPeople a {
	border: solid 1px #000;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}
#gform_submit_button_1 {
	background-color: #C65760;
	border-radius: 0;
	color: #FFF;
}
.emsPanel a.more {
	color: #FFF;
	border: solid 1px #FFF;
}
.emsPanel a.more:hover,
.emsPanel.emsPeople a:hover {
	color: #FFF;
	background-color: #C65760;
	border-color: #C65760;
	transition: color 0.4s ease 0s;
	transition: background-color 0.4s ease 0s;
}
#gform_submit_button_1:hover,
.emsPanel a.more:hover {
	background-color: #fcb52b;
	border-color: #fcb52b;
}
input[type="text"], input[type="email"], 
input[type="url"], input[type="password"], 
input[type="search"], input[type="number"], 
input[type="tel"], input[type="range"], 
input[type="date"], input[type="month"], 
input[type="week"], input[type="time"], 
input[type="datetime"], input[type="datetime-local"], 
input[type="color"], textarea {
	border-radius: 0;
		border-color: #C65760;
}

.emsPanel.emsVideo h2,
.emsPanel.emsVideo h3,
.emsPanel.emsVideo p{
	color: #FFF;
	text-align: center;
}
.emsPanel.emsVideo iframe{
	float: left;
	border: solid 5px #FFF;
	margin: 0.5rem;
}
.emsPanel.emsVideo br {
	float: left;
}
.home .emsPanel.emsPeople h3 {
	font-size: 36px;
	line-height: 42px;
	text-align: center;
	color: #FFF;
	margin-bottom: 0;
}
.home .emsPanel.emsPeople h4 {
    text-transform: uppercase;
    padding: 0 10px;
}
.home .emsPanel.emsPeople a {
	background-color: #C65760;
	color: #FFF;
	border-color: #FFF;
}
.emsPanel.emsGlance h3 {
	font-size: 36px;
	line-height: 42px;
	text-align: center;
	color: #C65760;
}

@media screen and (min-width: 37.5em) {
	.emsPanel.emsGlance #glance_accreditation,
	.emsPanel.emsGlance #glance_people,
	.emsPanel.emsGlance #glance_facilities {
		float: left;
		width: 33%;
		padding: 10px;
	}
}
.emsPanel.emsGlance a {
	text-decoration: none;
	font-weight: bold;
	text-align: center ;
	color: #C65760;

}
.emsPanel p.more,
.emsPanel a.more {
	border: solid 1px #C65760;
	background-color: #FFF;
	border-radius: 0;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #C65760;
	width: 100px;
	margin: 20px auto;
    text-transform: uppercase;
	display: block;
	text-align: center;
}
.emsPanel.emsRed a.more:hover,
.emsPanel.emsTan a.more:hover,
.emsPanel p.more:hover ,
.emsPanel a.more:hover {
	color: #FFF;
	background-color: #fcb52b;
	border-color: #fcb52b;
	transition: color 0.4s ease 0s;
	transition: background-color 0.4s ease 0s;
}
.emsPanel.emsRed a {
	color: #FFF;
}

.emsPanel.emsRed a.more {
	background-color: #C65760;
	color: #FFF;
	border-color: #FFF;
}
.emsPanel.emsTan a {
	border-color: #FFF;
	background-color: #ab9668;
	color: #FFF;
}
.emsPanel.emsBeige a{
	border-color: #ab9668;
	color: #97775C;
}
.emsPanel.emsBeige.emsContact a{
	color: #C65760;
}
.emsPanel.emsEnrol h3 {
	font-size: 36px;
	text-align: center;
	border-right: none;
	padding: 20px 0;
}
@media screen and (min-width: 37.5em) {
	.emsPanel.emsEnrol h3 {
		font-size: 36px;
		text-align: left;
		border-right: 2px solid #FFF;
		padding: 20px;
		line-height: 42px;
	}
}
.emsPanel.emsEnrol a{
	text-decoration: none;
	font-weight: bold;
	text-align: center ;
	color: #FFF;

}
.emsPanel.emsOchre a {
	color: #000;
}
.emsPanel.emsEnrol a:hover {
	color: #fcb52b;
}
.emsPanel.emsEnrol #enrol_now,
.emsPanel.emsEnrol #enrol_student_profile,
.emsPanel.emsEnrol #enrol_programmes,
.emsPanel.emsEnrol #enrol_enquiry{
	float: left;
	width: 50%;
	padding: 10px;
}
.emsPanel.emsEnrol #enrol_programmes {
	clear: left;
}
/* home */
.emsPanel.emsOffer {
	padding: 0;
}
.emsPanel.emsOffer h2 {
	margin: 100px  20px 20px 20px;
	font-size: 56px;
	color: #ede6df;
	line-height: 1.1;
}
.emsPanel.emsOffer h4 {
	font-size: 18px;
}
.emsPanel.emsOffer .alignleft{
	margin: 1.5em 1.5em -1px;
}

.emsPanel.emsOffer .divText{
	width: 100%;
	float: right;
	color: #C65760;
}
.emsPanel.emsOffer .divText .column {
	width: 45%;
	float: left;
	padding: 0 20px 20px;
}
.emsPanel.emsOffer .divText .column:first-of-type {
	border-right: solid 4px #C65760;
}
.emsPanel.emsOffer .divText h4 {

}

@media screen and (min-width: 37.5em) {

    .emsPanel.emsOffer .divText h4 {
        font-size: 22px;
        margin: 0 0 20px;
		text-align: center;
    }
	.emsPanel.emsEnrol #enrol_now,
	.emsPanel.emsEnrol #enrol_student_profile,
	.emsPanel.emsEnrol #enrol_programmes,
	.emsPanel.emsEnrol #enrol_enquiry{
		float: left;
		width: 25%;
	}
	.emsPanel.emsEnrol #enrol_programmes {
		clear: none;
	}
	.emsPanel.emsOffer .divText{
		width: 60%;
	}
	.emsPanel.emsOffer .alignleft{
		clear: none;
		margin: 1.5em 10px -1px 100px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .emsPanel.emsOffer .alignleft{
        margin: 1.5em 10px -1px 20px;
    }
    .emsPanel.emsContact p {
        font-size: 15px;
    }
    #footer-widget-area .textwidget p {
        font-size: 11px;
    }
    #masthead {
        padding: 0 20px;
    }
}

#masthead {
    margin: 0 0 20px;
}
.emsPanel.emsTwotone.emsRed {
	margin-top: -1px;
}
.emsPanel.emsTwotone {
    padding: 0;
}

.emsPanel.emsTwotone img{
    width: 50%;
    padding: 0;
    margin: 0 0 -1px 0;
}
.emsPanel.emsTwotone br {
    display: none;
}
.emsPanel.emsTwotone .divText{
    text-align: center;
}
.emsPanel.emsTwotone.emsColumns3 .divText{
	padding: 2rem;
	text-align: left;
}
.page-id-118 .emsPanel.emsTwotone .divText.h3Li {
	padding: 50px 0 0 50px;
    font-size: 150%;
}
@media screen and (min-width: 37.5em) {
	.emsPanel.emsTwotone .divText{
		text-align: left;
		float: left;
		clear: none;
		width: 50%;
	}
	.emsPanel.emsTwotone.emsColumns3 img {
		width: 33%;
	}
	.emsPanel.emsTwotone.emsColumns3 .divText{
		width: 60%;
		padding: 1rem;
	}
	
}
.emsPanel.emsTwotone.emsRed h2 {
	padding: 100px 20px 20px;
	
}
.emsPanel.emsTwotone.emsTan h2 {
	padding: 10px 20px 10px 0;

}
.emsPanel.emsTwotone.emsWhite h2,
.emsPanel.emsTwotone.emsTan h2:first-of-type {
	padding: 50px 20px 0;
}
.page-id-118 .emsPanel.emsTwotone.emsWhite h2 {
	padding: 50px 10px 0;
}
.emsPanel.emsTwotone.emsTan p,
.emsPanel.emsTwotone.emsTan h2 {
    text-align: right;
}
.emsPanel h2.heading1 {
	font-size: 36px;
	margin-top: 25%;
}
.page-id-118 .emsPanel h2.heading1 {
	padding: 0 20px;
	text-align: center;
}
.emsPanel.emsTwotone.emsTan p {
	margin-right: 0;
}
.emsPanel.emsTwotone.emsRed a.more {
    background-color: #c65760;
    color: #FFF;
    border-color: #FFF;
}
.emsPanel.emsTwotone.emsTan a.more {
    background-color: #ab9668;
    color: #FFF;
    border-color: #FFF;
}
@media screen and (max-width: 37.5em) {
	.emsPanel.emsTwotone img{
    	width: 100%;
	}
	.emsPanel.emsTwotone.emsRed .divText,
	.emsPanel.emsTwotone.emsTan h2,
	.emsPanel.emsTwotone.emsTan p,
	.emsPanel.emsTwotone.emsTan .divText {
		width: auto;
		text-align: center;
	}
	.emsPanel.emsTwotone.emsRed h2 {
		padding: 20px;
	}
	.emsPanel.emsTwotone {
		padding-bottom: 20px;
	}
}
.emsPanel.emsHeading1 h1,
.emsPanel.emsHeading1 h2{
	text-align: center;
}
.entry-content .emsPanel.emsCircles {
	padding-bottom: 40px;
}
.entry-content .emsCircles h2 {
	    margin: 3rem 0.5rem 0;
}
.entry-content .emsCircles ul {
	margin: 0 0 20px;
	padding: 0;

}
.emsCircles ul li {
	list-style: none;
	float: left;
	display: table;
	margin: 10px;
	padding: 10px;	
	border-radius: 50%;
	border: solid 2px #FFF;
}
.page-id-113 .emsCircles ul li {
	float: none;
    margin: 10px auto;
}

@media screen and (max-width: 37.5em) {
	.emsCircles ul li {
		float: none;
		margin: 20px auto;
	}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.entry-content .emsCircles ul {
		width: 600px;
		margin: 0 auto;
		display: block;
	}
	.emsCircles ul li {
		float: left;
		margin: 20px;
	}
	.emsCircles ul li:nth-child(1){
		margin-left: 30px;
	}	
	.emsCircles ul li:nth-child(4){
		margin-left: 120px;
	}
	.page-id-113 .emsCircles ul li {
		float: none;
		margin: 10px auto;
	}
}
.emsCircles ul li a{
	display: table-cell;
	vertical-align: middle;
	width: 130px;
	height: 130px;

	text-align: center;
	color: #FFF;
}
.emsCircles h2 {
	font-size: 40px;
	text-align: center;
	padding: 40px 0;
}
.emsPanel.emsCentred {
	padding: 6rem 3rem 3rem;
}
.emsPanel.emsCentred p,
.emsPanel.emsCentred h3 {
	text-align: center;
}

.emsWelcome {
	padding: 6rem 3rem 3rem;
}
.entry-content .emsPanel.emsWelcome h2,
.entry-content .emsPanel.emsWelcome li,
.entry-content .emsPanel.emsWelcome p {
	margin: 0 1rem 1rem;
}
@media screen and (max-width: 37.5em) {
	.entry-content .emsPanel.emsWelcome h2,
	.entry-content .emsPanel.emsWelcome li,
	.entry-content .emsPanel.emsWelcome p {
		margin: 0 0.5rem 1rem;
	}
}
.entry-content .emsPanel.emsSimple h2,
.entry-content .emsPanel.emsSimple h3,
.entry-content .emsPanel.emsSimple li,
.entry-content .emsPanel.emsSimple p {
	margin: 0 1rem 1rem;
}
.entry-content .emsPanel.emsSimplified h2,
.entry-content .emsPanel.emsSimplified h3,
.entry-content .emsPanel.emsSimplified li,
.entry-content .emsPanel.emsSimplified p {
	margin: 0 1rem 1rem;
}
.entry-content .emsPanel.emsSimplified h2.heading1{
		font-size: 36px;
	text-align: left;
	margin-top: 3rem;
}
.entry-content .emsPanel.emsSimple h2.heading1 {
	font-size: 36px;
	text-align: center;
	margin-top: 3rem;
}
@media screen and (max-width: 37.5em) {
	.entry-content .emsPanel.emsSimple h2,
	.entry-content .emsPanel.emsSimple li,
	.entry-content .emsPanel.emsSimple p {	
		margin: 0 0.5rem 1rem;
	}
	
	.entry-content .emsPanel.emsSimplified h2,
	.entry-content .emsPanel.emsSimplified li,
	.entry-content .emsPanel.emsSimplified p {
		margin: 0 0.5rem 1rem;
	}
}
.emsPanel.emsBeigetop {
	padding-top: 1.5rem;
}

.emsPanel.emsMentor p,
.emsPanel.emsHeroround p {
	text-align: center;
	margin: 60px 0 0 0;
}
.emsPanel.emsMentor img.alignleft,
.emsPanel.emsHeroround img.alignleft {
	float: none;
	display: block;
	margin: 0 auto;
}
.emsPanel.emsMentor h2,
.emsPanel.emsHeroround h2 {
	
	clear: none;
	font-size: 28px;
	text-align: center;
	margin-top: 20px;
}
@media screen and (min-width: 37.5em) {
	.emsPanel.emsMentor img.alignleft,
	.emsPanel.emsHeroround img.alignleft {
		float: left;
		margin: 20px;
	}
	
	.emsPanel.emsHeroround p {
		width: 40%;
		float: left;
	}
	.emsPanel.emsMentor .divText {
		width: 55%;
		float: left;
		text-align: left;
		padding-left: 20px;
	}
	.emsPanel.emsMentor .divText p, 
	.emsPanel.emsMentor h2 {
		text-align: left;
		width: 100%;
		margin: 10px 0;
	}
	.emsPanel.emsHeroround h2 {
		width: 55%;
		text-align: left;
		float: left;
		font-size: 36px;
	}
}

.emsPanel.emsBackground {
	background-image: url(img/ems-student-information-background.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: -32px;
}
.emsPanel.emsBackground .divText{
    float: right;
    margin-top: 60px;
	text-align: center;
}
@media screen and (min-width: 37.5em) {
	.emsPanel.emsBackground .divText{
    	width: 49%;
		text-align: left;
	}
}
.emsPanel.emsLinks .divText {
	float: left;
	margin: 20px 0;
}
.emsPanel.emsLinks .divText a {
	margin: 0 0 10px;
	display: block;
}
.emsPanel.emsLinks p {
	width: 33%;
	float: left;
	display: block;
	margin: 20px 0;
}
.emsPanel.emsHero .divText {
    float: left;
	margin: 60px 0 0 20px;
	text-align: center;
}
.emsPanel.emsMatch div.column h2.match{
		text-align: center;
}
@media screen and (min-width: 37.5em) {
	.emsPanel.emsHero .divText {
		width: 45%;
		text-align: left;
	}
	
	.emsPanel.emsMatch div.column{
		float: left;
		width: 15%;
		text-align: center;
		padding-top: 200px;
	}
	.emsPanel.emsMatch div.column:nth-child(even){
		padding-top: 0;
		width: 40%;
		text-align: left;
	}
	.emsPanel.emsMatch  ol {
		margin: 5px 0 0 20px;
	}
	.emsPanel.emsMatch ul{
		margin: 5px 0 0 20px;
	}
}

.emsPanel.emsMap {
	
}
.emsPanel.emsMap h2{
	border-top: solid 1px #C65760;
	color: #C65760;
	text-align: center;
	padding-top: 1rem;
}

.emsPanel.emsMap p {
	text-align: center;
	margin: 0.5rem 1rem;
}
.emsPanel.emsMap iframe{
	margin: 0;
}

.emsPanel.emsContactform h2 {
	text-align: center;
}
.emsPanel.emsContactform h2,
.emsPanel.emsContactform h4 {
	color: #C65760;
}

.emsPanel.emsContactform .divForm {
	width: 60%;
	float: right;
	text-align: left;
}

@media screen and (max-width: 37.5em) {
	
	.emsPanel.emsContactform h4,
	.emsPanel.emsContactform p{
		text-align: center;
	}
	.emsPanel.emsContactform .divForm {
		width: 100%;
	}
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #97775C;
}

a:visited {
	color: #97775C;
}

a:hover, a:focus, a:active {
	color: #C65760;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	text-transform: uppercase;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 20px 0;
	padding-left: 0;
}

.main-navigation ul ul {
	float: left;
	/*position: absolute;*/
	/*top: 20px;*/
	/*left: -999em;*/
    max-height: 0px;
    overflow: hidden;
	z-index: 99999;
	background-color: #FFF;
	text-align: left;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}
@media screen and (min-width: 37.5em) {
    .main-navigation ul ul {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        float: left;
        position: absolute;
        top: 40px;
        left: -999em;
        max-height: inherit;
        text-align: left;
		    max-width: 240px;
    }
	.main-navigation ul ul li {
		text-align: center;
	}
}
.main-navigation ul li.focus > ul {
    max-height: inherit;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
@media screen and (min-width: 37.5em) {
    .main-navigation ul ul a {
        width: 200px;
    }
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
    font-size: 16px;
	font-weight: bold;
	padding: 12px 10px 20px 8px;
}
.main-navigation ul ul li > a {
    color: #C65760;
    font-weight: normal;
}
@media screen and (min-width: 37.5em) {
    .main-navigation li {
        font-size: 13px;
        float: left;
        position: relative;
		text-align: center;
    }
	.main-navigation li a {
		min-height: 40px;
	}
	.main-navigation li:nth-child(2){
		max-width: 150px;
	}
	.main-navigation li:nth-child(3) {
		max-width: 200px;
	}
	.main-navigation li:nth-child(4) {
		max-width: 150px;
	}
	.main-navigation li:nth-child(5) {
		max-width: 150px;
	}
		.main-navigation li:nth-child(2) li,
	.main-navigation li:nth-child(3) li,
	.main-navigation li:nth-child(4) li,
	.main-navigation li:nth-child(5) li,
    .main-navigation li ul li{
        max-width: inherit;
        margin: 0 5px;
    }
	
    .main-navigation ul ul li > a {
        color: #97775C;
        font-weight: bold;
    }
    .main-navigation ul ul li > a:hover {
        color: #C65760;
        font-weight: bold;
    }
}
.main-navigation li.Logo {
	background-image: url("img/elite-management-school-logo.png");
	background-position: left top;
	background-repeat: no-repeat;
}
.main-navigation li.Logo a {
	width: 215px;
	height: 53px;
	line-height: 0;
	font-size: 0;
	color: transparent;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .main-navigation li {
        max-width: 120px;
        text-align: center;
        margin: 0 5px 20px 0;
    }
	.main-navigation li:nth-child(2),
	.main-navigation li:nth-child(3) {
		max-width: 150px;
	}
	.main-navigation li:nth-child(4) {
		max-width: 80px;
	}
	.main-navigation li:nth-child(5) {
		max-width: 105px;
	}
	
    .main-navigation li.Logo {
        max-width: 215px;
    }

}

.main-navigation a {
	display: block;
	text-decoration: none;
}
.custom-logo {
    margin: 20px;
}

/* Small menu. */
.menu-toggle {
	display: block;
    position: absolute;
    top: 19px;
    right: 10px;
}
.menu-toggle {
    border: none;
    background-color: transparent;
}
.menu-toggle i {
    font-size: 36px;
}
.main-navigation li.Logo {
    display: none;
}
@media screen and (min-width: 37.5em) {
    .custom-logo,
    .custom-logo-link {
        display: none;
    }
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
    .main-navigation li.Logo {
        display: block;
    }
}

.main-navigation.toggled ul {
    display: block;
    width: 100%;
    background-color: #FFF;

}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
## Header Menus
--------------------------------------------------------------*/
.links-navigation {
	float: right;
	display: block;
    padding: 0 20px;
}
.language-navigation {
	display: block;
	float: right;
    padding: 0 20px;
}
@media screen and (min-width: 37.5em) {
    .links-navigation {
        padding: 0;
    }
    .language-navigation {
        float: left;
        padding: 0;
    }
}
.links-navigation ul,
.language-navigation ul {
	list-style: none;
	margin: 20px 0 20px;
	padding-left: 0;
}
.links-navigation li,
.language-navigation li {
	float: left;
	position: relative;
	width: auto;
	border-right: solid 2px #8F9089;
	padding: 0 5px 0 25px;
	font-size: 12px;
}
.links-navigation a,
.language-navigation a {
	display: block;
	text-decoration: none;
	color: #8F9089;
}
.links-navigation li:hover,
.language-navigation li:hover,
.links-navigation a:hover,
.language-navigation a:hover {
	color: #C65760;
	border-color: #C65760;
}

/*--------------------------------------------------------------
## Social Menus
--------------------------------------------------------------*/
#menu-social  {
	margin: 30px 10px 0 0;
	padding: 0;
}

#menu-social li {
	list-style-type: none;
	width: 3.2em;
	height: 3.2em;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 37.5em) {
	#menu-social   {
		width: 100%;
	}
	/*#menu-social li {*/
		/*display: block;*/
		/*margin: 0 auto;*/
	/*}*/
}
#menu-social li a:before{

	display: inline-block;
	float: left;
	font-family: fontawesome;
	font-size: 1.6em;
	width: 1.6em;
	text-align: center;
	line-height: 1.6em;
	background-color: #C65760;
	color: #fff;
	margin: 5px;
}

#menu-social li.Facebook a:before{
	content: "\f09A";
}
#menu-social li.Twitter a:before{
	content: "\f099";
}
#menu-social li.LinkedIn a:before{
	content: "\f0E1";
}
#menu-social li.Instagram a:before{
	content: "\f16D";
}
h3.social .fa:hover,
#menu-social li:hover a:before {
	background-color: #97775C;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.entry-header {
	background-color: #EDE6DE;
	margin-bottom: -60px;
}
.page-id-190 .entry-header {
	margin-bottom: 0;
}
.page-id-190 .entry-header h1.entry-title {
	font-size: 36px;

}

.entry-header h1.entry-title {
	font-size: 40px;
	width: 25%;
	float: left;
	text-align: right;
	position: absolute;
	top: 300px;
	word-break: keep-all;
}
.entry-header h2.entry-title {
	font-size: 18px;
	width: 25%;
	float: left;
	text-align: right;
	position: absolute;
	top: 460px;
}
	.home .entry-header h1.entry-title {
		display: none;
	}
@media screen and (min-width: 37.5em) {
	
	.page-id-170 .entry-header h1.entry-title {
		font-size: 48px;
		
	}

	.page-id-190 .entry-header h1.entry-title {
		width: 30%;
	}
	.entry-header h1.entry-title,
	.entry-header h2.entry-title,
	.entry-header h3.entry-title {
		max-width: 400px;
	}
}
.page-id-19 .entry-header h1.entry-title {
	display: none;
}
.page-template-page-course .entry-header h1.entry-title {
    font-size: 30px;
    width: 100%;
    float: right;
    text-align: right;
    position: inherit;
}
.entry-header h3.entry-title {
	position: absolute;
	top: 500px;
	text-align: right;
	width: 25%;
}
.entry-header .post-thumbnail {
	margin-top: -100px;
}
.page-id-190 .entry-header .post-thumbnail {
	margin-top: -50px;
}
@media screen and (max-width: 37.5em) {
	.entry-header {
		margin-bottom: -23px;
	}

	.entry-header h1.entry-title {
		position: inherit;
		text-align: center;
		width: 100%;
		top: 10px;
	}
    .page-template-page-course .entry-header h1.entry-title {
        width: 100%;
        float: none;
        text-align: center;
        position: inherit;
    }
	.entry-header h3.entry-title {
		position: inherit;
		text-align: center;
		width: 100%;
	}
	.entry-header .post-thumbnail {
		position: inherit;
		width: 100%;
		overflow: hidden;
		margin: 0;
	}
	.entry-header .post-thumbnail img{
		height: auto;
		display: block;
		margin: -10% 0 0 -50%;
		max-width: 150%;
		
	}	
	.page-id-19 .entry-header .post-thumbnail img{
		margin: -10% 0 0;
		max-width: 100%;
	}


}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
	.entry-header {
		margin-bottom: -35px;
	}

	.entry-header h1.entry-title {
		width: 50%;
		top: 200px;
	}
	.page-id-190 .entry-header h1.entry-title {
		width: 50%;
		margin-top: 100px;
	}
	.entry-header h3.entry-title {
		position: absolute;
		top: 400px;
		text-align: right;
		width: 50%;
	}
	.entry-header .post-thumbnail img{
		height: auto;
		max-width: 600px;
		display: block;
		margin: 0 0 0 auto;
	}
}

.page-template-page-course .entry-header{
	padding-bottom: 60px;
	background-image: url("img/ems-body-background.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #EDE6DE;
    margin-bottom: 0;
}
@media screen and (max-width: 37.5em) {
    .page-template-page-course .entry-header {
        padding-bottom: 30px;
        background-size: 100%;
        margin-bottom: 30px;
    }
}
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

#primary{
	background-color: #FFF;
}

@media screen and (min-width: 1025px) {
	.home #primary {
		margin-top: 50px;
	}
}
.page-content,
.entry-content,
.entry-summary {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
.page-content h2,
.page-content p,
.entry-content h2,
.entry-content h3,
.entry-content p,
.entry-summary p {
    margin: 0.5rem 1rem 1rem;
}
.page-content ul,
.entry-content ul,
.entry-summary ul
.page-content ol,
.entry-content ol,
.entry-summary ol {
    margin: 0.5rem 1rem  1rem 3rem;
}
@media screen and (min-width: 44.375em){
	.page-content h2,
	.page-content p,
	.entry-content h2,
	.entry-content h3,
	.entry-content p,
	.entry-summary p {
		margin: 0.5rem 0 1rem;
	}
	.page-content ul,
	.entry-content ul,
	.entry-summary ul
	.page-content ol,
	.entry-content ol,
	.entry-summary ol {
		margin: 0.5rem 3rem  1rem 3rem;
	}
	.page-template-page-course .page-content p,
	.page-template-page-course .entry-content p,
	.page-template-page-course .entry-summary p {
		margin: 0.5rem 0  1rem;
	}
	.page-template-page-course .page-content,
	.page-template-page-course .entry-content,
	.page-template-page-course .entry-summary {

		padding: 0.5rem 3rem  1rem;
	}

}
.page-links {
	clear: both;
	margin: 0 0 1.5em ;
}

/*--------------------------------------------------------------
## Courses
--------------------------------------------------------------*/

div.hWrapLeft,
div.hWrapRight{

}
div.hWrapLeft {
	text-align: center;
}
div.hWrapRight{
	text-align: center;
	padding: 0;
	border-top: solid 5px #97775C;
	padding: 20px;
	margin: 30px;

}
@media screen and (min-width: 37.5em) {
	div.hWrapLeft {
		width: 60%;
		border-right: solid 4px #97775C;
		border-top: none;
		text-align: right;
		padding: 0 40px 0 80px;
		float: left;
	}

	div.hWrapRight {
		text-align: left;
		padding: 0 0 0 40px;
		margin: 0;
		border-top: none;
        float: left;
        width: 40%;
	}
	div.hWrapLeft,
	div.hWrapRight {
		line-height: 48px;
		margin-bottom: 40px;
	}
}

div.dWrap:first-child {

}
h3.subheading-1,
h3.subheading-2{
	font-weight: normal;
	margin: 0;
}
div.hWrapLeft h1,
h2.heading-2 {
	font-size: 1.9em;
	margin: 0;
}

.divClearing{
	width:100%;
	clear: both;
	min-height: 1px;
}
/*--------------------------------------------------------------
## Tables
--------------------------------------------------------------*/
table {
	border-spacing: 5px;
	border-collapse: separate;
}
td,
th {
	border-left-width: 5px;
	border-top-width: 5px;
	border-color: #FFF;
	vertical-align: text-top;
}

thead th{
	background-color: #97775C;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	padding: 7px;
}
td {

	padding: 7px;
}
tr:nth-child(odd) {background-color: #f3f0e8;}
tr:nth-child(even) {background-color: #f7f4ef;}
tr:hover {background-color: #ede6de;}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Sprites
--------------------------------------------------------------*/
.emsSprite {
	height: 100px;
	width: 100px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url("img/ems-sprite-sheet-20180112.png");
	background-repeat: no-repeat;
	background-color: #EDE6DE;
}
.emsSprite.thumbsup{
	background-position-x: 0px;
	background-position-y: 0px;
}
.emsSprite.person{
	background-position-x: -100px;
	background-position-y: 0px;
}
.emsSprite.city{
	background-position-x: -200px;
	background-position-y: 0px;
}
.emsSprite.lightbulb{
	background-position-x: 0px;
	background-position-y: -100px;
}
.emsSprite.megaphone{
	background-position-x: -100px;
	background-position-y: -100px;
}
.emsSprite.chat{
	background-position-x: -200px;
	background-position-y: -100px;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

section.error-404{
	padding: 0.5rem 3rem;
}