/* Get the logo off the top*/
body {
	padding-top: 20px;
}

/* Get the navbar off the logo */
.navbar {
	margin-top: 20px;
}

/* Give the main content a bit of space */
.carousel {
	margin-bottom: 20px;
}

/* Carousel bigger shadow */
.carousel-caption{
	/*text-shadow: black 0.3em 0.3em 0.3em;*/
	/*background-color: #888888;*/
}

/* Translucent grey background*/
.trans-grey{
	background: url("images/translucent-grey.png");
}

/* align text in tables */
.tableCentre{
	text-align: center;
	vertical-align: middle;
}

/* New colour scheme */
.text-primary {
	/*color: #FF6600;*/
	color: #E93A27;
}
.text-info {
	color: #186537;
}
.btn-primary {
	background-color: #186537;
	border-color: #005000;
}
.btn-primary:hover {
	background-color: #005000;
	border-color: #005000;
	color: #E93A27;
}

/* Sticky footer stuff */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  /*margin-bottom: 80px;*/
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #186537;
	color: #CCCCCC;
	margin-top: 20px;
	
	/*padding-left: 15px;
	padding-right: 15px;*/
}



/* Make the Facebook likebox responsive */
#likebox-wrapper * {
   width: 100% !important;
}

/*------------------------------
----- Gradient backgrounds -----
------------------------------*/
#green-gradient{
	background: url("images/green_gradient.png");
	background-size: contain;
}
#grey-gradientw{
	background: url("images/grey_gradient.png");
	background-size: contain;
}
#grey-gradientg{
	background: url("images/grey_gradient2.png");
	background-size: contain;
}
#purple-gradient{
	background: url("images/purple_gradient.png");
	background-size: contain;
}
#yellow-gradient{
	background: url("images/yellow_gradient.png");
	background-size: contain;
}

/*------------------------
----- Custom colours -----
------------------------*/
.colour-red{
	color: #E93A27;
}
.colour-green{
	color: #186537;
}
.colour-yellow{
	color: #FFE325;
}
.colour-orange{
	color: #F99F27;
}
.colour-ecco{
	color: #A35FB2;
}
.colour-wma{
	color: #B32026;
}
.colour-white{
	color: #FFFFFF;
}
.colour-black{
	color: #000000;
}
.bgcolour-red{
	background-color: #E93A27;
}
.bgcolour-green{
	background-color: #186537;
}
.bgcolour-yellow{
	background-color: #FFE325;
}
.bgcolour-orange{
	background-color: #F99F27;
}
.bgcolour-ecco{
	background-color: #A35FB2;
}
.bgcolour-wma{
	background-color: #B32026;
}
.bgcolour-white{
	background-color: #FFFFFF;
}
.bgcolour-black{
	background-color: #000000;
}

/*------------------------------
----- Custom alert colours -----
------------------------------*/
.alert-red{ 
  color: #ffffff; 
  background-color: #E93A27; 
  border-color: #991102; 
}
.alert-green { 
  color: #ffffff; 
  background-color: #186537; 
  border-color: #0C381E; 
}
.alert-yellow { 
  color: #000000; 
  background-color: #FFE325; 
  border-color: #DBC115; 
}
.alert-ecco { 
  color: #FFFFFF; 
  background-color: #A35FB2; 
  border-color: #792F8A; 
}
.alert-wma { 
  color: #FFFFFF; 
  background-color: #B32026; 
  border-color: #8A0409; 
}
.alert-white { 
  /*color: #000000; */
  background-color: #FFFFFF; 
  border-color: #000000; 
}

/*---------------------------
----- Custom red button -----
---------------------------*/
.btn-red { 
  color: #ffffff; 
  background-color: #E93A27; 
  border-color: #991102; 
} 
 
.btn-red:hover, 
.btn-red:focus, 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  color: #ffffff; 
  background-color: #C73222; 
  border-color: #991102; 
} 
 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  background-image: none; 
} 
 
