/* media queries */
/* media querys vars */
/* Colours */
/* structure / colors */
/* colour element styles */
.text-color {
  color: #050505; }

.text-white {
  color: #fff; }

.blue-link {
  font-weight: bold;
  color: #069; }

.blue-link:hover {
  color: #09733f; }

.grey-container {
  background-color: #e2e2e2; }

.light-grey-container {
  background-color: #efefef; }

.bright-green-t {
  color: #51aa46; }

.bright-green-bg {
  color: #51aa46; }

/* fonts */
/* structure / fonts */
body, html, input {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto, Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px; }
h1, h2, h3, h4, h5, h6, p, blockquote, dl, ol, ul {
  margin: 2rem 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #09733f;
  background-color: transparent; }

h1 {
  font-size: 250%;
  margin: 1rem 0; }

h2 {
  font-size: 200%; }

h3 {
  font-size: 150%; }

h4, h5, h6 {
  font-size: 120%; }

h5, h6 {
  text-transform: uppercase; }

p,dl,ol,ul{ 
  font-size: 120%;
  line-height: 1.5;
}
dl,ol,ul,td{ 
   line-height: 2;
}
p:first-child {
  margin-top: 0; }

a:link, a:visited {
  color: #1a4176; }

a:hover, a:focus {
  color: #09733f;
  text-decoration: none; }

hr {
  margin: 2rem 0 2rem 0;
  border-bottom: 5px dashed #fff; }

strong, time, b {
  font-weight: bold; }

em, dfn, i {
  font-style: italic; }

sub {
  font-size: 60%;
  vertical-align: bottom; }

small {
  font-size: 80%; }

/* structure */
/* html body */
body {
  color: #050505;
  margin: 0 auto; }

/* header */
header h1 {
  border-bottom: 1px solid; }

#navbarSupportedContent {
  padding: 20px;
  margin: 0;
  background-color: #09733f;
  color: white; }

.navbar-toggler {
  padding: 10px;
  margin: 0;
  background-color: #09733f;
  color: white;
  border: 0px solid transparent;
  border-radius: 0;
  transition: box-shadow .15s ease-in-out; }

.navbar-light .navbar-nav .nav-link {
  background-color: #09733f;
  color: white;
  font-size: 1.2em;
  font-weight: bold; }

.navbar-toggler:active {
  border: 0px solid transparent;
  border-radius: 0; }

.navbar {
  padding-right: 0;
  padding-left: 0;
  border-bottom: 5px solid #09733f !important; }

.navbar-brand {
  padding: 0; }

.navbar-brand img {
  width: 84px;
  padding-left: 5px;
  text-align: center;
  display: inline; }

.navbar-toggle.burger.collapsed {
  background-color: #09733f !important; }

.navbar ul li {
  display: block;
  font-size:90%;
  line-height: 1.5;}

.navbar ul li.active a {
  background-color: #fff;
  border-bottom: 3px solid #09733f;
  color: #000; }

.navbar-nav li .nav-link {
  padding: 20px 10px;
  background-color: #09733f;
  color: #fff; }

.navbar-nav li .nav-link:link, .navbar-nav li .nav-link:visited {
  border-bottom: 1px dashed #e2e2e2; }

.navbar-nav li .nav-link:hover, .navbar-nav li .nav-link:active {
  border-bottom: 1px dashed #fff;
  background-color: #fff;
  color: #000; }

/* Search */
.siteSearch {
  height: 45px;
  margin: 10px 0px; }

.siteSearch input {
  border-radius: 0;
  border: 0px solid #1a4176;
  margin: 0; }

.siteSearch .btn {
  border-radius: 0;
  border: 0px solid #1a4176;
  background-color: #51aa46;
  color: #fff;
  font-weight: bold;
  font-size: 1.2em; }

.siteSearch .btn:hover {
  background-color: #1a4176;
  color: #fff; }

.breadcrumb {
  margin-top: 20px;
  font-weight: bold; }

.breadcrumb-item {
  color: #000; }

.breadcrumb-item:active {
  color: #000; }

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

/* Top banner */
.drs-hero {
  background-image: linear-gradient(rgba(1, 0, 70, 0.1), rgba(0, 0, 0, 0.1)), url(/assets/images/dorsetrs/road-in-the-middle-of-the-grass-field-gradient-sm.jpg);
  width: 100%;
  height: auto;
  min-height: 300px;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #fff; }

/* Footer */
.drs-footer {
  border-top: 6px solid #09733f;
  background-color: #e2e2e2; }

ul.drs-footer-links {
  list-style: none;
  padding-left: 0; }
  ul.drs-footer-links li {
    margin: 1.5rem 1rem 1.5rem 0; }
    ul.drs-footer-links li a {
      color: #1a4176; }

.bd-placeholder-img-lg {
  font-size: 3.5rem; }

.drs-footer-link p {
  margin: 0; }

ul.drs-footer-links {
  list-style-type: none;
  margin: 0;
  padding-left: 0; }
  ul.drs-footer-links li {
    display: inline-block;
    margin: 10px 20px 10px 0; }
    ul.drs-footer-links li a {
      color: #1a4176; }

/* content blocks */
/* card */
/* contentBlocks / card */
.card {
  background-color: #09733f;
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  border-radius: 0; }
  .card .card-body {
    position: relative; }
    .card .card-body button {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translate(-50%, 0); }
    .card .card-body hr {
      height: 5px;
      color: #000;
      background-color: #fff;
      border-top: 5px solid #16c500;
      border-bottom: 5px solid #16c500; }

.active .card {
  background-color: #fff;
  color: #16c500; }

.card .img-wrapper {
  max-width: 100%;
  height: 13em;
  display: flex;
  justify-content: center;
  align-items: center; }

.card img {
  max-height: 100%; }

/* Carousel */
/* ContentBlocks / Carousel */
.carousel-inner {
  padding: 1em; }

.carousel-item {
  margin-right: 0;
  margin-bottom: 10px;
  flex: 0 0 100%;
  display: block; }
  .carousel-item a .card .card-body {
    border-bottom: 1px dashed #1a4176; }
  .carousel-item a .card .card-footer .btn-drs-secondary {
    width: 100%; }
  .carousel-item a .card:hover {
    background-color: #1a4176;
    color: #fff; }

.carousel-control-prev, .carousel-control-next {
  background-color: #e2e2e2;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%); }

/* Document */
/* contentBlocks / Document Block */
.documentblock {
  color: #fff;
  background-color: #09733f;
  padding: 15px 30px;
  text-decoration: none; }
  .documentblock h3 {
    color: #fff;
    background-color: transparent;
    font-weight: 600; }
  .documentblock a:link, .documentblock a:visited {
    color: #fff;
    background-color: #09733f;
    text-decoration: none; }
  .documentblock a:hover, .documentblock a:active, .documentblock focus {
    color: #fff;
    background-color: #1a4176;
    text-decoration: none; }
  .documentblock .circle {
    border-radius: 50%;
    color: #1a4176;
    background-color: #fff;
    float: left;
    margin: 20px;
    width: 50px;
    height: 50px; }
    .documentblock .circle .fa-file-text-o {
      color: #1a4176;
      background-color: #fff;
      font-size: 150%;
      margin: 12px 15px; }

.documentblock:hover, .documentblock:active, .documentblock:focus {
  color: #fff;
  background-color: #1a4176; }

/* Acordion */
/* accordion contentBlocks accordion */
.accordion {
  background-color: #e2e2e2;
  border: none;
  padding: 0; }

h2.accordion-BlockTitle {
  font-size: 1.5em;
  font-weight: bold;
  padding: 24px 20px 20px 20px;
  display: block;
  border-bottom: 1px solid #222;
  margin: 0px; }

.accordion-item {
  color: #050505;
  background-color: #fff;
  border-bottom: 1px solid #222; }

.accordion-item .accordion-button {
  color: #069;
  font-size: 1em;
  font-weight: bold;
  background-color: #e2e2e2;
  border-bottom: 1px solid #222; }

.accordion-item .accordion-button:hover {
  color: #050505;
  background-color: #e2e2e2;
  text-decoration: underline; }

.accordion-item .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #e2e2e2;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); }

.show .accordion-body {
  display: block; }

.accordion-button::after {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: auto;
  content: "";
  background-image: url(/assets/Images/DorsetRS/accordion-arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 10 10;
  background-size: 3rem;
  transition: transform .2s ease-in-out; }

.accordion-button:not(.collapsed)::after {
  background-image: url(/assets/Images/DorsetRS/accordion-arrows.png);
  transform: rotate(-90deg); }
/* Content separator */
/* Image */
/* Profile */
/* contentBlocks / profile */
.pb .card {
  background-color: #fff;
  margin: 0 0.5em;
  padding: 10px 20px;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border-left: 5px solid #1a4176;
  border-radius: 0; }
  .pb .card .card-body {
    position: relative; }
    .pb .card .card-body h2 {
      margin-top: 10px; }

.active .card {
  background-color: #fff;
  color: #16c500; }

/* Promo */
/* Scss promo */
.card.dc-promo-card {
  background-color: #fff; }

/* Quote */
/* content blocks / blockquote */
blockquote.blockquote, q {
  font-size: 100%;
  line-height: 1.5;
  background: #fff;
  border-left: 6px solid #09733f;
  display: block;
  font-family: "Georgia", serif;
  margin: 3rem 0.5em;
  padding: 1rem; }

blockquote p:first-child {
  margin-top: 0; }

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

cite {
  font-family: "Georgia", serif;
  font-weight: bold;
  margin-top: 1rem; }

/* Section navigation */
/* contentBlocks / section navigation blocks */
.snb .card {
  height: auto !important;
  background-color: #fff;
  margin: 0 0.5em 3em 0.5em;
  padding: 10px 20px;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border-left: 5px solid #1a4176;
  border-radius: 0; }
  .snb .card .card-body {
    position: relative; }
    .snb .card .card-body h2 {
      margin-top: 10px; }

.active .card {
  background-color: #fff;
  color: #16c500; }
.snb .navbar-nav{
    float:none;
}
/* Text block */
/* Twitter */
/* contentBlocks / twitter */
.twitterFeed {
  height: 400px;
  overflow: hidden;
  background-color: #fff;
  margin: 0 0.5em 3em 0.5em;
  padding: 10px 20px;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18); }

/* Video */
/* helper/general classes */
/* helpers */
/* helper / general classes */
.responsive {
  width: 100%; }

.margin-neg-top {
  margin-top: -6px; }

/* button/s */
/* helpers / Buttons */
.btn-drs-primary {
  border-radius: 0; }

.btn-drs-primary a {
  display: block;
  color: #fff;
  background-color: #09733f;
  font-weight: 600;
  text-decoration: none;
  padding: 15px 30px; }

.btn-drs-primary:hover, .btn-drs-primary a:hover, .btn-drs-primary:active, .btn-drs-primary a:active {
  display: block;
  background-color: #1a4176;
  color: #fff; }

.btn-drs-secondary {
  border-radius: 0;
  background-color: #1a4176;
  color: #fff;
  font-weight: 600; }

.btn-drs-secondary:hover {
  border-radius: 0;
  background-color: #fff;
  color: #1a4176; }

.btn-search {
  border-radius: 0;
  background-color: #1a4176;
  color: #fff;
  font-weight: 600; }

/* News */
/* News homepage page links - helpers / news */

.news-listing .row, .news-listing .productblock .expandedbox, .productblock .news-listing .expandedbox {
  margin-left: -5px !important;
  margin-right: -5px !important; }

.news-listing .roadsafety_Image {
  padding-left: 1px !important; }

.news-listing .articlesplitter {
  margin-bottom: 30px !important; }

.news-feed ul {
  list-style: none !important;
  padding: 0px !important; }

.news-feed ul .datestamp {
  color: #7c7b7b;
  font-size: 1.000em !important; }

.news-feed ul h3 {
  font-weight: bold;
  font-size: 1.500em; }

.news-feed ul li {
  padding-bottom: 30px;
  border-bottom: 1px solid #e2e2e2; }

.news-feed .hr-grey {
  margin: 20px 0px !important; }

.news-feed .pagination {
  padding: 0px !important; }

.news-feed .pagination a {
  color: #09733f !important; }

.news-feed .pagination .active a {
  background-color: #09733f !important;
  color: #fff !important; }

.news-feed .pagination li {
  padding-bottom: 0px !important; }

.news-feed a.news-listing__link {
  text-decoration: none; }

.news-feed a.news-listing__link:hover {
  text-decoration: underlined; }

.news-feed.roadsafetynews .news-listing__heading {
  color: #069 !important;
  margin: 0px 0 15px 0;
  font-weight: bold; }

.news-feed.roadsafetynews .news-listing__text {
  color: #000; }

.news-feed.roadsafetynews .news-listing__text p {
  margin: 0; }

.filters .image {
  float: left;
  margin-top: 18px; }

.filters .news-listing_image{
    padding-bottom: 20px;}

.filters .summary {
  margin-left: 180px !important; }

.filters li {
  display: inline-block;
  clear: both; }

.filters .news-listing__body {
  padding: 0px 0px 10px 0px; }

.filters .news-listing__body .news-listing__date {
  color: #222 !important;
  margin: 0px 0 10px 0; }

.filters .news-listing__body .news-listing__date .right_info {
  color: #222 !important;
  font-weight: bold; }

.filters.roadsafetynews {
  margin-bottom: 19px !important; }

.filters .noimage {
  padding-left: 0px !important; }

.filters .noimage .news-listing__body {
  padding-left: 0px !important; }
/* Tables */
/* Scss Document */
/*general styles for tables helpers tables*/
table {
  border-right: 0;
  border-left: 0;
  border-collapse: collapse;
  margin-bottom: 30px;
  width: 100%; }

table td {
  border: 1px solid #09733f;
  vertical-align: top; }

table tr:nth-child(even) {
  background-color: #e2e2e2; }

table tr:nth-child(odd) {
  background-color: #fff; }

table tbody tr:hover, table tbody tr:hover p, table tbody tr:hover li {
  background-color: #222;
  color: #fff; }

table tbody tr:hover a {
  color: #e2e2e2;
  background-color: #222; }

table th {
  background-color: #e2e2e2;
  color: #000;
  padding: 5px;
  text-align: left;
  vertical-align: bottom; }

table tfoot tr td {
  background-color: #e2e2e2; }

table tfoot tr {
  display: none; }

table td {
  padding: 5px;
  font-size: 0.875rem; }

table td span {
  font-size: 0.875rem; }

table .noTrStrips tr:nth-child(even) {
  background-color: #fff; }

table caption {
  background-color: #fff;
  color: #222;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center; }

/*table styles*/
td, th {
  font-size: 0.875rem;
  min-width: 50px; }

table tr .row-a {
  background-color: #e2e2e2; }

table tr .row-b {
  background-color: #fff; }
/* cookies styles */
/* Scss Document */
/* cookies - helpers / cookies */
/*====== cookie message ==============================*/
#cookieManagerMessageContainer {
  z-index: 150000;
  position: fixed;
  right: 0;
  top: 0;
  width: 50%;
  margin: 0;
  height: auto;
  padding: 2%;
  overflow: visible;
  background-color: #fff;
  color: #000;
  border-bottom: 5px solid #09733f;
  box-shadow: 1px 0 5px 1px #000; }

#cookieManagerMessageContainer a {
  background-color: #e2e2e2;
  border: 1px solid #e2e2e2;
  color: #222;
  width: 55%;
  margin-top: 10px;
  text-decoration: none; }

#cookieManagerMessageContainer a:hover {
  background-color: #222;
  color: #e2e2e2; }

/*====== cookie page ==============================*/
.cookie-preference-form {
  border-bottom: 5px solid #e2e2e2; }

.cookie-preference-form label {
  font-weight: bold;
  padding: 10px 0; }

.cookie-preference-form .radiobuttonlist label:hover {
  focus: 1px solid #e2e2e2;
  cursor: pointer; }

.cookie-preference-form .radiobuttonlist input[type="radio"] {
  height: 30px;
  width: 30px;
  cursor: pointer; }
/* Media styles */
/* Scss Document */
@media (min-width: 576px) {
  .card .card-body hr {
    height: 0px;
    border-top: 0px solid #16c500;
    border-bottom: 0px solid #16c500; }

  /*carousel */
  .carousel-item {
    margin-right: 0;
    flex: 0 0 50%;
    display: block; }

  .carousel-inner {
    display: flex; } }
@media (max-width: 767px) {
  /* card */
  .card .img-wrapper {
    height: 17em; } }
@media (min-width: 768px) {
  /* navigation */
  .navbar-brand img {
    width: 159px; }

  .bd-placeholder-img-lg {
    font-size: 3.5rem; }

  /* footer */
  .drs-footer-link p {
    margin: 0; }

  ul.drs-footer-links {
    list-style-type: none;
    margin: 0;
    padding-left: 0; }

  ul.drs-footer-links li {
    display: inline-block;
    margin: 10px 20px 10px 0; }

  ul.drs-footer-links li a {
    color: #1a4176; }

  /* blocks */
  /* card */
  .card {
    min-height: 400px; }

  /* carousel */
  .carousel-item a .card {
    min-height: 300px; }

  .carousel-item a .card .card-body {
    border-bottom: 0px dashed #222; }

  /* news */
  .filters .news-listing__body {
    padding: 0px 0px 10px 0px; } }
@media (min-width: 992px) {
  html, body, input {
	  font-size: 14px;}
.drs-hero {
    background-image: linear-gradient(rgba(1, 0, 70, 0.1), rgba(0, 0, 0, 0.1)), url(/assets/images/dorsetrs/road-in-the-middle-of-the-grass-field-gradient.jpg); 
  min-height: 600px;}
  /* navigation */
  .navbar-nav {
    float: right; }

  .navbar-expand-lg .navbar-collapse {
    display: block !important; }

  .navbar-brand {
    margin-right: 150px; }

  #navbarSupportedContent {
    padding: 0px;
    margin: 0;
    background-color: #ffffff;
    color: #000; }

  .navbar {
    padding: 0;
    margin: 0; }

  .navbar-nav li .nav-link {
    min-height: 65px;
    padding: 20px 30px !important;
    border-right: 1px solid #fff; }

  .navbar-light .navbar-nav .nav-link {
    background-color: #fff;
    color: #09733f;
    font-size: inherit;
    font-weight: normal; }

  .navbar-light .navbar-nav li.active a {
    background-color: #09733f;
    border-bottom: 3px solid #09733f;
    color: #fff; }

  .navbar-light .navbar-nav .nav-link:link, .navbar-light .navbar-nav .nav-link:visited {
    border-bottom: 1px dashed #e2e2e2; }

  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active {
    border-bottom: 1px solid #fff;
    background-color: #09733f;
    color: #fff; }

  .navbar-expand-lg .navbar-collapse {
    display: block !important; }

  /* search */
  .siteSearch {
    width: 75%;
    margin: 10px 0 0 25%; }

  .siteSearch input {
    border-bottom: 5px solid #51aa46; }

  .siteSearch .btn {
    border-bottom: 5px solid #51aa46;
    font-weight: normal;
    font-size: 1em; }

  /*blocks */
  /* card */
  .card {
    min-height: 300px; }

  /* carousel */
  .carousel-item {
    margin-right: 0;
    flex: 0 0 33.333%;
    display: block; }

  .carousel-item a .card .card-header {
    min-height: 200px; }

  .carousel-item a .card .card-body {
    min-height: 200px; } }
@media (min-width: 1200px) {
  html, body, input {
	  font-size: 16px;}
	.drs-hero {
    background-image: linear-gradient(rgba(1, 0, 70, 0.1), rgba(0, 0, 0, 0.1)), url(/assets/images/dorsetrs/photo-of-road-in-the-middle-of-the-grass-field-lg.jpg);}
}