/*EEEEEEEEEEEEEEEEEEEE UUUUUUUU     UUUUUUUU IIIIIIIIII     WWWWWWWW                           WWWWWWWW EEEEEEEEEEEEEEEEEEEEEE BBBBBBBBBBBBBBBBB        UUUUUUUU     UUUUUUUU NNNNNNNN        NNNNNNNN IIIIIIIIII TTTTTTTTTTTTTTTTTTTTTTT
E::::::::::::::::::::E U::::::U     U::::::U I::::::::I     W::::::W                           W::::::W E::::::::::::::::::::E B::::::::::::::::B       U::::::U     U::::::U N:::::::N       N::::::N I::::::::I T:::::::::::::::::::::T
E::::::::::::::::::::E U::::::U     U::::::U I::::::::I     W::::::W                           W::::::W E::::::::::::::::::::E B::::::BBBBBB:::::B      U::::::U     U::::::U N::::::::N      N::::::N I::::::::I T:::::::::::::::::::::T
EE::::::EEEEEEEEE::::E UU:::::U     U:::::UU II::::::II     W::::::W                           W::::::W EE::::::EEEEEEEEE::::E BB:::::B     B:::::B     UU:::::U     U:::::UU N:::::::::N     N::::::N II::::::II T:::::TT:::::::TT:::::T
  E:::::E       EEEEEE  U:::::U     U:::::U    I::::I        W:::::W           WWWWW           W:::::W    E:::::E       EEEEEE   B::::B     B:::::B      U:::::U     U:::::U  N::::::::::N    N::::::N   I::::I   TTTTTT  T:::::T  TTTTTT
  E:::::E               U:::::D     D:::::U    I::::I         W:::::W         W:::::W         W:::::W     E:::::E                B::::B     B:::::B      U:::::D     D:::::U  N:::::::::::N   N::::::N   I::::I           T:::::T        
  E::::::EEEEEEEEEE     U:::::D     D:::::U    I::::I          W:::::W       W:::::::W       W:::::W      E::::::EEEEEEEEEE      B::::BBBBBB:::::B       U:::::D     D:::::U  N:::::::N::::N  N::::::N   I::::I           T:::::T        
  E:::::::::::::::E     U:::::D     D:::::U    I::::I           W:::::W     W:::::::::W     W:::::W       E:::::::::::::::E      B:::::::::::::BB        U:::::D     D:::::U  N::::::N N::::N N::::::N   I::::I           T:::::T        
  E:::::::::::::::E     U:::::D     D:::::U    I::::I            W:::::W   W:::::W:::::W   W:::::W        E:::::::::::::::E      B::::BBBBBB:::::B       U:::::D     D:::::U  N::::::N  N::::N:::::::N   I::::I           T:::::T        
  E::::::EEEEEEEEEE     U:::::D     D:::::U    I::::I             W:::::W W:::::W W:::::W W:::::W         E::::::EEEEEEEEEE      B::::B     B:::::B      U:::::D     D:::::U  N::::::N   N:::::::::::N   I::::I           T:::::T        
  E:::::E               U:::::D     D:::::U    I::::I              W:::::W:::::W   W:::::W:::::W          E:::::E                B::::B     B:::::B      U:::::D     D:::::U  N::::::N    N::::::::::N   I::::I           T:::::T        
  E:::::E       EEEEEE  U::::::U   U::::::U    I::::I               W:::::::::W     W:::::::::W           E:::::E       EEEEEE   B::::B     B:::::B      U::::::U   U::::::U  N::::::N     N:::::::::N   I::::I           T:::::T        
EE::::::EEEEEEEE:::::E  U:::::::UUU:::::::U  II::::::II              W:::::::W       W:::::::W          EE::::::EEEEEEEE:::::E BB:::::BBBBBB::::::B      U:::::::UUU:::::::U  N::::::N      N::::::::N II::::::II       TT:::::::TT      
E::::::::::::::::::::E   UU:::::::::::::UU   I::::::::I               W:::::W         W:::::W           E::::::::::::::::::::E B:::::::::::::::::B        UU:::::::::::::UU   N::::::N       N:::::::N I::::::::I       T:::::::::T      
E::::::::::::::::::::E     UU:::::::::UU     I::::::::I                W:::W           W:::W            E::::::::::::::::::::E B::::::::::::::::B           UU:::::::::UU     N::::::N        N::::::N I::::::::I       T:::::::::T      
EEEEEEEEEEEEEEEEEEEEEE       UUUUUUUUU       IIIIIIIIII                 WWW             WWW             EEEEEEEEEEEEEEEEEEEEEE BBBBBBBBBBBBBBBBB              UUUUUUUUU       NNNNNNNN         NNNNNNN IIIIIIIIII       TTTTTTTTT*/

                                                                                                                                                                                                                         

