/* Custom LESS Script for rcs Styling */

/* Colour variables for use through the site */

/* Status Message Colours */

/* Global Styling */

body {

  color: #333;

}

/* General utility classes */

.margin-left-1 {
	margin: 1em
}

.margin-left--1 {
	margin: -20em
}

.rounded-corners {

  -moz-border-radius: 0.5em;

  -webkit-border-radius: 0.5em;

  -khtml-border-radius: 0.5em;

  border-radius: 0.5em;

}

.big-rounded-corners {

  -moz-border-radius: 1.5em;

  -webkit-border-radius: 1.5em;

  -khtml-border-radius: 1.5em;

  border-radius: 1.5em;

}

.orange-border {

  border: solid 0.2em #f6954a;

}

.blue-border {

  border: solid 0.2em #1e4978;

}

.white-text {

  font-family: 'Titillium Web', sans-serif;

  color: #ffffff !important;

}

.orange-text {

  font-family: 'Titillium Web', sans-serif;

  color: #f6954a;

}

.blue-text {

  font-family: 'Titillium Web', sans-serif;

  color: #5284BC;

}

.icon-large {

  font-size: 1.5em;

}

.justified {

  text-align: justify;

}

.left-align {

  text-align: left;

}

.header-top-margin {

  margin-top: 1em;

}

.with-background {

  background-image: url('../img/backgrounds/banner-background-2.png');

}

.inline-image {
	margin: 1em;
	right: 1em;

}

.inline-image-40 {

  width: 40%;

  height: 90%;

}

.inline-image-50 {

  width: 50%;

  height: 90%;

}

.inline-image-20 {

  width: 20%;

  height: 90%;

}

.inline-image-30 {

  width: 30%;

  height: 90%;

}

.inline-image-60 {

  width: 60%;

  height: 90%;

}

.inline-image-10 {

  width: 10%;

  height: 90%;

}

/* Page styling */

.tag-header {

  color: #1e4978;

  text-align: center;

}

.tag-image {

  width: 90%;

  margin: 0.5em auto;

  display: block;

}

.tag-header p {

  font-family: 'Titillium Web', sans-serif;

  font-weight: 400;

  text-align: justify;

}

.partner-banner {

  /*height: 4em;

  width: 100%; */



}

.partner-banner img {

  width: 100%;

  height: 10em;

}

.top-banner img {

  width: 100%;

  height: 20em;

}

.top-banner {

  width: 100%;

  height: 20em;

}

.panel {

  border: solid 0.2em #1e4978;

  background-color: #6e93bc;

}

/* Style for in-row elements */

.row img {

  /*width: 100%; */



}

/* Nav Bar */

.nav-container {

  margin-top: 0.5em;

}

.nav-link {

  list-style-type: none;

  margin-right: 1em;

}

.nav-link a {

  color: #5284bc;

}

.nav-link a:hover {

  color: #0a2a4e;

}

.nav-link a:active {

  color: #273f5a;

}

.logo-image {

  width: 4em;

  height: 1.5em;

}

.modal-on-top {

  z-index: 10000;

}

/* Form Error styling */

.status {

  width: 100%;

  margin: 0.3em auto;

  text-align: center;

  min-height: 2em;

  padding: 0.2em 0.5em;

}

.status.success {

  border: 0.2em #9db82e solid;

  background-color: #e0fa71;

  color: #9db82e;

}

.status.error {

  border: 0.2em #bf6730 solid;

  background-color: #ffa873;

  color: #bf6730;

}

.istatus {

  width: 100%;

  margin: 0.3em auto;

  text-align: center;

  min-height: 2em;

  padding: 0.2em 0.5em;

}

.istatus.success {

  border: 0.2em #9db82e solid;

  background-color: #e0fa71;

  color: #9db82e;

}

.istatus.error {

  border: 0.2em #bf6730 solid;

  background-color: #ffa873;

  color: #bf6730;

}

.error-msg {

  display: inline-block;

  float: right;

  color: #a63f00;

  font-size: 0.7em;

  font-weight: bold;

}

#contact_form label {

  display: inline-block;

}

/* Map Styling */

.f-dropdown {

  z-index: 10000;

}

.tooltip {

  background: #5284bc;

  border: solid 0.1em #1e4978;

}

/* Styling for the Slider */

/* SLIDER STYLES */

.slider_wrapper {

	position: relative;

	overflow: hidden;

	width: 100%;

	height: auto;

	margin: 0px auto;

/*  border-top: 0.3em solid #273f5a;

  border-bottom: 0.3em solid #273f5a;

  /*background-color: @lightestblue; */



}

.slider {

  position: relative;

  width: 100%;

  /*  height:250px; /* when responsive, comment this out */



  overflow: hidden;

  margin: 0 auto;

}

.slide h2 {

  font-size: 2em;

  min-width: 7em;

  width: 45%;

  font-variant: all-small-caps;

}

.slide img {

  /*width: 35%; */



  height: 100%;

  /*border: 1px solid #81BEF7; */



}

.slide .small-width {

  width: 40%;

}

.slide .mid-width {

  width: 70%;

}

.slide .full-width {

  width: 100%;

}

.slide .narrow-height {

  height: 60%;

}

.slide p {

  width: 60%;

  height: 15%;

  /*display: block;

  background-color: #F7D358;

  border: solid 2px #FACC2E;*/



}

/* Slider Navigation */

.slider-control-panel {

  text-align: center;

  margin: 1em;

  width: 100%;

  display: block;

}

.slider-control-link {

  list-style: none;

  display: inline-block;

  margin: 0.5em 1em;

  color: #1e4978;

}

.slider-control-link a {

  color: #1e4978;

}

.slider-control-link:hover {

  color: #f6954a;

}

.slider-control-link:visited {

  color: #1e4978;

}

/* Carousel Banner */

/* Roundabout styling */

.roundabout-holder {

  list-style: none;

  padding: 0;

  margin: 2em auto;

  min-height: 21em;

  height: auto;

  /*width: 50em;     */



  width: 80%;

}

.roundabout-moveable-item {

  width: 95%;

  min-height: 25em;

  height: auto;

  cursor: pointer;

  background-color: #6e93bc;

  background-image: url('../img/backgrounds/banner-background.png');

  border: 0.2em solid #1e4978;

  padding: 1em;

}

.roundabout-in-focus {

  cursor: auto;

}

/* General styling */

.banner-holder {

  width: 80%;

  margin: 7em auto;

}