/* Scss Document */
/*variables*/
/* 320*/
/*768px*/
/*1024px;*/
/*==================== 
font styles using target pixel size divided by default 24 / 16 is 1.5 so 1.5em  = 24px, 1.125em = 18, 1 = 16px, 0.875em = 14px, 0.75em = 12px, 0.625 = 10px 0.3125em = 5px
======================*/
/* 14px*/
/* 16px*/
/*variables padding-margins*/
/*structure*/
/*shared*/
hr {
  border-top: 0px;
  /*margin: $med-margin-tb;
  padding: $xlrg-padding-tb;*/ }

section {
  position: relative; }

.white {
  color: #fff; }

.whiteBack {
  background-color: #fff; }

.primaryColour {
	background-color: #0083CB;}

.colour-1 {
  background-color: #e5e5e5; }

.colour-2 {
  background-color: #aaaaaa; }

.colour-3 {
  background-color: #f6f6f6; }

.colour-4 {
  background-color: #253066; }

.colour-5 {
  background-color: #68bfec; }

.colour-6 {
  background-color: #d0e1ea; }

.lrg-padding {
  padding: 20px; }

/* p1 home*/
.posTop {
  position: absolute;
  top: -6rem; }

.posBot {
  position: relative;
  bottom: -6rem; }

/*section 1*/
#p1 .home-image {
  padding: 0 0 10em 0em; }
footer small.text-center {
  padding: 5px; }

/*class*/
.responsive {
  width: 100%; }

.med-padding {
  padding: 1em; }

.xlrg-padding {
  padding: 5rem; }

/*font*/
h1 {
  font-size: 1.3em; }

p {
  font-size: 0.875em; }

/* =================== back to top of page ================ */
.jumpTopContainer .jumpTop {
  position: fixed;
  bottom: 0;
  left: 0px;
  font-size: 1em;
  display: block;
  padding: 15px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease 0s;
  border-radius: 50px 0;
  border-bottom: 0; }

.jumpTopContainer a:link, .jumpTopContainer a:visited {
  color: #c9dbe9;
  background-color: #68bfec;
  text-decoration: none; }
.jumpTopContainer a:hover, .jumpTopContainer a:active {
  background-color: #dce6f0;
  color: #253066;
  text-decoration: underline;
  border-radius: 50px 0;
  border-bottom: 0; }
.jumpTopContainer .jumpTop.cd-is-visible, .jumpTopContainer .jumpTop.cd-fade-out, .jumpTopContainer .no-touch .jumpTop:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s; }
.jumpTopContainer .jumpTop.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; }
.jumpTopContainer .jumpTop.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5; }

/* media query---------------------------------------------------------------------------------------------------------------------------- start of media query bracket */
@media (min-width: 480px) {
  }
/*end media query*/
/* media query---------------------------------------------------------------------------------------------------------------------------- start of media query bracket */
@media (min-width: 768px) {
	 h1 {
    font-size: 1.5em; }

  p {
    font-size: 1em; }
  #p1 .home-image {
    background: transparent url(https://multisites.devon-cornwall.police.uk/media/2075/exmouth-from-the-eye-768.jpg) center no-repeat;
    } }
/*end media query*/
/* media query---------------------------------------------------------------------------------------------------------------------------- start of media query bracket */
@media (min-width: 850px) {
	  h1 {
    font-size: 2em; }

  p {
    font-size: 1.3em; }
  #p1 .home-image {
    background: transparent url(https://multisites.devon-cornwall.police.uk/media/2073/exmouth-from-the-eye.jpg) center no-repeat;
     } }
/*end media query*/
/* ==== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* prevent callout */
.nocallout {
  -webkit-touch-callout: none; }

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none; }

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
.gifhidden {
  position: absolute;
  left: -100%; }

/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.ir br {
  display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u (use print only) */
.hidden, .name2 {
  display: none !important;
  visibility: hidden; }

/* 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; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.group:before, .group:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.group:after {
  clear: both; }

.group {
  zoom: 1; }