@charset "utf-8";
/* CSS Document */

/* Override heading colours from template.css      */
h1, h2, h3, h4, h5, h6 {color:#666;}


/* Add border to images from any directory in or   */ 
/* below any directory starting with /border.      */
/* e.g. images/logos/border/abc.png                */
img[src*="/border"] {border:1px solid #CCC; box-shadow: 2px 2px 5px #666;}


/* If we're likely to be scrunched up at the top   */
/* (ie. Joomla content follows menu directly)      */
/* set a nice gap                                  */
div.topNavArea + div.pageArea div.pageContainer > div {margin-top:4% ;}


/* style the FIRST leading article                 */
div.leading-0 {padding-right:20%; font-size:120% ;}


/* Make the mobile menu button more visible         */
.navbar .btn-navbar {border-color:#1d97ad;}
.navbar .btn-navbar .icon-bar {background-color:orange;}


/* The small print (designed for T&Cs). Triggered by     */
/* setting menu - PageDisplay - PageClass = "-batLegal"  */
div.item-page-batLegal div[itemprop~="articleBody"] *  {font-size:12pt; line-height:1;  margin:10px 0 15px;}
div.item-page-batLegal div[itemprop~="articleBody"] h5 {font-size:12pt;font-weight:bold;}
div.item-page-batLegal div[itemprop~="articleBody"] h4 {font-size:14pt;font-weight:bold; margin-top:15px;}
div.item-page-batLegal div[itemprop~="articleBody"] h3 {font-size:16pt;font-weight:bold; margin-top:20px;}
div.item-page-batLegal div[itemprop~="articleBody"] h2 {font-size:16pt;font-weight:bold; margin-top:25px;}
div.item-page-batLegal div[itemprop~="articleBody"] h1 {font-size:18pt;font-weight:bold; margin-top:30px;}
div.item-page-batLegal div[itemprop~="articleBody"] p  {line-height:1.5;}
div.item-page-batLegal div[itemprop~="articleBody"] ol {margin-left:30px;}
div.item-page-batLegal div[itemprop~="articleBody"] ul {margin-left:30px;}


/* Image resizing for Meet-the-team */
div.blog-batTeam div.item-image.pull-left img {margin:0 10px 10px 0;}
div.blog-batTeam div.item-image.pull-right img {margin:0 0 10px 10px;}
div.blog-batTeam div.item-image img {max-width:100px;}

/* Small margins on small images - like in the            */
/* little arrows in Our Customers / Suppliers             */
.pageArea img.small-img.pull-left {margin-right:10px; margin-bottom:10px;}
.pageArea img.small-img.pull-right {margin-left:10px; margin-bottom:10px;}

/* Development & Debugging area */
div#EvoDebugging {
	clear:both;
	border-radius:5px;
	padding:10px;
	background-color:white;
	}