@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@font-face{
 font-family: 'Arimo';
  src: url('/fonts/Arimo-Regular.ttf')  format('truetype')
}
@font-face{
 font-family: 'Source';
 src: url('/fonts/SourceSansPro-Regular.otf') format('opentype') /* Pretty Modern Browsers */
}

.grecaptcha-badge {
    visibility: hidden;
}

#thumbs {
 padding-left:0;
 padding-right:30px;
 margin-left: auto; 
 margin-right: auto;
 text-align: justify;
 -ms-text-justify: distribute-all-lines;
 text-justify: distribute-all-lines;
}
#thumbs a {
 vertical-align: top;
 display: inline-block;
 *display: inline;
 zoom: 1;
}
#thumbs li{
 display:inline-block;
}
.stretch {
 width: 100%;
 display: inline-block;
 font-size: 0;
 line-height: 0
}
html, body{
 margin:0;
 padding:0;
 height:100%;
}
body{
 font-family:'Source', sans-serif;
 font-size: 1.6em;
}
select#emailTo.input-validation-error.form-control{
 margin-bottom:0.5em;
}
a span.sr-only{
 color:#fff;
}
.container{
 min-height:100%;
 position:relative;
}
.date{
 padding-bottom:0.5em;
 padding-top:0.5em;
}
.main-content{
 padding-bottom:15em;
}
.footer {
    background-color: #003b77;
    margin-right: 30px;
    padding: 0.5em;
}
footer{
 bottom:0;
 position:absolute;
 width:100%;
 color: #fff;
}
footer h2{
 color:#333;
}
footer ul{
 /*padding-bottom:1em;*/
}
footer ul li{
 vertical-align:middle;
}
.footer a, .footer a:hover {
 color: #fff;
}
form{
 margin-top:0.5em;
 margin-bottom:0.5em;
}
h1, h2, h3, h4, h5, h6{
 font-family:'Arimo', sans-serif !important;
 margin:0.2em 0 0.2em 0
}
header {
    background-color: #003b77;
    border: none;
    margin-bottom: 0.1em;
}
hr{
 margin-bottom: 0.8em;
 margin-top: 0.8em;
 border-top-color: #859BB1;
}
p{
 margin-bottom: 0.5em;
}
footer ul{
 list-style:none;
 margin-bottom:0;
}
.message ul{
 padding:0.5em 1.1em;
}
#map{
 height: 700px;
}
#map-individual{
 height: 400px;
}
#hidden{
 display:none;
}
.error{
 padding-bottom:0.5em;
}
.btn, .form-control, .alert{
 border-radius:0;
}
div.grid-section a {
 overflow-wrap: break-word;
 word-wrap: break-word;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 -moz-hyphens: auto;
 hyphens: auto;
}
/* start social sprite styles */
.icon {
 display: inline-block;
 background-repeat: no-repeat;
 background-image: url(/media/1054/sprite.png);
}
.icon-facebook2 {
 width: 16px;
 height: 16px;
 background-position: 0 0;
}
.icon-instagram {
 width: 16px;
 height: 16px;
 background-position: -32px 0;
}
.icon-twitter {
 width: 16px;
 height: 16px;
 background-position: -64px 0;
}
.icon-youtube3 {
 width: 16px;
 height: 16px;
 background-position: -96px 0;
}
/* end social sprite styles */

/* start Twitter widget styles */
iframe[id^='twitter-widget-0'] {
 width:100% !important;
}
/* end Twitter widget styles */
/* start Q&A styles*/
.question{
 color:#337ab7;
 padding: 0.3em 0;
}
.answers{
 /*padding-left: 1.2em;*/
}
.well {
    background-color: #d9edf7;
    border-color: #003b77;
    margin-bottom: 0.2em;
}
/* end Q&A styles*/
/* start form controls */
input, textarea.form-control{
 margin-bottom:0.5em;
}
div.form-group>span.field-validation-error.alert.alert-danger{
 padding:0.2em;
}
/* end form controls */
.breadcrumb{
 background-color: transparent;
 margin-bottom: 0.2em;
 padding-top: 0.1em;
 padding-bottom: 0.1em;
}
/* start Bootstrap navbar overide */
.navbar-nav, .navbar{
 margin-bottom: 0;
 margin-top: 0;
}
.navbar-default .navbar-nav>li>a{
 color: #fff;
 padding:0.5em 1em;
}
.navbar-toggle, .navbar-default {
    background-color: #003b77;
    border-color: #003b77 !Important;
    border: none;
    margin-right: 0;
}
.navbar-default .navbar-toggle .icon-bar{
 background-color: #fff;
}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #003b77;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #003b77;
        background-color: #fff;
        padding-left: 1em;
    }
.nav>li>a:focus, .nav>li>a:hover, .navbar-default .navbar-nav>li>a:hover {
 background-color:#337ab7 !Important;
 color:#fff;
}
/* end Bootstrap navbar overide */
.form-control:focus {
    border-color: #003b77;
}
.btn-primary {
    background-color: #003b77;
}
.searchBox{
 margin-right: 30px;
}
.searchBox .form-control, .searchBox button{
  height:2em;
 }
 .searchBox button{
  padding-top:0.2em;
 }