/*
---------------------------------------------------------------------------------
[Table of contents]

1. HTML tags
	2. Header
		2.1. Navigation
		3.2 Search

	3. Content
		3.1. Left column
		3.2. Sidebar

	4. Footer
---------------------------------------------------------------------------------
*/


/*
---------------------------------------------------------------------------------

[Color codes]

Background:	#ffffff (white)
Content:	#1e1e1e (light black)
Header h1:	#9caa3b (green)
Header h2:	#ee4117 (red)
Footer:		#b5cede (dark black)

a (standard):	#0040b6 (dark blue)
a (visited):	#5999de (light blue)
a (active):	#cc0000 (pink)

---------------------------------------------------------------------------------
*/

/*
---------------------------------------------------------------------------------

[Typography]

Body copy:		1.2em/1.6em Verdana, Helvetica, Arial, Geneva, sans-serif;
Headers:		2.7em/1.3em Helvetica, Arial, "Lucida Sans Unicode", Verdana, sans-serif;
Input, textarea:	1.1em Helvetica, Verdana, Geneva, Arial, sans-serif;
Sidebar heading:	1.5em Helvetica, Trebuchet MS, Arial, sans-serif;

Notes:	decreasing heading by 0.4em with every subsequent heading level

---------------------------------------------------------------------------------
*/


/*
=================================================================================
	HTML TAGS
=================================================================================
*/

body {
	background: #FFF;
	font-size: 17px;
  	line-height: 1.618;
	font-family: "Noto sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4 {
	font-family: 'Source Sans Pro', sans-serif;
}


h3 {font-size: 22px;}

h1 a,
h2 a,
h3 a,
h4 a {
	color: #333;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
  	text-decoration: none;
	color: #333;
  	border-bottom: 1px solid #333;
}

img {
    height: auto!important;
    width: auto;
    max-width: 100%!important;
}

blockquote {
  	border: 0;
    padding: 20px 0 20px 0px;
    font-style: normal;
	position: relative;	
  	font-size: 24px;
	margin: 20px 0 30px;
}

blockquote:before {
	content: "";
    background: url(/stg/STG-project/assets/i/bigQuotes.png) no-repeat;
    width: 50px;
    height: 55px;
    display: block;
    margin: 0 15px 15px 0;
    position: absolute;
    left: -70px;
    top: 0;
    background-size: 100%;
}

blockquote p {
	line-height: 1.4;
  	margin-left: 0!important;
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0;
}

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

video {
	width: 100%;
	max-width: 100%;
}


/* 
==================================================================================
	HEADER
==================================================================================
*/


/* 
==================================================================================
	LOGO & BRANDING
==================================================================================
*/

#logo {
	margin: 20px 0 15px;
}

#logo a {
	text-decoration: none;
}

#logo  img {
	height: 50px!important;
}

#site-title {
  	font-family: 'Raleway', sans-serif;
  	font-size: 17px;
  	display: block;
  	font-weight: 400;
  	color: #333;
  	margin-bottom: 15px;
  	line-height: 1.1;
  	display: none;
}


/* 
==================================================================================
	NAVIGATION MENU
==================================================================================
*/

.nav-wrapper {
    z-index: 999;
}

.nav-wrapper.affix {
	position: static;
}

.navbar-default {
    background-color: transparent;
    border: 0 none;
  	min-height: 0;
  	margin-bottom: 0;
    position: static;
}

.navbar-default .navbar-nav > li > a {
    color: #333;
    font-weight: bold;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background: #FFF;
  	border-color: #653e91;
}

.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background: #653e91;
}

.navbar-default .navbar-nav >.open > a,
.navbar-default .navbar-nav >.open > a:hover, 
.navbar-default .navbar-nav >.open > a:focus {
	background: transparent;  
}

.navbar-toggle {
  	padding: 0 13px;
  	width: 50px;
    height: 50px;
  	position: absolute;
  	top: 20px;
  	right: 15px;
  	margin: 0;
}