.btn-red.disabled, 
.btn-red[disabled], 
fieldset[disabled] .btn-red, 
.btn-red.disabled:hover, 
.btn-red[disabled]:hover, 
fieldset[disabled] .btn-red:hover, 
.btn-red.disabled:focus, 
.btn-red[disabled]:focus, 
fieldset[disabled] .btn-red:focus, 
.btn-red.disabled:active, 
.btn-red[disabled]:active, 
fieldset[disabled] .btn-red:active, 
.btn-red.disabled.active, 
.btn-red[disabled].active, 
fieldset[disabled] .btn-red.active { 
  background-color: #E93A27; 
  border-color: #991102; 
} 
 
.btn-red .badge { 
  color: #E93A27; 
  background-color: #ffffff; 
}

/*-----------------------------
----- Custom green button -----
-----------------------------*/
.btn-green { 
  color: #ffffff; 
  background-color: #186537; 
  border-color: #0C381E; 
} 
 
.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  color: #ffffff; 
  background-color: #03401B; 
  border-color: #0C381E; 
} 
 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  background-image: none; 
} 
 
.btn-green.disabled, 
.btn-green[disabled], 
fieldset[disabled] .btn-green, 
.btn-green.disabled:hover, 
.btn-green[disabled]:hover, 
fieldset[disabled] .btn-green:hover, 
.btn-green.disabled:focus, 
.btn-green[disabled]:focus, 
fieldset[disabled] .btn-green:focus, 
.btn-green.disabled:active, 
.btn-green[disabled]:active, 
fieldset[disabled] .btn-green:active, 
.btn-green.disabled.active, 
.btn-green[disabled].active, 
fieldset[disabled] .btn-green.active { 
  background-color: #186537; 
  border-color: #0C381E; 
} 
 
.btn-green .badge { 
  color: #186537; 
  background-color: #ffffff; 
}

/*------------------------------
----- Custom yellow button -----
------------------------------*/
.btn-yellow { 
  color: #000000; 
  background-color: #FFE325; 
  border-color: #DBC115; 
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #000000; 
  background-color: #EDCD00; 
  border-color: #DBC115; 
} 
 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-yellow.disabled, 
.btn-yellow[disabled], 
fieldset[disabled] .btn-yellow, 
.btn-yellow.disabled:hover, 
.btn-yellow[disabled]:hover, 
fieldset[disabled] .btn-yellow:hover, 
.btn-yellow.disabled:focus, 
.btn-yellow[disabled]:focus, 
fieldset[disabled] .btn-yellow:focus, 
.btn-yellow.disabled:active, 
.btn-yellow[disabled]:active, 
fieldset[disabled] .btn-yellow:active, 
.btn-yellow.disabled.active, 
.btn-yellow[disabled].active, 
fieldset[disabled] .btn-yellow.active { 
  background-color: #FFE325; 
  border-color: #DBC115; 
} 
 
.btn-yellow .badge { 
  color: #FFE325; 
  background-color: #000000; 
}

/*----------------------------
----- Custom ecco button -----
----------------------------*/
.btn-ecco { 
  color: #FFFFFF; 
  background-color: #A35FB2; 
  border-color: #792F8A; 
} 
 
.btn-ecco:hover, 
.btn-ecco:focus, 
.btn-ecco:active, 
.btn-ecco.active, 
.open .dropdown-toggle.btn-ecco { 
  color: #FFFFFF; 
  background-color: #823F91; 
  border-color: #792F8A; 
} 
 
.btn-ecco:active, 
.btn-ecco.active, 
.open .dropdown-toggle.btn-ecco { 
  background-image: none; 
} 
 
.btn-ecco.disabled, 
.btn-ecco[disabled], 
fieldset[disabled] .btn-ecco, 
.btn-ecco.disabled:hover, 
.btn-ecco[disabled]:hover, 
fieldset[disabled] .btn-ecco:hover, 
.btn-ecco.disabled:focus, 
.btn-ecco[disabled]:focus, 
fieldset[disabled] .btn-ecco:focus, 
.btn-ecco.disabled:active, 
.btn-ecco[disabled]:active, 
fieldset[disabled] .btn-ecco:active, 
.btn-ecco.disabled.active, 
.btn-ecco[disabled].active, 
fieldset[disabled] .btn-ecco.active { 
  background-color: #A35FB2; 
  border-color: #792F8A; 
} 
 
.btn-ecco .badge { 
  color: #A35FB2; 
  background-color: #FFFFFF; 
}