.sidebar-nav .navbar .navbar-collapse {
 padding: 0;
 max-height: none;
}
.sidebar-nav .navbar ul {
 float: none;
}
.sidebar-nav .navbar ul:not {
 display: block;
}
.sidebar-nav .navbar li {
 float: none;
 display: block;
}
.sidebar-nav .navbar li a {
 padding-top: 12px;
 padding-bottom: 12px;
}
.carousel-caption{
 background-color:rgba(0,0,0,0.8);
 padding-left:0.2em;
 padding-right:0.2em;
}
.carousel-caption a{
 color:#fff;
}
.carousel-caption h2{
 margin-top:0;
}
/* start map icons sprite */
.sprite {
 background-image: url(/media/1098/spritesheet.png);
 background-repeat: no-repeat;
 display: block;
}
.sprite-dual_red_light {
 width: 32px;
 height: 31px;
 background-position: -5px -5px;
}
.sprite-dual_red_light_rs {
 width: 20px;
 height: 20px;
 background-position: -47px -5px;
}
.sprite-mobile_camera {
 width: 32px;
 height: 32px;
 background-position: -77px -5px;
}
.sprite-mobile_camera_rs {
 width: 20px;
 height: 20px;
 background-position: -119px -5px;
}
.sprite-red_light {
 width: 32px;
 height: 32px;
 background-position: -149px -5px;
}
.sprite-red_light_rs {
 width: 20px;
 height: 20px;
 background-position: -191px -5px;
}
.sprite-road {
 width: 32px;
 height: 32px;
 background-position: -221px -5px;
}
.sprite-road_rs {
 width: 20px;
 height: 20px;
 background-position: -263px -5px;
}
.sprite-sped_camera {
 width: 32px;
 height: 32px;
 background-position: -293px -5px;
}
.sprite-speed_camera_icon_rs {
 width: 20px;
 height: 20px;
 background-position: -335px -5px;
}
.sprite-speed_check {
 width: 32px;
 height: 32px;
 background-position: -365px -5px;
}
.sprite-speed_check_rs {
 width: 20px;
 height: 20px;
 background-position: -407px -5px;
}
span.sprite, span.sprite-text{
 margin:auto;
}
span.sprite-text{
 font-size:0.8em;
 display:table;
}
.list-inline{
 padding-top:0.3em;
}
.list-inline>li{
 padding-right: 0.2em;
 padding-left: 0.2em;
 width: 5.5em;
}
/* end map icons sprite */
.sidebar-nav ul{
 list-style-type:none;
 padding-left:inherit;
}
.legend-menu li{
 display:inline;
}
.strapline {
    color: #003b77;
}
.umb-grid img{
 padding-bottom: 0.5em;
}
/* Google map custom searchBox */
.controls {
 margin-top: 10px;
 border: 1px solid transparent;
 border-radius: 2px 0 0 2px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 height: 32px;
 outline: none;
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#destination-input, #origin-input {
 background-color: #fff;
 font-family: Roboto;
 font-size: 15px;
 font-weight: 300;
 padding: 0 11px 0 13px;
 right: 10px !Important;
 text-overflow: ellipsis;
 width: 100%;
}
#goCenterUI {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  cursor: pointer;
  float: left;
  margin-bottom: 22px;
  text-align: center;
}
#goCenterText {
  color: rgb(25,25,25);
  font-family: Roboto,Arial,sans-serif;
  font-size: 15px;
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
}
@media only screen and (min-width : 480px) {	
 .footer{
  height:5.5em;
 }
}
@media only screen and (min-width : 768px) {
 #logo {
  padding-top: 0.5em;
 } 
 .navbar-nav, .navbar {
  margin-right: 15px; 
 }
}
@media only screen and (min-width : 992px) {
 .custom-margin{
  margin-bottom: 0.5em !important;
  margin-top: 0 !important;
 }
}
@media only screen and (max-width : 767px) {
 #logo {
  padding-bottom: 0.2em;
  padding-top: 0.5em;
 }
 #thumbs li{
  width:22%;
 }
 .searchBox{
  margin-right: 0;
 }
}
@media only screen and (max-width : 480px) {
 h1{
  font-size:1.6em;
 }
 h2{
  font-size:1.4em;
 }
 h3{
  font-size:1.2em;
 }
 footer{
  font-size:small;
 }
 form{
  margin-top:0;
  margin-bottom:0;
 }
 hr{
	margin:0.5em 0 0.5em 0;
 }
 ul{
  padding-left:inherit;
 }
 .breadcrumb{
  font-size: 0.7em;
 }
	.carousel-caption{
	bottom:	0.2em;
  }
 .carousel-caption h2{
  font-size:1em;
  margin-bottom:0;
 }
 .carousel-caption p, .carousel-caption a{
  font-size: 0.8em;
  margin-bottom:0;
 }
 .carousel-indicators{
  bottom: 0.2em;
  margin-bottom: 0;
 }
  .searchBox{
  padding-bottom: 0.5em;	
 }
 .sitemap ul:first-of-type{
  padding-left:1.1em;	
 }
 .main-content {
  padding-bottom:10em;
 }
}
@media only screen and (max-width : 320px) {
 .carousel-caption{
  bottom: 0.2em;
 }
 .carousel-caption h2{
  font-size:0.8em;
 }	
 .carousel-caption p, .carousel-caption a{
  font-size: 0.6em;
 }
 .carousel-indicators{
  bottom: 0.2em;
  margin-bottom: 0;
 }
 .main-content {
 /* padding-bottom:12.5em;*/
 }
}