#navbar-collapse-main {
	background: #FFF; 
}

.navbar-collapse.in {
	overflow-y: visible;
}
.eui-hero-image #navbar-collapse-main {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


/* 
==================================================================================
	NAVIGATION SEARCH
==================================================================================
*/

.custom-search {
    position: relative;
  	margin: 15px 0 0;
  	height: 40px;
}

.custom-search .search-form {
	position: relative;
}

span.algolia-autocomplete {
	width: 100%;
}

.custom-search input {
	transition: all 0.5s ease 0s;
  	height: 40px;
 	float: right;
  	background: #fff;
  	border-color: #653e91;
  	width: 100%;
  	z-index: 99;
}

.custom-search input:focus {
	border-color: #653e91;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(72, 72, 161, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(72, 72, 161, 0.6);  
}

.custom-search .input-icon {
	position: absolute;
    right: 10px;
    background: #FFF;
    padding: 11px 2px 0 2px;
    margin: 0;
    top: 1px;
  	color: #653e91;
  	z-index: 999;
}


/* 
=================================================================================
	SEARCH AUTOCOMPLETE
=================================================================================
*/

.aa-dropdown-menu {
    background: #fff;
    padding: 15px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    text-align: left;
    z-index: 9999!important;
	font-size: 14px;
}

.aa-dropdown-menu .aa-suggestions-category strong {
    font-size: 18px;
}

.custom-search .aa-dropdown-menu .aa-suggestions {
    margin: 5px 0 15px;
    border-bottom: 1px solid #ccc;
}

.aa-dataset small {
	font-size: 14px;
}

.custom-search .aa-suggestion {
    margin-bottom: 15px;
}

.custom-search .aa-suggestion a {
	font-weight: bold;
    font-size: 16px;
    display: inline-block;
    line-height: 16px;
    margin-bottom: 0;
}

.custom-search .aa-suggestion p {
    color: #006621;
    font-size: 12px;
}

/*
.aa-dataset {
    margin: 10px 0;
}

.algolia-autocomplete {
	width: 100%;
}

.algolia-autocomplete mark {
    padding: 0;
}
*/

/* 
=================================================================================
	PAGE TITLE
=================================================================================
*/

.pageTitle h1 {
  	font-weight: normal;
  	margin-top: 0;
}


/* 
=================================================================================
	HERO IMAGE
=================================================================================
*/

.eui-hero-image header {
	position: relative;
}

#euiHeroContainer {
	position: relative;
  	overflow: hidden;
}

#euiHeroContainer .hero-image {
  	position: relative;
  	height: 0;
  	padding-bottom: 55.25%;
  	background-position: center 0;
  	background-repeat: no-repeat;
  	background-size: cover;
  	/*
  	-webkit-transition:background-position .1s ease-in-out;  
    -moz-transition:background-position .1s ease-in-out;  
    -o-transition:background-position .1s ease-in-out;  
    transition:background-position .1s ease-in-out; 
  	*/
}

#euiHeroContainer .hero-image:after {
	content: "";
  	position: absolute;
  	top: 0;	
  	right: 0;
  	bottom: 0;
  	left: 0;
  	height: 100%;
  	width: 100%;
	background:-moz-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 40%,rgba(0,0,0,.9) 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.3)),color-stop(10%,rgba(0,0,0,0)),color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.9)));
	background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 40%,rgba(0,0,0,.9) 100%);
	background:-o-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 40%,rgba(0,0,0,.9) 100%);
	background:-ms-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 40%,rgba(0,0,0,.9) 100%);
	background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 40%,rgba(0,0,0,.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#cc000000', GradientType=0);
}

form:not(.pageID-64399).eui-hero-image #mainContent {
    position: relative;
    background: #FFF;
}

/* Hero image credit */

#euiHeroContainer .hero-caption-wrapper {
	position: absolute;
	bottom: 5px;
    right: 10px;
    z-index: 9999;
  	font-size: 12px;
  	color: #FFF;
}

#euiHeroContainer .hero-caption-wrapper #euiHeroCaption {
	width: 0;
    height: 0;
    overflow: hidden;
}

#euiHeroContainer .hero-caption-wrapper .showCredit {
  	color: #FFF;
  	position: absolute;
  	right: 15px;
  	bottom: 10px;
  	font-size: 14px;
  	line-height: 25px;
	padding: 0 5px;
	border: 1px solid #fff;
}

