@charset "UTF-8";
/* media querys vars */
/* colours start here - $primary-colour: #0083cb // blue behind logo on dc site;
//vars*/
.bgFirst {
  /*padding: 3rem !important;*/
  padding: 10px;
  background-color: #20305a;
  color: #fff; }
.bgFirst li {
    color: #fff; }
.bgFirst .accordion-item li {
    color: #000; }
.bgFirst a:link, .bgFirst a:visited {
    background-color: transparent;
    color: #fff; }
.bgFirst table a:link, table .bgFirst a:visited {
    background-color: transparent;
    color: #000; }
.bgFirst table a:hover, table .bgFirst a:active {
    background-color: transparent;
    color: #fff; }
.bgSecond {
  /*padding: 3rem !important;*/
  padding: 10px;
  background-color: #00689e;
  color: #fff; }
.bgSecond li {
    color: #fff; }
.bgSecond .accordion-item li {
    color: #000; }
.bgSecond a:link, .bgSecond a:visited {
    background-color: transparent;
    color: #fff; }
.bgSecond table a:link, table .bgSecond a:visited {
    background-color: transparent;
    color: #000; }
.bgSecond table a:hover, table .bgSecond a:active {
    background-color: transparent;
    color: #fff; }
.bgThird {
  /*padding: 3rem !important;*/
  padding: 10px;
  background-color: #1e1c5a;
  color: #fff; }
.bgThird li {
    color: #fff; }
.bgThird .accordion-item li {
    color: #000; }
.bgThird a:link, .bgThird a:visited {
    background-color: #1e1c5a;
    color: #fff; }
.bgThird a:hover, .bgThird a:active {
    background-color: #fff;
    color: #1e1c5a; }
.bgThird table a:link, table .bgThird a:visited {
    background-color: transparent;
    color: #000; }
.bgThird table a:hover, table .bgThird a:active {
    background-color: transparent;
    color: #fff; }
.bgFourth {
  /*padding: 3rem !important;*/
  padding: 10px;
  background-color: #0083cb;
  color: #000; }
.bgFourth li {
    color: #000; }
.bgFourth .accordion-item li {
    color: #000; }
.bgFourth a:link, .bgFourth a:visited {
    background-color: #0083cb;
    color: #000; }
.bgFourth a:hover, .bgFourth a:active {
    background-color: #000;
    color: #0083cb; }
.bgFourth table a:link, table .bgThird a:visited {
    background-color: transparent;
    color: #000; }
.bgFourth table a:hover, table .bgThird a:active {
    background-color: transparent;
    color: #fff; }
.bgWhite {
  /*padding: 3rem !important;*/
  padding: 10px;
  background-color: #fff;
  color: #000; }
.bgWhite li {
    color: #000; }
.bgWhite a:link, .bgWhite a:visited {
    background-color: #fff;
    color: #000; }
.bgWhite a:hover, .bgWhite a:active {
    background-color: #000;
    color: #fff; }
.bgWhite a:hover .linkBlock, .bgWhite a:active .linkBlock{
    background-color: #000;
    color: #fff; }
.bgGrey {
  /*padding: 3rem !important;*/
  padding: 10px;
  background-color: #c9c9c9;
  color: #000; }
.bgGrey li {
    color: #000; }
.bgGrey a:link, .bgGrey a:visited {
    background-color: #c9c9c9;
    color: #000; }
.bgGrey a:hover, .bgGrey a:active {
    background-color: #000;
    color: #c9c9c9; }
.bgPaleGrey {
  /*padding: 2rem !important;*/
  background-color: #e5e5e5;
  color: #000; }
.blue {
  background-color: #20305a; }
.white {
  background-color: #fff; }
.bgwhiteTrans {
  background-color: rgba(255, 255, 255, 0.5); }
.grey {
  background-color: #c9c9c9; }
.bgBlueDCP-img {
  background: transparent url("/assets/img/Recruitment/bgDCP-Blue.gif") 0 50% repeat-y; }
.bgBluePurple-img {
  background: transparent url("/assets/img/Recruitment/bg-Blue-Purple.gif") 50% 0 repeat-y; }
/*.bg-img{
    background: transparent url("/media/yzdfj4yy/179policeexmouth170302matt-austin-1215.jpg") 50% 0 repeat-y;
}*/
/*.bg-img{
    background: transparent url("/media/riinxfsz/sidmouth-hp-banner.jpg") 50% 20% repeat-y;
    }*/
/*.bg-img{
    background: transparent url("/media/0w2bwwpa/default-hp-banner-mobile-780x700.jpg") 50% 20% repeat-y;
    }*/
.bg-img{
    background: transparent url("/media/hpelasqa/sidmouth-hp-banner-640x376.jpg") 50% 0 no-repeat;
    }
/*[class^="bg*"] .profile [class^="bg*"]{
    padding: 1rem;
}*/
html, body {
  font-size: 12px; }

h1 {
  font-size: 3rem;
  }

h2 {
  font-size: 2.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem; }
.ljHeading {
  font-size: 2.5rem;
  margin-top: 0;
  margin-bottom: 0;}
.heading {
  font-weight: bolder; }
h3, .card-featureTitle {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 1rem; }
footer h3 {
  font-size: 1.5rem;
  margin-top: 1.8rem;
  margin-bottom: 1rem;}
 #siteNav h3{
    font-size: 1.5rem;}
h4, dt {
  font-size: 1.5rem;
  line-height: 1.5; }
p, li, td, dd {
  font-size: 1.2rem;
  line-height: 1.8; }
#siteNav li,  #siteNav p{
    font-size: 1rem;} 
ul.list_check {
  list-style: none;
  margin-left: 20px; }
ul.list_check li{
    padding:5px 0;}
ul.list_check li::before, li.list_check::before {
  font-family: "FontAwesome";
  content: '\f00c';
  display: inline-block;
  padding-right: 15px;}
p {
  margin-top: 1rem;
  margin-bottom: 1rem; }
 /*Carousel*/
.lead {
  font-weight: 400;}
/*end Carousel*/
.small, .small li, .small p {
  font-size: 1rem;
  line-height: 1.2; }
/*a:link, a:visited {
  background-color: transparent;
  color: #1e1c5a;
}*/
a:link, a:visited {
  background-color: #e2e2e2;
  color: #1e1c5a;}
a:hover, a:active {
  background-color: #1e1c5a;
  color: #fff;
  text-decoration: none; }
/* general styles */
.center, .centre, span.center, span.centre{
    display:block;
    text-align: center;}
.responsive, span.responsive img{
    width: 100%;
    height: auto;}
.img-fluid, span.img-fluid img{
    max-width: 100%;
    height: 100%;}
figure.imageThirdWidthRight, .imageThirdWidthRight, span.imageThirdWidthRight img {
  margin-bottom:10px;
  width: 100%;
  height: auto;}
figure.imageThirdWidthLeft, .imageThirdWidthleft, span.imageThirdWidthLeft img {
  margin-bottom:10px;
  width: 100%;
  height: auto;}
.float-left, span.float-left img{
    float:left;
    margin-right: 20px;}
.float-right, span.float-right img{
    float:right;
    margin-left: 20px;}
.rounded {
  border-radius: 0 !important;}
figure {
  margin: 2rem 0;}
.figure-img {
  margin-bottom: 0;
  line-height: 1;}
.videoContainer {
  height: auto;
  overflow: hidden;
  margin: 10px 0;
  position: relative;
  width: 100%; }
.inline{
    display:inline;}
.block{
    display:block;}
.inline .block{
    display:inline-block;}
/* content blocks / blockquote */
blockquote, .blockquote, q {
  font-size: 1.2em;
  line-height: 1.5;
  background: #fff;
  border-left: 6px solid #20305a;
  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;
  display: block;
  text-align: right; }
/* buttons */
button {
  background-color: #c9c9c9;
  border: none;
  margin-top: 20px;
  padding: 0;
  width: 100%; }
button a {
    display: block;
    padding: 10px;
    color: #000;
    text-decoration: none; }
button a:link, button a:visited {
    background-color: #c9c9c9;
    color: #000; }
button a:hover, button a:active {
    background-color: #000;
    color: #fff; }
.bgFirst button a:link, .bgFirst button a:visited {
  background-color: #c9c9c9;
  color: #000; }
.bgSecond button a:link, .bgSecond button a:visited {
  background-color: #c9c9c9;
  color: #000; }
.bgThird button a:link, .bgThird button a:visited {
  background-color: #c9c9c9;
  color: #000; }
.bgFirst button a:hover, .bgFirst button a:active {
  background-color: #000;
  color: #fff; }
.bgSecond button a:hover, .bgSecond button a:active {
  background-color: #000;
  color: #fff; }
.bgThird button a:hover, .bgThird button a:active {
  background-color: #000;
  color: #fff; }
.linkBlock{  
    height: 100%;
    background-color: #e2e2e2;
}
.linkBlock a{
    display: block;
    padding: 20px 40px 20px 20px;
    font-weight:bold;}  
.linkBlock a:link, .linkBlock a:visited {
    background-color: #e2e2e2;
    color: #000;}
.linkBlock a:hover, .linkBlock a:active {
    background-color: #000;
    color: #fff;}
.home a:link .rtelinkBlock, .home .rtelinkBlock a:link,  .home a:visited .rtelinkBlock, .home .rtelinkBlock a:visited{
    background-color: #e2e2e2;
    color: #000;
    padding:10px;
    display:block;
    font-weight: normal;
    text-align:center;
    text-decoration: none;}
a:link .rtelinkBlock, .rtelinkBlock a:link,  a:visited .rtelinkBlock, .rtelinkBlock a:visited{
    background-color: #e2e2e2;
    color: #000;
    padding:20px;
    display:block;
    font-weight: bold;
     text-decoration: none;}
.home a:hover .rtelinkBlock, .home .rtelinkBlock a:hover{
    background-color: #000;
    color: #fff;  
     text-decoration: underline;}
a:hover .rtelinkBlock, .rtelinkBlock a:hover{
    background-color: #000;
    color: #fff;  
     text-decoration: underline;}
.rtelinkBlock a::after{
  font-family: "FontAwesome";
  content: '\f054';
  display: inline-block;
  padding-left: 15px;}
.ltelinkBlock a::before{
  font-family: "FontAwesome";
  content: '\f053';
  display: inline-block;
  padding-right: 15px;}
.fa-chevron-right{
  font-family: "FontAwesome";
  content: '\f054';
  display: inline-block;
  padding-left: 15px;}
.fa-chevron-left {
  font-family: "FontAwesome";
  content: '\f053';
  display: inline-block;
  padding-right: 15px; }
.text-decoration-none a{
  text-decoration: none;}
/* Scss Document */
/* tables */
caption {
  text-align: left;
  caption-side: top; }
table {
  width: 100%;
  max-width: 100%;
  overflow: auto;
  border-collapse: collapse;
  margin-bottom: 30px; }
table .tdhead {
    background-color: #c9c9c9;
    margin-right: 5px;
    color: #333;
    font-weight: bold;
    padding-right: 10px; }
table tbody, table tbody td, table tbody p {
    font-size: 1.2rem; }
table caption {
    background-color: #fff;
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center; }
table tr {
    border: 1px solid #c9c9c9 !important; }
table tr td {
    border: 1px solid #c9c9c9 !important;
    vertical-align: top;
    padding: 5px; }
table tr td span {
    font-size: 1rem; }
table tr td a {
    display: block;
    padding: 5px; }
table tr td a:link, table tr td a:visited{
    color: #333;
    background-color: #fff; }
table tr td a:hover, table tr td a:active{
    color: #fff;
    background-color: #333; }
table tr:nth-child(even) {
    color: #333;
    background-color: #e2e2e2; }
table tr:nth-child(even) td a:link, table tr:nth-child(even) td a:visited {
    color: #333;
    background-color: #e2e2e2; }
table tr:nth-child(even) td a:hover, table tr:nth-child(even) td a:active {
    color: #fff;
    background-color: #333; }
table tr:nth-child(odd) {
    color: #333;
    background-color: #fff; }
table tbody tr:hover, table tbody tr:hover td p, table tbody tr:hover td li {
    color: #fff;
    background-color: #333;}
table tr:hover a {
   color: #fff;
    background-color: #333; }
table th {
    background-color: #c9c9c9;
    color: #333;
    padding: 15px 10px;
    text-align: left;
    vertical-align: bottom; }
table tfoot tr td {
    background-color: #c9c9c9; }
table tfoot tr {
    display: none; }
table.noTrStrips tr:nth-child(even) {
    background-color: #fff; }
table.table-job {
    margin-bottom: 0; }
header, main, footer {
    position: relative; }
header, main, footer {
    position: relative; }
header .logo {
  height: 80px; }
/*footer*/
footer {
  border-top: 5px solid #1e1c5a; }
footer .container ul {
    list-style: none;
    margin: 0;
    padding: 0; }
footer .container ul li {
      padding: 0; }
footer .container ul li a {
        display: block;
        padding: 5px; }
footer .container ul li a:link, footer .container ul li a:visited {
        background-color: transparent;
        color: #1e1c5a;
        text-decoration: none; }
footer .container ul li a:hover, footer .container ul li a:active {
        background-color: #1e1c5a;
        color: #fff;
        text-decoration: underline; }
footer .container ul .list-group-item {
      background-color: transparent;
      color: #212529;
      padding: 0;
      border: none;
      border-bottom: 1px solid #0083cb;
      border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
/* top Horizontal nav */
/*.topNavLinkInline {
display:none}*/
/*.topNavLinkInline{
    display: block;
    padding: 0;
    margin: 30px auto;}*/
.topNavLinkInline {
  display: block;
  padding: 0;
  margin: 20px auto;
}
.dpT, .dcpT{
    display: inline;}
/*.dpT a, .dcpT a{
    padding: 30px 20px; 
    font-weight: bold;}*/
.dpT a, .dcpT a{
    padding: 10px 10px; 
    font-weight: bold;
    margin: 0 10px 0 0;
}
.dcpT a:link, .dcpT a:visited{
    background-color: #fff;
    color: #0083cb;
    border-bottom: 5px solid #0083cb;
    text-decoration: none;}
.dpT a:link, .dpT a:visited{
    background-color: #fff ;
    color: #20305a;
    border-bottom: 5px solid #20305a;
    text-decoration: none;} 
.dpT a:hover, .dpT a:active {
    background-color: #20305a;
    color: #fff;
    border-bottom: 5px solid #c31a1a;}
.dcpT a:hover, .dcpT a:active {
    background-color: #0083cb;
    color: #fff;
    border-bottom: 5px solid #c31a1a;}
.closeNav{
    background-color:#0083cb;
    color: #fff;
    margin-top: -70px;
    margin-right: -20px;
    width: auto;
    padding: 10px 25px;
    text-align: center;
    font-size: 1.2em;
    font-weight:bolder;
    border:2px solid  #fff;
    border-top:0 solid  #fff;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    float: right;}
.closeNav:hover{
    background-color:#20305a;
    color: #fff;}
.closeNavB{
    background-color:#0083cb;
    color: #fff;
    margin-bottom: -30px;
    width: auto;
    padding: 15px 30px 12px 30px;
    text-align: center;
    font-size: 1.2em;
    font-weight:bolder;
    border:5px solid  #fff;
    border-bottom:0 solid  #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    float: right;}
.closeNavB:hover{
    background-color:#20305a;
    color: #fff;}
/* side nav
.sideButtons {
  position: absolute;
  right: 0;
  top: 100px;
  width: 100px;
  height: 300px;
  z-index: 1000; }
.sideButtons ul {
    margin: 0;
    padding: 0;
    list-style: none; }
.sideButtons ul li {
      margin: 0;
      padding: 0;
      height: 100px; }
.sideButtons ul li a {
      display: inline-block;
      width: 100px;
      height: 100px;
      margin: 0;
      padding: 0; }
.sideButtons ul .job a {
      background: transparent url("/assets/img/Recruitment/nav-search-imgs-1.png") -100px -100px no-repeat; }
.sideButtons ul .dpCrest a {
      background: transparent url("/assets/img/Recruitment/nav-search-imgs-1.png") -100px -201px no-repeat; }
.sideButtons ul .dcpCrest a {
      background: transparent url("/assets/img/Recruitment/nav-search-imgs-1.png") -100px -300px no-repeat; }
.sideButtons ul .job a:hover {
      background: transparent url("/assets/img/Recruitment/nav-search-imgs-1-hover.png") -100px -100px no-repeat; }
.sideButtons ul .dpCrest a:hover {
      background: transparent url("/assets/img/Recruitment/nav-search-imgs-1-hover.png") -100px -201px no-repeat; }
.sideButtons ul .dcpCrest a:hover {
      background: transparent url("/assets/img/Recruitment/nav-search-imgs-1-hover.png") -100px -300px no-repeat; }
 */
#dcpJS, #dpJS {
    position: absolute;
    top: 200px;
    z-index: 2000;
    padding: 30px !important;
    margin: 0 !important;
    border-top: 5px solid #fff;
    box-shadow: 0 1px 20px #000;
}
.fadein {
    animation: fadein 0.5s ease-in 1; }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeout {
  animation: fadein 0.5s ease-out 1; }
@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }    
.hide {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }
#siteNav .bgPaleGrey ul {
  border: none; }
#siteNav .bgPaleGrey ul li {
    padding: 0;
    border: none;
    border-radius: 0; }
#siteNav .bgPaleGrey ul li h3 {
      margin-top: 2rem; }
#siteNav .bgPaleGrey ul li a, #siteNav .bgPaleGrey ul li a:link, #siteNav .bgPaleGrey ul li a:visited {
      display: block;
      background-color: transparent;
      color: #000;
      text-decoration: none;
      padding: 10px; }
#siteNav .bgPaleGrey ul li a:hover, #siteNav .bgPaleGrey ul li a:active {
      background-color: #000;
      color: #fff;
      text-decoration: none; }
#siteNav .dp ul li {
  background-color: transparent;
  color: #00689e;
  border-bottom: 1px solid #00689e; }
#siteNav .dp ul li h3 {
    background-color: transparent;
    color: #00689e; }
#siteNav .dcp ul li {
  background-color: transparent;
  color: #20305a;
  border-bottom: 1px solid #20305a; }
#siteNav .dcp ul li h3 {
    background-color: transparent;
    color: #20305a; }
ul.d-sm-icons, ul.dc-sm-icons {
  margin: 0;
  padding: 0;
  list-style: none; }
ul.d-sm-icons li, ul.dc-sm-icons li {
    display: inline; }
ul.d-sm-icons li a, ul.dc-sm-icons li a {
      display: inline-block;
      width: 50px;
      height: 50px;
      margin: 0;
      padding: 0; }
ul.d-sm-icons .twitter a, ul.dc-sm-icons .twitter a {
    background: transparent url("/assets/img/Recruitment/sm-icons.png") 0 0 no-repeat; }
ul.d-sm-icons .facebook a, ul.dc-sm-icons .facebook a {
    background: transparent url("/assets/img/Recruitment/sm-icons.png") -50px 0 no-repeat; }
ul.d-sm-icons .instagram a, ul.dc-sm-icons .instagram a {
    background: transparent url("/assets/img/Recruitment/sm-icons.png") -100px 0 no-repeat; }
ul.d-sm-icons .youTube a, ul.dc-sm-icons .youTube a {
    background: transparent url("/assets/img/Recruitment/sm-icons.png") -150px 0 no-repeat; }
ul.d-sm-icons .twitter a:hover, ul.dc-sm-icons .twitter a:hover {
    background: transparent url("/assets/img/Recruitment/sm-icons-hover.png") 0 0 no-repeat; }
ul.d-sm-icons .facebook a:hover, ul.dc-sm-icons .facebook a:hover {
    background: transparent url("/assets/img/Recruitment/sm-icons-hover.png") -50px 0 no-repeat; }
ul.d-sm-icons .instagram a:hover, ul.dc-sm-icons .instagram a:hover {
    background: transparent url("/assets/img/Recruitment/sm-icons-hover.png") -100px 0 no-repeat; }
ul.d-sm-icons .youTube a:hover, ul.dc-sm-icons .youTube a:hover {
    background: transparent url("/assets/img/Recruitment/sm-icons-hover.png") -150px 0 no-repeat; }
/* breadcrumb links*/
.breadcrumb{
    padding: 10px 0;}
.breadcrumb-item.active {
  color: #1e1c5a;
}
/* side navigation */
.snb .card {
    min-height: 250px;
    background-color: #fff;
    margin: 0 0 3em 0;
    padding: 10px 20px 50px 20px;
    border: 0;
    border-left: 5px solid #20305a;
    border-radius: 0; }
.snb .card .card-body {
    position: relative;
    padding: 0; }
.snb .card .card-body h2 {
    margin-top: 10px; }
.active .card {
    background-color: #fff;
    color: #1e1c5a; }
.snb .navbar-nav {
    float: none;
    font-size: 1em;
    padding: 0;
    margin: 0; }
.snb .navbar-nav li {
    border-bottom: 1px solid #c9c9c9; }
.snb .navbar-nav li a {
    text-decoration: none;
    display: block;
    padding: 5px; }
/* end  side sub content navigation*/
/* jump to top page */
.jumpTopContainer a:link, .jumpTopContainer a:visited {
  color: #fff;
  background-color: #0083cb;
  text-decoration: none; }

.jumpTopContainer .jumpTop {
  position: fixed;
  bottom: 0;
  left: 0;
  font-size: 1em;
  display: block;
  padding: 10px;
  text-align: center;
  opacity: 0.8;
  transition: opacity 0.3s ease 0s;
  border-radius: 50px 50px 0 0;
  border: 2px solid #000;
  border-bottom-color: #000;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom: 0;
  z-index: 1000; }
/*carousel top banner */
.drs-hero {
 height: 250px; }
 /* text box only*/
.drs-hero .heroText {
  position: absolute;
  bottom: 20px;
  left: 20px;
  margin-left: 20px;
  padding: 10px;
  background-color: #20305a;
  background-color: rgba(1, 129, 202, 0.7);
  color: #fff;}
/* carousel*/
.drs-hero .carousel {
  padding: 0; }

.drs-hero .carousel-item {
  height: 290px; }

.drs-hero .absolute {
  position: absolute;
  top: 100px;}

.drs-hero .absolute h2 {
  text-align: left; }

.drs-hero .absolute button {
  display: block; }

.drs-hero .carouselMessage .back-transparency {
  background-color: #20305a;
  background-color: rgba(1, 129, 202, 0.5);
  color: #fff;
  padding: 0 120px 30px 20px;}

.drs-hero .carouselMessage button {
  border: 0;
  background-color: #c9c9c9;
  color: #000;
  text-align: center; }

.drs-hero .carouselMessage button:hover {
  background-color: #000;
  color: #fff !important; }

.drs-hero .carouselMessage button a {
  padding: 10px; }

.drs-hero .carouselMessage button a:hover {
  background-color: #000;
  color: #fff !important; }

.simpleAdverts .title .gOfficer, .simpleAdverts .title .gStaff, .simpleAdverts .title .gVolunteer {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 20px; }
.simpleAdverts .title .gOfficer {
  background: transparent url("/assets/img/Recruitment/nav-search-imgs-1.png") -25px -125px no-repeat; }
.simpleAdverts .title .gStaff {
  background: transparent url("/assets/img/Recruitment/nav-search-imgs-1.png")-25px -230px no-repeat; }
.simpleAdverts .title .gVolunteer {
  background: transparent url("/assets/img/Recruitment/nav-search-imgs-1.png") -25px -330px no-repeat; }
.simpleAdverts .title h3 {
  padding-top: 10px;
  margin-bottom: 40px; }
/* card - promo - profile */
.profile{
    height:100%;}
.profile .card{
    background-color: transparent;
    border: 0;
    border-radius:0;
    transition: all 400ms ease-out;}
.profile .card-text-container{
    height:auto;
    padding:10px;}
.profile .card a {
    display:block;}
.profile:hover {
    background-color: #e2e2e2;
    box-shadow: 0 1px 1px 2px #000;
    z-index:5000;}
.profile h3.card-title {
    padding:5px 0 0 0;}
.promo{
    height:100%;}
.promo .text{
    padding:10px;}
.promo:hover, .profile:hover {
    background-color: #fff;
    color: #000;}
.promo:hover a, .profile:hover a{
    background-color: #fff;
    color: #000;}
 /* Document block */
/* contentBlocks / Document Block */
.documentblock {
    height: 100%;
    padding: 30px;
    border-left: 5px solid #000;
    color: #fff;
    background-color: #20305a;
    text-decoration: none;}
.documentblock h3 {
    color: #fff;
    background-color: transparent;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0; }
.documentblock p {
    margin: 5px; }
.documentblock a:link, .documentblock a:visited {
    color: #fff;
    background-color: #20305a;
    text-decoration: none; }
.documentblock a:hover, .documentblock a:active, .documentblock focus {
    color: #fff;
    background-color: #00689e;
    text-decoration: none; }
.documentblock .circle {
    border-radius: 50%;
    color: #00689e;
    background-color: #fff;
    float: left;
    margin: 0 20px 0 0;
    width: 50px;
    height: 50px;
    box-shadow: 1px 0 10px 2px #c9c9c9; }
.documentblock .circle .fa-file-text-o {
    color: #00689e;
    background-color: #fff;
    font-size: 150%;
    margin: 12px 15px; }
.documentblock:hover, .documentblock:active, .documentblock:focus {
    color: #fff;
    background-color: #00689e; } 
/* Accordion */
/* accordion contentBlocks accordion */
.accordion {
  background-color: #e2e2e2;
  border: none;
  padding: 0;
  margin: 20px 0;}

.accordion-header {
  margin: 0;
  font-size: 1.5rem;
  font-weight: lighter; }

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

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

.accordion-item .accordion-button {
  color: #20305a;
  font-size: 1em;
  font-weight: bold;
  background-color: #e2e2e2;
  border-bottom: 1px solid #fff;
  margin-top: 0; }

.accordion-item .accordion-button:hover {
  color: #000;
  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; 
}
/* Scss Document */
/* cookies - helpers / cookies */
/*====== cookie message ==============================*/
#cookieManagerMessageContainer {
  z-index: 150000;
  position: fixed;
  right: 0;
  top: 0;
  width: 50%;
  margin: 0;
  height: auto;
  height: 100vh;
  padding: 2%;
  overflow: auto;
  background-color: #fff;
  color: #000;
  border-bottom: 5px solid #20305a;
  box-shadow: 1px 0 5px 1px #000; }

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

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

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

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

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

.cookie-preference-form .radiobuttonlist input[type="radio"] {
  height: 30px;
  width: 30px;
  cursor: pointer; }
 /* news /blog section */
.newsFeed {
    margin-top:20px;
    min-height: 300px;
    background-color: #e2e2e2;
}
.newsFeed a.newsLink {
    text-decoration: none; }
.newsFeed a.newsLink .newsBody{
    height: 100px;
    padding: 10px;
}
.newsFeed a.newsLink .newsBody .newsTitle{
    font-size: 1.2rem; }
.newsFeed a.newsLink .newsfooter .newsDate {
    text-align: right;
    padding: 10px;
}
.newsFeed .newsLink:hover {
    background-color: #20305a;
    color: #fff; 
}
.newsFeed:hover {
    background-color: #20305a;
    color: #fff; 
}
/*
$X-small: 0;
$small: 576px;
$medium-1: 768px;
$medium-2: 767px;
$largeish: 992px;
$exLarge: 1200px;
$exExLarge: 1400;
*/
@media (max-width: 768px) {
.drs-hero {
    height: 300px; } 
}
@media (min-width: 767px) {
.bgFirst, .bgSecond, .bgThird, .bgFourth, .bgWhite, .bgGrey{
    padding: 1rem !important;}
.bgPaleGrey {
    padding: 1rem !important;}
html, body {
    font-size: 16px; }
header .logo {
    height: 100px; }
/* breadcrumb links*/
.breadcrumb{
    padding: 0;}
/*.bg-img{
    background: transparent url("/media/izqmar5g/sidmouth-hp-banner-2000x800.jpg") 50% 20% repeat-y;
    }*/
.bg-img{
    background: transparent url("/media/pvlmx4j3/recruitment-hero-positiveaction-tablet-h328.jpg") 50% 0 no-repeat;
    }
/* homepage */
.drs-hero {
    height: 400px; }
.drs-hero .slide {
    position: absolute;
    top: 100px;
    left: 10px;}
.ljHeading h2 {
    text-align: center; }
.drs-hero .carouselMessage .back-transparency {
    padding: 0 200px 30px 20px;}
figure.imageThirdWidthLeft, .imageThirdWidthleft, span.imageThirdWidthLeft img {
  float: right;
  margin: 5px 0 5px 20px;
  width: 50%;
  width: calc(100% / 2);
  height: auto;
}
figure.imageThirdWidthLeft, .imageThirdWidthleft, span.imageThirdWidthLeft img {
  float: left;
  margin: 5px 20px 5px 0;
  width: 50%;
  width: calc(100% / 2);
  height: auto;}
.closeNav{
    margin-top: -80px;
    border: 5px solid #fff;
    border-top: 0 solid #fff;}
/*.profile .card-text-container{
    min-height:250px;}*/
.profile .card-text-container .card-title{
    font-size: 1.3rem;
    line-height: normal;}
.profile .card-text-container h4{
    font-size: 1.3rem;
    line-height: normal;}
.profile .card-text-container p{
    font-size: 1.1rem;}
}
@media (min-width: 992px) {
.bgFirst, .bgSecond, .bgThird, .bgFourth, .bgWhite, .bgGrey{
    padding: 2rem !important;}
.bgPaleGrey {
    padding: 2rem !important;}
/* top Horizontal nav */
.topNavLinkInline{
    display: block;
    padding: 0;
    margin:20px auto 10px auto;}
.dpT a, .dcpT a{
    padding: 20px 10px; 
    font-weight: bold;}
#siteNav .bgSecond, #siteNav .bgFirst h3 {
    margin-top: 0; }
 #dcpJS, #dpJS {
  top: 100px;}
.drs-hero {
    height: 500px; }
.drs-hero .slide {
    width: 500px; }
.drs-hero .carousel-item {
    height: 300px; }
  .ljHeading h2 {
    margin-top: 1rem;}
.drs-hero .carouselMessage .back-transparency {
  padding: 0 20px 30px 20px;}
.ljHeading {
    bottom: 50px;}
.sideButtons {
    top: 0;}
figure.imageThirdWidthLeft, .imageThirdWidthleft, span.imageThirdWidthLeft img {
  width: 33%;
  width: calc(100% / 3);
  height: auto;
}
figure.imageThirdWidthLeft, .imageThirdWidthleft, span.imageThirdWidthLeft img {
  width: 33%;
  width: calc(100% / 3);
  height: auto;
}
/* text box only*/
.drs-hero .heroText {
    bottom: 50px;
    left: 100px;
    width:50%;}
.col-lg-3 .profile .card-text-container{
    min-height:330px;}
}
@media (min-width: 1200px) {
.bgFirst, .bgSecond, .bgThird, .bgFourth, .bgWhite, .bgGrey{
    padding: 3rem !important;}
.bg-img{
    background: transparent url("/media/vdbhpg0b/recruitment-hero-positiveaction-desktop-h593.jpg") 50% 0 no-repeat;
}
.topNavLinkInline{
    display: block;
    padding: 0;
    margin:30px auto;
  }
.dpT, .dcpT{
    display: inline;
  }
.dpT a,   .dcpT a{
    padding: 30px 20px; 
    font-weight: bold;
   }
.dcpT a:link, .dcpT a:visited{
    background-color: #fff ;
    color: #0083cb;
    border-bottom: 5px solid #0083cb;
    text-decoration: none;
  }
.dpT a:link, .dpT a:visited{
    background-color: #fff ;
    color: #20305a;
    border-bottom: 5px solid #20305a;
    text-decoration: none;
} 
.dpT a:hover, .dpT a:active {
    background-color: #20305a;
    color: #fff;
    border-bottom:5px solid #c31a1a;
   }
.dcpT a:hover, .dcpT a:active {
    background-color: #0083cb;
    color: #fff;
    border-bottom: 5px solid #c31a1a;
   }
.drs-hero .slide {
    width: 600px; }
    /* text box only*/
.drs-hero .heroText {
  left: 200px;
  width:33%;}
.col-lg-3 .profile .card-text-container{
    min-height:300px;}
}
/* end media*/
/* ==== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px !important; }