/*---------------------------
----- Custom wma button -----
---------------------------*/
.btn-wma { 
  color: #FFFFFF; 
  background-color: #B32026; 
  border-color: #8A0409; 
} 
 
.btn-wma:hover, 
.btn-wma:focus, 
.btn-wma:active, 
.btn-wma.active, 
.open .dropdown-toggle.btn-wma { 
  color: #FFFFFF; 
  background-color: #94080C; 
  border-color: #8A0409; 
} 
 
.btn-wma:active, 
.btn-wma.active, 
.open .dropdown-toggle.btn-wma { 
  background-image: none; 
} 
 
.btn-wma.disabled, 
.btn-wma[disabled], 
fieldset[disabled] .btn-wma, 
.btn-wma.disabled:hover, 
.btn-wma[disabled]:hover, 
fieldset[disabled] .btn-wma:hover, 
.btn-wma.disabled:focus, 
.btn-wma[disabled]:focus, 
fieldset[disabled] .btn-wma:focus, 
.btn-wma.disabled:active, 
.btn-wma[disabled]:active, 
fieldset[disabled] .btn-wma:active, 
.btn-wma.disabled.active, 
.btn-wma[disabled].active, 
fieldset[disabled] .btn-wma.active { 
  background-color: #B32026; 
  border-color: #8A0409; 
} 
 
.btn-wma .badge { 
  color: #B32026; 
  background-color: #FFFFFF; 
}

.btn-white { 
  color: #000000; 
  background-color: #FFFFFF; 
  border-color: #000000; 
} 
 
.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white { 
  color: #000000; 
  background-color: #F2F2F2; 
  border-color: #000000; 
} 
 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white { 
  background-image: none; 
} 
 
.btn-white.disabled, 
.btn-white[disabled], 
fieldset[disabled] .btn-white, 
.btn-white.disabled:hover, 
.btn-white[disabled]:hover, 
fieldset[disabled] .btn-white:hover, 
.btn-white.disabled:focus, 
.btn-white[disabled]:focus, 
fieldset[disabled] .btn-white:focus, 
.btn-white.disabled:active, 
.btn-white[disabled]:active, 
fieldset[disabled] .btn-white:active, 
.btn-white.disabled.active, 
.btn-white[disabled].active, 
fieldset[disabled] .btn-white.active { 
  background-color: #FFFFFF; 
  border-color: #000000; 
} 
 
.btn-white .badge { 
  color: #FFFFFF; 
  background-color: #000000; 
}

.btn-black { 
  color: #FFFFFF; 
  background-color: #000000; 
  border-color: #000000; 
} 
 
.btn-black:hover, 
.btn-black:focus, 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  color: #FFFFFF; 
  background-color: #404040; 
  border-color: #000000; 
} 
 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  background-image: none; 
} 
 
.btn-black.disabled, 
.btn-black[disabled], 
fieldset[disabled] .btn-black, 
.btn-black.disabled:hover, 
.btn-black[disabled]:hover, 
fieldset[disabled] .btn-black:hover, 
.btn-black.disabled:focus, 
.btn-black[disabled]:focus, 
fieldset[disabled] .btn-black:focus, 
.btn-black.disabled:active, 
.btn-black[disabled]:active, 
fieldset[disabled] .btn-black:active, 
.btn-black.disabled.active, 
.btn-black[disabled].active, 
fieldset[disabled] .btn-black.active { 
  background-color: #000000; 
  border-color: #000000; 
} 
 
.btn-black .badge { 
  color: #000000; 
  background-color: #FFFFFF; 
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ecf0f1;
	background-color: #186537;
}

/* ------------------------------- */
/* ----- Navbar re-colouring ----- */
/* ------------------------------- */
.navbar-default {
	background-color: #186537;
	border-color: #114C29;
}
.navbar-default .navbar-brand {
	color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #E93A27;
}
.navbar-default .navbar-text {
	color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
	color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #E93A27;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #E93A27;
	background-color: #114C29;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #E93A27;
	background-color: #114C29;
}
.navbar-default .navbar-toggle {
	border-color: #114C29;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #114C29;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #ecf0f1;
}
.navbar-default .navbar-link {
	color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
	color: #E93A27;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #ecf0f1;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #E93A27;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #E93A27;
		background-color: #114C29;
	}
}