.popover {
	background-color: #000;
	max-width: 200px;
}

.popover.left>.arrow:after {
    border-left-color: #000;
}

.popover-content {
	color: #FFF;
	font-size: 13px;
}

/* Home/News page title */

#euiHeroContainer  #altTitleWrapper #altHeroTitle {
  	font-weight: 600;
	font-size: 20px;
    line-height: 1.4;
	margin-top: 20px;
}

#euiHeroContainer #altTitleWrapper.homeTitle {
  	display: none;
}


/* 
=================================================================================
	BREADCRUMBS
=================================================================================
*/
.wrapBreadcrumbs {
	margin-bottom: 15px;
    font-size: 16px;
}


/* 
=================================================================================
	MAIN CONTENT
=================================================================================
*/

.post-summary {
  	margin-bottom: 30px;
}

.post-meta p{
	padding-top: 15px;
}

.body-content img {
	display: block;
  	max-width: 100%;
  	height: auto;
}

.body-content p+img {
	margin: 30px 0;
} 

.color-boxes {
	padding: 0 10px;
}

.color-boxes a {
	margin-top: 20px;
    position: relative;
    padding: 15px;
    display: block;
    text-align: center;
    line-height: 1.2;
    font-size: 16px;  
}

.color-boxes a:hover {
	text-decoration: none;
}

.color-boxes a span {
  	/*
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
  	padding: 0 10px;
  	*/
}

.color-boxes a:before {
	/*
  	content: "";
    display: block;
    padding-bottom: 70%;
  	*/
}  

.color-boxes a span .fa {
	display: block;
  	font-size: 22px;
}

.featureBox {
	margin-bottom: 50px;
}

.featureBox .col-md-12 > h3,
.leftFeatureColumn > h3,
.rightFeatureColumn > h3,
.titleFeatureColumn > h3 {
	display: inline-block;
    border-bottom: 1px solid #653e91;
    padding-bottom: 15px;
    margin-bottom: 0;
  	font-size: 24px;
}


/*
=================================================================================
	POST META
=================================================================================
*/

/*
.post-meta {
	margin: 15px 5% 25px;
}
*/

.post-meta,
.post-meta-event {
    font-size: 14px;
    color: rgba( 0, 0, 0, .66);
}

.post-meta .fa,
.post-meta-event .fa{
	width: 15px;
}


/* 
=================================================================================
	PANELS
=================================================================================
*/

.panel {
  	border: 1px solid #DDD;
}

.sys_news-control .sys_itemslist {
	padding: 0 15px;
}

.sys_news-control .sys_itemslist .sys_subitem {
	border: 1px solid #DDD;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	margin-bottom: 30px;
}

.panel .thumb-image, 
.panel .thumb-image-empty,
.sys_news-control .thumb-image,
.sys_news-control .thumb-empty {
    width: 100%;
    height: 120px;
  	display: block;
}

.panel .thumb-image,
.sys_news-control .thumb-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.panel .thumb-image-empty,
.sys_news-control .thumb-empty {
   	background-image: url('/NewGenerationSite/templates/STG-project/assets/i/no-image.png');
}

.panel .post-meta,
.sys_news-control .post-meta {
	margin-top: 0;
}

.panel-body h4 {
	line-height:1.5;  
}

.sys_news-control .sys_itemslist .panel-footer {
	margin-bottom: 5px;
	background: transparent;
	border: 0;
}

aside .panel h3 {
	margin-top: 0;
}


/*
============================================================================ 
   RESPONSIVE CALENDAR MODAL
============================================================================ 
*/

#eventsCalendarDay .modal-body .event {
	border-bottom: 1px solid #eee;
}

#eventsCalendarDay .modal-body .event:last-child {
    border-bottom: 0;
}

#eventsCalendarDay .modal-body .event h4 a {
	line-height: 28px;
}

#eventsCalendarDay .modal-body .event h4:after {
	content: "\f0c1";
	display: inline-block;
	margin-left: 5px;	
    font: normal normal normal 18px/1 FontAwesome;	
}

#eventsCalendarDay .modal-body .event h4 a:focus {
	text-decoration: none;
}

/*
============================================================================ 
   PEOPLE LIST
============================================================================ 
*/

.peopleListElement {
	padding: 20px;
	margin-bottom: 20px;
  	background: #FFF;
  	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.peopleListElement h3 {
	margin-top: 0; 
}

.peopleListElement p {
	line-height: 1;
}

.peopleListElement .peopleDetails {
	width: 80%;
}

.peopleListElement .contactInfo {
	margin: 20px 0;
}

.peopleListElement .contactInfo .fa {
	width: 30px;
}

.peopleListElement .jobDesc,
.peopleListElement .wLangs {
    border-top: 1px solid #DDD;
    padding: 10px 0 0;
}

.peopleListElement blockquote {
    border: 0;
    border-top: 1px solid #DDD;
    padding: 10px 0 0;
    font-size: 12px;
}

.peopleListElement blockquote .fa {
	color: #999;  
}

.peopleListElement .peopleThumb {
    width: 120px;
    height: 150px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;  
}

.peopleListElement .peopleThumb img {
	margin: 0!important;
}

.peopleListElement .clearfix {
 	height: 1px;
  	line-height: 1px;
  	font-size: 1px;
}

/* 
=================================================================================
	SIDEBAR
=================================================================================
*/ 






/* 
=================================================================================
	FOOTER
=================================================================================
*/

#centralised-footer {
    padding: 15px;
    background-color: #EEE;
    border-top: 1px solid #DDD;
    margin-bottom: 40px;
}

.cf-links {
    font-size: 13px;
    line-height: 12px;
	margin-bottom: 14px;
}


/* 
=================================================================================
	CLASSES
=================================================================================
*/

/* Affiliation squares */
.affiliation {
	line-height: 16px;
	display: inline-block;
	font-size: 14px;
    color: #666;
}

.affiliation:before {
	content:"";
	width:12px;
	height:12px;
	display:inline-block;
	margin:2px 5px 0 0;
	float:left;
	background: #2583C0;
}

.affil-eco:before{
	background:#e94b29;
}

.affil-hec:before{
	background:#1f5125;
}

.affil-law:before{
	background:#ba1642;
}

.affil-sps:before{
	background:#467f80;
}

.affil-mwp:before{
	background:#28285c;
}

.affil-rscas:before,
.affil-rsc:before{
	background:#F09B0F;
}

.affil-stg:before{
	background:#653e91;
}


/* Buttons */

.btn-default,
.btn-primary,
.btn-default:hover,
.btn-primary:hover {
	color: #FFF;
    background-color: #653e91;
    border-color: #653e91;
}

.btn-xxl {
    width: 100%;
    display: block;
    margin: 20px 0;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    line-height: 40px;
}

.btn-xxl a {    
	padding: 40px;
	width: 100%;
    display: block;
    height: 100%;	
}

.btn-xxl a,
.btn-xxl a:hover,
.btn-xxl a:focus {
	color: #FFF;
  	text-decoration: none;
}

.largeBlueButton a{
	padding: 10px 16px;
	display: block;
	font-size: 18px;
	line-height: 1.33;
	margin: 10px 0;
	color: #FFF;
	background: #653e91;
	border: 1px solid #653e91;
	text-align: center;
}

.largeBlueButton a:hover,
.largeBlueButton a:focus{
	color: #FFF;
}

.stg-colors {
	background: #653e91;
}

.share-button .btn {
	color: #FFF;
  	width: 16%;
}

.btn-twitter {
	background: #55acee;
}
.btn-google-plus {
  	background: #dd4b39;
}
.btn-facebook {
	background: #3B5998;
}
.btn-linkedin {
	background: #4875B4;
}
.btn-email {
	background: #444444;
}
.btn-whatsapp {
	background: #25D366;
}

.fancy-hr {
	margin-top: -1px;
  	border-top: 1px solid rgba(0,0,0,.15);
}

.borderedBox {
	border:1px solid #CCC;
  	padding:0 15px 15px;
}

/* Lightbox */ 
.lity-wrapper {
	position: relative;
  	font-size: 24px;
  	color: #FFF;
  	margin: 30px 0;
}

.lity-wrapper:hover {
	cursor: pointer;
}

.lity-wrapper:before {
  	width: 35px;
  	height: 35px;
  	background: rgba(72,72,161, .8);
	position: absolute;
  	padding: 5px;
  	text-align: center;
  	top: 0;
  	right: 0;
  	content: "\f065";
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;  
}

/* Responsive iframe */
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
  	margin:30px 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  	border: 0;
}


/* Collapse */

.collapseRazor .panel {
	box-shadow:	none;
  	border-color: #653e91;
  	
}
.collapseRazor .panel-heading {
	background: #FFF;
  	border: 0 none;
  	padding: 0;
}

.collapseRazor .panel-heading .panel-title a {
	display: block;
  	padding: 10px 15px;
  	color: #653e91;
  	font-size: 18px;
  	font-weight: bold;
}  

.collapseRazor .panel-heading .panel-title a:hover {
	text-decoration: none;
}

.collapseRazor .panel-heading .panel-title a span.glyphicon {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.collapseRazor .panel-heading .panel-title a span.glyphicon:before {
	content: "\f077";
}

.collapseRazor .panel-heading .panel-title a.collapsed span.glyphicon:before {
    content: "\f078";
  	color: #653e91;
}

.help-block {
    display: none;
}


/*
============================================================================ 
	Icons (people, contacts, intranet, files)
============================================================================ 
*/

.icon-email:before,
.icon-phone:before,
.icon-fax:before,
.icon-languages:before,
.icon-map:before,
.icon-pdf:before,
.icon-excel:before,
.icon-word:before,
.icon-intranet:after {
    width:25px;
    display:inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color:#4A4A4A!important;
}

.icon-email:before {
	content: "\f003";
}

.icon-phone:before {
	content: "\f095"; 
}

.icon-fax:before {
	content: "\f1ac";
}

.icon-languages:before {
	content: "\f0e5";
}

.icon-map:before {
	content: "\f041";
}

.icon-intranet:after {
	content: "\f023";
	width:10px;
	margin-left:5px;
}

.icon-pdf:before {
	content: "\f1c1";
}

.icon-excel:before {
	content: "\f1c3";
}

.icon-word:before {
	content: "\f1c2";
}


/* 
=================================================================================
	HOME PAGE
=================================================================================
*/

.pageID-64399 .responsive-calendar {
	display: none;
}


/* 
=================================================================================
	Mobile First Method
=================================================================================
*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	
	#logo {
		float: left;
      	margin: 20px 5px 15px 0;
    }

    #site-title {
		margin-top: 20px;
      	max-width: 380px;
      	display: block;
    }

  	#euiHeroContainer {
  		display: block;
  	}

 	#euiHeroContainer .hero-image {
		padding-bottom: 50.5%;
 	}

  	#euiHeroContainer #altTitleWrapper #altHeroTitle {
		font-size: 24px;
      	margin-left: 0;
		line-height: 1.4;		  
  	}
  
    .panel .thumb-image,
  	.panel .thumb-image-empty,
	.sys_news-control .thumb-image, 
	.sys_news-control .thumb-empty{
        height: 150px;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

  	#logo img {
		height: 85px!important;;
    }

   	#site-title {
		font-size: 24px;
      	max-width: none;
   	}

  
    /* 
    ==================================================================================
        NAVIGATION MENU
    ==================================================================================
    */

  	.eui-no-hero-image .nav-wrapper {
    	margin-bottom: 30px;
    }

  	.nav-wrapper {
      	width: 100%;
      	max-width: 1400px;
      	position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .eui-hero-image .nav-wrapper {
   		position: absolute;
    	top: 175px;
        z-index: 999;
    }

  	.nav-wrapper.affix {
    	position: fixed;
      	top: 0;
      	-webkit-transition: max-width .3s ease-in-out;
        -moz-transition: max-width .3s ease-in-out;
        -o-transition: max-width .3s ease-in-out;
        transition: max-width .3s ease-in-out;      
        max-width: 100%;
    	background: #FFF;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);  
    }

  	.eui-no-hero-image .navbar-collapse {
    	border-top: 1px solid #ddd;
      	border-bottom: 1px solid #ddd;
  	}
  
    .affix #navbar-collapse-main {
        box-shadow: none;
    }

	.navbar {
  		margin-bottom: 0;
	}

  	.nav {
  		height: 50px;
  	}

    .navbar-collapse {
    	width: 100%;
    	padding: 0;
    }

    .navbar-collapse {
		position: relative;
	}

  	.navbar-header {
      	height: 50px;
    }


    /* 
    ==================================================================================
        NAVIGATION SEARCH
    ==================================================================================
    */  

    .navbar-collapse .custom-search {
        display: block;
      	position: absolute;
      	right: 15px;
      	top: 5px;
      	margin: 0;
    }

  	.navbar-collapse .custom-search input {
    	width: 40px;
    }

    .navbar-collapse .custom-search input:focus {
		width: 450px;
    }

    /* 
    =================================================================================
        SEARCH AUTOCOMPLETE
    =================================================================================
    */



    /* 
    =================================================================================
        PAGE TITLE
    =================================================================================
    */


  
    /* 
    =================================================================================
        HERO IMAGE
    =================================================================================
    */

    .panel .thumb-image,
  	.panel .thumb-image-empty, 
	.sys_news-control .thumb-image, 
	.sys_news-control .thumb-empty {
        height: 180px;  
    }

    .pageID-64399 .container,
  	#masthead .container,
  	.navbar.container {
        width: 100%;
      	max-width: 1400px;
    }

  	.color-boxes a {
    	padding: 20px 0;
  	}
  
    .color-boxes a span .fa {
        display: inline-block;
    }
  

	.popover {
		background-color: #000;
		max-width: 400px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    
  	/* 
    =================================================================================
        Header
    =================================================================================
   	*/
	
  	#masthead {
    	/* min-height: 200px;  Fixes hero image jump up by navbar height when going fixed */
  	}

  	.navbar-brand {
      	height: 95px;
    	max-width: 294px;
    	background-image: url("/NewGenerationSite/templates/STG-project/assets/i/STG-logo.png");
    }

    #site-title {
        font-size: 32px;
    }  

  	.eui-hero-container-image {
    	margin-bottom: 25px;
	}  

	#euiHeroContainer  #altTitleWrapper #altHeroTitle {
		font-weight: 600;
		font-size: 28px;
	}   

    body form:not(.pageID-64413) .eui-hero-image article p {
		margin: 0 3% 0 13%;
    }

  	.custom-search input:focus {
		width: 390px;
	}  

	.color-boxes a {
		margin: 0 0 20px 0;
	}


    /* 
    =================================================================================
        Home news
    =================================================================================
   	*/  
	
	body form.pageID-64399 .sys_news-control .sys_itemslist {
		display: -webkit-box;
    	display: -webkit-flex;
    	display: -ms-flexbox;
    	display: flex;
		margin-bottom: 30px;
	}

	body form.pageID-64399 .sys_news-control .sys_itemslist .sys_subitem {
		flex: 1;
    	position: relative;
		margin: 0;
	}

	body form.pageID-64399 .sys_news-control .sys_itemslist .sys_subalternatingitem {
		margin: 0 20px;
	}

	.sys_news-control .sys_itemslist .panel-body {
		margin-bottom: 60px;
	}

	.sys_news-control .sys_itemslist .panel-footer {
		position: absolute;
    	bottom: 5px;
	}

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

    #centralised-footer {
        margin-bottom: 0;
    }
  

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

    .pageID-64399 .responsive-calendar {
        display: block;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

	#euiHeroContainer .hero-image {
	  	padding-bottom: 35.25%;
      	background-attachment: fixed;
      	background-size: 140%;
	}

	#altTitleWrapper{
	    position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
      	margin-left: 0;
		text-shadow: 1px 1px 3px rgba(50, 50, 50, 1);
		color: #FFF;
  	}

  	#altTitleWrapper.singleTitle {
		bottom: 125px;
    }	
  
  	#euiHeroContainer #altTitleWrapper.homeTitle {
      	bottom: 20px;
      	display: block;
    }


  	.custom-search input:focus {
		width: 600px;
	}

    form:not(.pageID-64399).eui-hero-image #mainContent {
        top: -150px;
        /*z-index: 998;*/
        padding-top: 15px;
    }

  	.post-summary {	
		font-size: 22px;
      	line-height: 1.4;
    }
  
  	.body-content {
 		margin-top: 50px;
    }
  
    .body-content p{
        margin-left: 13%; 

    }
   
   	.event-box .panel-body {
      	min-height: 225px;
  	}

}


/* Extra Large Devices (iMac) */
@media only screen and (min-width : 1921px) { 

	.eui-hero-container-image .hero-image {
    	background-size: cover;
	}
}


/* 
=================================================================================
	Non-Mobile First Method
=================================================================================
*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) { 
  
  
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}


/*
=================================================================================
	EDITOR TAGS
=================================================================================
*/

#editor .eui-hero-container {
    display: none;
}

#editor #TEMPLapheleiaHeader{
	display: none;
}