@charset "UTF-8";
/*
*	Main style
*	Martini Responsive 2016
*	---
*	Any questions email sean.preston@newsquest.co.uk or see development wiki.
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  font: inherit;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2em;
}

/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  max-width: 600px;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}

.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/* Abstracts (Mixins, placeholders, functions and vars) */
/*
  Just some notes
  The designs give us 4 views
    Desktop
    Tablet (landscape)
    Tablet
    Mobile

  We currently break at 768px, 600px and 480px.
  480px is suitable for mobile devices.
  768px will hit all tablets if we use device-width rather than width
  We can use orientation:landscape to specifically target landscape tablets
  but the issue we will have is that ads differ between these two designs
  mostly in the sidebar. I'm not sure if we can display: none on ads or not?

  tl;dr
  Make 768px into tablet landscape, 600px into tablet portrait. The rest is good.
*/
/**
 * Todo: Remove breakpoints above this line once cleanup complete
 */
.comments-wrapper, .bottom-leaderboard, .page-wrapper, .article-extra, .also-wrapper,
.promoted-wrapper, .mini-banners, #article.article-wrapper, #announcements #announcementsSearchForm, #announcements .announcement-facet, #announcements .notice-pager {
  *zoom: 1;
}

.comments-wrapper:after, .bottom-leaderboard:after, .page-wrapper:after, .article-extra:after, .also-wrapper:after,
.promoted-wrapper:after, .mini-banners:after, #article.article-wrapper:after, #announcements #announcementsSearchForm:after, #announcements .announcement-facet:after, #announcements .notice-pager:after, .comments-wrapper:before, .bottom-leaderboard:before, .page-wrapper:before, .article-extra:before, .also-wrapper:before,
.promoted-wrapper:before, .mini-banners:before, #article.article-wrapper:before, #announcements #announcementsSearchForm:before, #announcements .announcement-facet:before, #announcements .notice-pager:before {
  content: " ";
  display: table;
}

.comments-wrapper:after, .bottom-leaderboard:after, .page-wrapper:after, .article-extra:after, .also-wrapper:after,
.promoted-wrapper:after, .mini-banners:after, #article.article-wrapper:after, #announcements #announcementsSearchForm:after, #announcements .announcement-facet:after, #announcements .notice-pager:after {
  clear: both;
}

/* Base (Resets, Fonts, Typography) */
/* Resets are included manually in /style.scss before anything else
   and not in this Sass file. */
/*
* Weather fonts
* Created with iconvau.lt
*/
@font-face {
  font-family: "iconvault";
  font-weight: normal;
  font-style: normal;
  src: url("/resources/responsive-static/fonts/iconvault_forecastfont.eot");
  src: url("/resources/responsive-static/fonts/iconvault_forecastfont.eot?#iefix") format("embedded-opentype"), url("/resources/responsive-static/fonts/iconvault_forecastfont.woff") format("woff"), url("/resources/responsive-static/fonts/iconvault_forecastfont.ttf") format("truetype"), url("/resources/responsive-static/fonts/iconvault_forecastfont.svg#iconvault") format("svg");
}

.icon-cloud,
.icon-drizzle,
.icon-frosty,
.icon-hail,
.icon-mist,
.icon-moon,
.icon-night,
.icon-rain,
.icon-showers,
.icon-sleet,
.icon-snowy,
.icon-sun,
.icon-sunny,
.icon-sunrise,
.icon-sunset,
.icon-thunder,
.icon-windy,
.icon-windyrain,
.icon-windysnow {
  text-decoration: inherit;
  font-family: 'iconvault';
  font-size: 6em;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 479px) and (max-width: 678px) {
  .icon-cloud,
  .icon-drizzle,
  .icon-frosty,
  .icon-hail,
  .icon-mist,
  .icon-moon,
  .icon-night,
  .icon-rain,
  .icon-showers,
  .icon-sleet,
  .icon-snowy,
  .icon-sun,
  .icon-sunny,
  .icon-sunrise,
  .icon-sunset,
  .icon-thunder,
  .icon-windy,
  .icon-windyrain,
  .icon-windysnow {
    position: absolute;
    display: inline-block;
    text-decoration: inherit;
    text-transform: none;
    font-family: "iconvault";
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
  }
}

/* -----BaseCloud----- */
.base-cloud:before {
  position: absolute;
  content: '\f105';
  color: #cccccc;
  font-family: 'iconvault';
}

/* -----windyraincloud----- */
.windyrain-cloud:before {
  position: absolute;
  content: '\f111';
  color: #cccccc;
  font-family: 'iconvault';
}

/* -----Windysnowcloud----- */
.windysnow-cloud:before {
  position: absolute;
  content: '\f109';
  color: #cccccc;
  font-family: 'iconvault';
}

/* -----Basethundercloud----- */
.base-thunder-cloud:before {
  position: absolute;
  content: '\f105';
  color: #000;
  font-family: 'iconvault';
}

/* -----Thunder----- */
.icon-thunder:before {
  position: absolute;
  content: "\f114";
  color: orange;
}

/* -----Sunny----- */
.icon-sunny:after {
  position: absolute;
  content: "\f101";
  color: orange;
}

/* -----Drizzle----- */
.icon-drizzle:before {
  position: absolute;
  content: "\f10a";
  color: #82b2e4;
}

/* -----Hail----- */
.icon-hail:before {
  position: absolute;
  content: "\f10f";
  color: #cccccc;
}

/* -----Showers----- */
.icon-showers:before {
  position: absolute;
  content: "\f104";
  color: #82b2e4;
}

/* -----Rainy----- */
.icon-rainy:before {
  position: absolute;
  content: "\f107";
  color: #4681c3;
}

/* -----Snowy----- */
.icon-snowy:before {
  position: absolute;
  content: "\f10b";
  color: #acd3f3;
}

/* -----Frosty----- */
.icon-frosty:before {
  position: absolute;
  content: "\f102";
  color: #85d8f7;
}

/* -----Windy----- */
.icon-windy:before {
  position: absolute;
  content: "\f115";
  color: #cccccc;
}

/* -----WindyRain----- */
.icon-windyrain:before {
  position: absolute;
  content: "\f10e";
  color: #acd3f3;
}

/* -----WindySnow----- */
.icon-windysnow:before {
  position: absolute;
  content: "\f103";
  color: #acd3f3;
}

/* -----Sleet----- */
.icon-sleet:before {
  position: absolute;
  content: "\f10c";
  color: #acd3f3;
}

/* -----Moon----- */
.icon-moon:after {
  position: absolute;
  content: "\f10d";
  color: orange;
}

/* -----Night----- */
.icon-night:after {
  position: absolute;
  content: "\f100";
  color: orange;
}

/* -----Sun----- */
.icon-sun:after {
  position: absolute;
  content: "\f113";
  color: orange;
}

/* -----Cloud----- */
.icon-cloud:after {
  position: absolute;
  content: "\f106";
  color: #cccccc;
}

/* -----Sunrise----- */
.icon-sunrise:before {
  position: absolute;
  content: '\f112';
  color: orange;
}

/* -----Sunset----- */
.icon-sunset:before {
  position: absolute;
  content: '\f110';
  color: #f96f23;
}

/* -----Mist----- */
.icon-mist:before {
  position: absolute;
  content: '\f108';
  color: #cccccc;
}

/*
 *  Education Icons
 */
@font-face {
  font-family: "education-icons";
  src: url("/resources/responsive-static/fonts/education-icons.eot");
  src: url("/resources/responsive-static/fonts/education-icons.eot?#iefix") format("embedded-opentype"), url("/resources/responsive-static/fonts/education-icons.woff") format("woff"), url("/resources/responsive-static/fonts/education-icons.ttf") format("truetype"), url("/resources/responsive-static/fonts/education-icons.svg#education-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class*=" edu-icon-"]:before,
[class^="edu-icon-"]:before {
  font-family: "education-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.edu-icon {
  text-align: center;
}

i.edu-icon {
  margin: 0;
}

.edu-icon-boys:before {
  content: "\e000";
}

.edu-icon-exams:before {
  content: "\e001";
}

.edu-icon-girls:before {
  content: "\e002";
}

.edu-icon-ofsted1:before {
  content: "\e003";
}

.edu-icon-ofsted2:before {
  content: "\e004";
}

.edu-icon-ofsted3:before {
  content: "\e005";
}

.edu-icon-ofsted4:before {
  content: "\e006";
}

.edu-icon-teacher:before {
  content: "\e007";
}

.edu-icon-ofstedUnknown {
  display: none;
}

.super-large {
  font-size: 48px;
}

.xx-large {
  font-size: 42px;
}

.x-large {
  font-size: 34px;
}

.large {
  font-size: 24px;
}

.medium {
  font-size: 21px;
}

.small {
  font-size: 18px;
}

.x-small {
  font-size: 16px;
}

.xx-small {
  font-size: 15px;
}

.tiny {
  font-size: 14px;
}

.mini {
  font-size: 12px;
}

/*

Just some notes on font sizes:

15px seems to have been used a lot across the new homepage design, so
maybe this should be taken as the new "medium" or "regular" variable as well
as the default for all elements.

*/
.loud {
  font-weight: bold;
}

.semi-loud {
  font-weight: 600;
}

.quiet {
  font-weight: normal;
}

.ttu {
  text-transform: uppercase;
}

.l-aling {
  text-align: left;
}

.c-align {
  text-align: center;
}

.r-align {
  text-align: right;
}

.muted,
.muted a {
  color: #797979;
}

/* Colour schemes take elements from the theme and recolour them
** The main theme mixin uses the following:
** $name - Name of colour scheme, used for the ID
** $primary - Primary colour (links, bigger blocks of colour)
** $secondary - Secondary colour (hover states, borders, accents)
** $light - Lighter colour (backgrounds, bars)
** $primary-font - Primary font used for all headings, nav etc)
**
** The mixin is in the core/_mixins.scss file
*/
.schemeRed {
  /* Apply primary font */
}

.schemeRed .primary-color {
  color: #A01016;
}

.schemeRed .primary-background {
  background-color: #A01016;
}

.schemeRed .primary-border {
  border-color: #A01016;
}

.schemeRed .secondary-color {
  color: #dc0b17;
}

.schemeRed .secondary-background {
  background-color: #dc0b17;
}

.schemeRed .secondary-background-hover {
  background-color: #dc0b17;
  transition: 0.7s;
}

.schemeRed .secondary-background-hover:hover {
  background-color: #ab0912;
}

.schemeRed .secondary-border {
  border-color: #dc0b17;
}

.schemeRed .light-color {
  color: #fcebeb;
}

.schemeRed .light-background {
  background-color: #fcebeb;
}

.schemeRed .light-border {
  border-color: #fcebeb;
}

.schemeRed #comments-list button.button-transparent,
.schemeRed #comments-list button.reply,
.schemeRed #disasterHeadline a:hover,
.schemeRed #home .share-stat0s,
.schemeRed #home .sitename,
.schemeRed #mobileLoginNav div a,
.schemeRed .article-body a,
.schemeRed .bizColMore a,
.schemeRed .button.button-inverse,
.schemeRed .carousel .jcarousel-control,
.schemeRed .comment-disclaimer a #disasterHeadline a:hover,
.schemeRed .main-nav nav + nav a:hover,
.schemeRed .more-news,
.schemeRed .nav-shortcuts nav a:hover,
.schemeRed .page-section,
.schemeRed .page-section a,
.schemeRed .see-more-stories button,
.schemeRed .title a,
.schemeRed a.button.button-inverse,
.schemeRed a:focus,
.schemeRed button.button.button-inverse,
.schemeRed span.item-count {
  color: #A01016;
}

.schemeRed .articles-cta,
.schemeRed .main-nav nav + nav a:hover,
.schemeRed .news-cta {
  border-color: #A01016;
}

.schemeRed .main-nav nav .active,
.schemeRed .menu-block,
.schemeRed .related-articles.carousel > a {
  border-color: #dc0b17;
}

.schemeRed #subNav a:hover,
.schemeRed .article-body a:hover,
.schemeRed .article-body a:hover,
.schemeRed .comment-controls .report:hover,
.schemeRed .more-news:hover,
.schemeRed .most-tabs a.active,
.schemeRed .page-section a:hover,
.schemeRed .related-articles a:hover h5,
.schemeRed .title a:hover,
.schemeRed a:hover {
  color: #dc0b17;
}

.schemeRed #comments-list button.reply:hover,
.schemeRed .button.button-inverse:hover,
.schemeRed .menu-block a,
.schemeRed .pager a:hover,
.schemeRed .see-more-stories button:hover,
.schemeRed a.button.button-inverse:hover,
.schemeRed button.button.button-inverse:hover {
  background-color: #A01016;
}

.schemeRed .main-nav nav:first-of-type a:hover, .schemeRed .deco-strip:after, .schemeRed .footer-strip, .schemeRed .send-us-your-news,
.schemeRed #primaryNav a.active,
.schemeRed #primaryNav a:hover,
.schemeRed .main-nav nav.semi-loud .active,
.schemeRed .menu-block a:hover,
.schemeRed .menu-block h2:hover,
.schemeRed .menu-block h2:hover a,
.schemeRed .show-mobile-search .display-search {
  background-color: #dc0b17;
}

.schemeRed #subNav,
.schemeRed .social-icons-container span > div {
  background-color: #fcebeb;
}

.schemeRed .menu-block.tint,
.schemeRed .tint a,
.schemeRed .tint h2,
.schemeRed .tint h3 {
  background-color: #69070b;
}

.schemeRed .menu-block.send-us,
.schemeRed .menu-block.send-us a,
.schemeRed .menu-block.send-us h2,
.schemeRed .menu-block.send-us p {
  background-color: #dc0b17;
  color: #69070b;
}

.schemeRed .announcement .notice-alert,
.schemeRed .announcements .new-note-alert {
  background-image: url("/resources/responsive-static/images/schemeRed/announcement-corner.png");
}

.schemeRed a.twitter-button {
  color: #3ea1cb;
}

.schemeRed i.fa-print {
  color: #A01016;
}

.schemeRed #comments-list button.button-with-icon:hover span,
.schemeRed #comments-list button.reply:hover,
.schemeRed a.button,
.schemeRed button {
  color: #ffffff;
}

.schemeRed #disasterHeadline a {
  color: #3f3f3f;
}

.schemeRed .slide-control.secondary-background {
  background-color: #69070b;
}

.schemeRed .slide-control.secondary-background:hover {
  background-color: #dc0b17;
}

.schemeRed #dropMenu h2,
.schemeRed #primaryNav,
.schemeRed #topNav,
.schemeRed h1,
.schemeRed h2 {
  font-family: "Source Sans Pro";
}

.schemeRed .tab-content ol li a {
  font-family: "Source Sans Pro";
}

.schemeRed #subscription-content h3 {
  font-family: "Source Sans Pro";
}

.schemeRed #subscribe h1,
.schemeRed #subscribe h2 {
  font-family: "Concept";
}

.button.button-inverse:hover,
a.button,
a.button.button-inverse:hover,
a.button:hover,
button,
button.button.button-inverse:hover,
button:hover {
  color: #ffffff;
}

.edu-guides li a:hover,
.edu-guides-panel li a:hover {
  color: #00662e;
}

.edu-guides li.guide-2 a:hover,
.edu-guides-panel li.guide-2 a:hover {
  color: #89ab94;
}

.edu-guide-cat-1 div a:hover {
  color: #1a5534;
}

.edu-guide-cat-2 div a:hover {
  color: #234579;
}

.edu-guide-cat-3 div a:hover {
  color: #432893;
}

.schemeBlue {
  /* Apply primary font */
}

.schemeBlue .primary-color {
  color: #14497f;
}

.schemeBlue .primary-background {
  background-color: #14497f;
}

.schemeBlue .primary-border {
  border-color: #14497f;
}

.schemeBlue .secondary-color {
  color: #3771c6;
}

.schemeBlue .secondary-background {
  background-color: #3771c6;
}

.schemeBlue .secondary-background-hover {
  background-color: #3771c6;
  transition: 0.7s;
}

.schemeBlue .secondary-background-hover:hover {
  background-color: #2c5a9e;
}

.schemeBlue .secondary-border {
  border-color: #3771c6;
}

.schemeBlue .light-color {
  color: #F7F4F1;
}

.schemeBlue .light-background {
  background-color: #F7F4F1;
}

.schemeBlue .light-border {
  border-color: #F7F4F1;
}

.schemeBlue #comments-list button.button-transparent,
.schemeBlue #comments-list button.reply,
.schemeBlue #disasterHeadline a:hover,
.schemeBlue #home .share-stat0s,
.schemeBlue #home .sitename,
.schemeBlue #mobileLoginNav div a,
.schemeBlue .article-body a,
.schemeBlue .bizColMore a,
.schemeBlue .button.button-inverse,
.schemeBlue .carousel .jcarousel-control,
.schemeBlue .comment-disclaimer a #disasterHeadline a:hover,
.schemeBlue .main-nav nav + nav a:hover,
.schemeBlue .more-news,
.schemeBlue .nav-shortcuts nav a:hover,
.schemeBlue .page-section,
.schemeBlue .page-section a,
.schemeBlue .see-more-stories button,
.schemeBlue .title a,
.schemeBlue a.button.button-inverse,
.schemeBlue a:focus,
.schemeBlue button.button.button-inverse,
.schemeBlue span.item-count {
  color: #14497f;
}

.schemeBlue .articles-cta,
.schemeBlue .main-nav nav + nav a:hover,
.schemeBlue .news-cta {
  border-color: #14497f;
}

.schemeBlue .main-nav nav .active,
.schemeBlue .menu-block,
.schemeBlue .related-articles.carousel > a {
  border-color: #3771c6;
}

.schemeBlue #subNav a:hover,
.schemeBlue .article-body a:hover,
.schemeBlue .article-body a:hover,
.schemeBlue .comment-controls .report:hover,
.schemeBlue .more-news:hover,
.schemeBlue .most-tabs a.active,
.schemeBlue .page-section a:hover,
.schemeBlue .related-articles a:hover h5,
.schemeBlue .title a:hover,
.schemeBlue a:hover {
  color: #3771c6;
}

.schemeBlue #comments-list button.reply:hover,
.schemeBlue .button.button-inverse:hover,
.schemeBlue .menu-block a,
.schemeBlue .pager a:hover,
.schemeBlue .see-more-stories button:hover,
.schemeBlue a.button.button-inverse:hover,
.schemeBlue button.button.button-inverse:hover {
  background-color: #14497f;
}

.schemeBlue .main-nav nav:first-of-type a:hover, .schemeBlue .deco-strip:after, .schemeBlue .footer-strip, .schemeBlue .send-us-your-news,
.schemeBlue #primaryNav a.active,
.schemeBlue #primaryNav a:hover,
.schemeBlue .main-nav nav.semi-loud .active,
.schemeBlue .menu-block a:hover,
.schemeBlue .menu-block h2:hover,
.schemeBlue .menu-block h2:hover a,
.schemeBlue .show-mobile-search .display-search {
  background-color: #3771c6;
}

.schemeBlue #subNav,
.schemeBlue .social-icons-container span > div {
  background-color: #F7F4F1;
}

.schemeBlue .menu-block.tint,
.schemeBlue .tint a,
.schemeBlue .tint h2,
.schemeBlue .tint h3 {
  background-color: #0c3157;
}

.schemeBlue .menu-block.send-us,
.schemeBlue .menu-block.send-us a,
.schemeBlue .menu-block.send-us h2,
.schemeBlue .menu-block.send-us p {
  background-color: #3771c6;
  color: #0c3157;
}

.schemeBlue .announcement .notice-alert,
.schemeBlue .announcements .new-note-alert {
  background-image: url("/resources/responsive-static/images/schemeBlue/announcement-corner.png");
}

.schemeBlue a.twitter-button {
  color: #3ea1cb;
}

.schemeBlue i.fa-print {
  color: #14497f;
}

.schemeBlue #comments-list button.button-with-icon:hover span,
.schemeBlue #comments-list button.reply:hover,
.schemeBlue a.button,
.schemeBlue button {
  color: #ffffff;
}

.schemeBlue #disasterHeadline a {
  color: #3f3f3f;
}

.schemeBlue .slide-control.secondary-background {
  background-color: #0c3157;
}

.schemeBlue .slide-control.secondary-background:hover {
  background-color: #3771c6;
}

.schemeBlue #dropMenu h2,
.schemeBlue #primaryNav,
.schemeBlue #topNav,
.schemeBlue h1,
.schemeBlue h2 {
  font-family: "Source Sans Pro";
}

.schemeBlue .tab-content ol li a {
  font-family: "Source Sans Pro";
}

.schemeBlue #subscription-content h3 {
  font-family: "Source Sans Pro";
}

.schemeBlue #subscribe h1,
.schemeBlue #subscribe h2 {
  font-family: "Concept";
}

.button.button-inverse:hover,
a.button,
a.button.button-inverse:hover,
a.button:hover,
button,
button.button.button-inverse:hover,
button:hover {
  color: #ffffff;
}

.edu-guides li a:hover,
.edu-guides-panel li a:hover {
  color: #00662e;
}

.edu-guides li.guide-2 a:hover,
.edu-guides-panel li.guide-2 a:hover {
  color: #89ab94;
}

.edu-guide-cat-1 div a:hover {
  color: #1a5534;
}

.edu-guide-cat-2 div a:hover {
  color: #234579;
}

.edu-guide-cat-3 div a:hover {
  color: #432893;
}

.schemeGreen {
  /* Apply primary font */
}

.schemeGreen .primary-color {
  color: #1b5731;
}

.schemeGreen .primary-background {
  background-color: #1b5731;
}

.schemeGreen .primary-border {
  border-color: #1b5731;
}

.schemeGreen .secondary-color {
  color: #478E39;
}

.schemeGreen .secondary-background {
  background-color: #478E39;
}

.schemeGreen .secondary-background-hover {
  background-color: #478E39;
  transition: 0.7s;
}

.schemeGreen .secondary-background-hover:hover {
  background-color: #356a2a;
}

.schemeGreen .secondary-border {
  border-color: #478E39;
}

.schemeGreen .light-color {
  color: #f0f5e2;
}

.schemeGreen .light-background {
  background-color: #f0f5e2;
}

.schemeGreen .light-border {
  border-color: #f0f5e2;
}

.schemeGreen #comments-list button.button-transparent,
.schemeGreen #comments-list button.reply,
.schemeGreen #disasterHeadline a:hover,
.schemeGreen #home .share-stat0s,
.schemeGreen #home .sitename,
.schemeGreen #mobileLoginNav div a,
.schemeGreen .article-body a,
.schemeGreen .bizColMore a,
.schemeGreen .button.button-inverse,
.schemeGreen .carousel .jcarousel-control,
.schemeGreen .comment-disclaimer a #disasterHeadline a:hover,
.schemeGreen .main-nav nav + nav a:hover,
.schemeGreen .more-news,
.schemeGreen .nav-shortcuts nav a:hover,
.schemeGreen .page-section,
.schemeGreen .page-section a,
.schemeGreen .see-more-stories button,
.schemeGreen .title a,
.schemeGreen a.button.button-inverse,
.schemeGreen a:focus,
.schemeGreen button.button.button-inverse,
.schemeGreen span.item-count {
  color: #1b5731;
}

.schemeGreen .articles-cta,
.schemeGreen .main-nav nav + nav a:hover,
.schemeGreen .news-cta {
  border-color: #1b5731;
}

.schemeGreen .main-nav nav .active,
.schemeGreen .menu-block,
.schemeGreen .related-articles.carousel > a {
  border-color: #478E39;
}

.schemeGreen #subNav a:hover,
.schemeGreen .article-body a:hover,
.schemeGreen .article-body a:hover,
.schemeGreen .comment-controls .report:hover,
.schemeGreen .more-news:hover,
.schemeGreen .most-tabs a.active,
.schemeGreen .page-section a:hover,
.schemeGreen .related-articles a:hover h5,
.schemeGreen .title a:hover,
.schemeGreen a:hover {
  color: #478E39;
}

.schemeGreen #comments-list button.reply:hover,
.schemeGreen .button.button-inverse:hover,
.schemeGreen .menu-block a,
.schemeGreen .pager a:hover,
.schemeGreen .see-more-stories button:hover,
.schemeGreen a.button.button-inverse:hover,
.schemeGreen button.button.button-inverse:hover {
  background-color: #1b5731;
}

.schemeGreen .main-nav nav:first-of-type a:hover, .schemeGreen .deco-strip:after, .schemeGreen .footer-strip, .schemeGreen .send-us-your-news,
.schemeGreen #primaryNav a.active,
.schemeGreen #primaryNav a:hover,
.schemeGreen .main-nav nav.semi-loud .active,
.schemeGreen .menu-block a:hover,
.schemeGreen .menu-block h2:hover,
.schemeGreen .menu-block h2:hover a,
.schemeGreen .show-mobile-search .display-search {
  background-color: #478E39;
}

.schemeGreen #subNav,
.schemeGreen .social-icons-container span > div {
  background-color: #f0f5e2;
}

.schemeGreen .menu-block.tint,
.schemeGreen .tint a,
.schemeGreen .tint h2,
.schemeGreen .tint h3 {
  background-color: #184b2a;
}

.schemeGreen .menu-block.send-us,
.schemeGreen .menu-block.send-us a,
.schemeGreen .menu-block.send-us h2,
.schemeGreen .menu-block.send-us p {
  background-color: #478E39;
  color: #184b2a;
}

.schemeGreen .announcement .notice-alert,
.schemeGreen .announcements .new-note-alert {
  background-image: url("/resources/responsive-static/images/schemeGreen/announcement-corner.png");
}

.schemeGreen a.twitter-button {
  color: #3ea1cb;
}

.schemeGreen i.fa-print {
  color: #1b5731;
}

.schemeGreen #comments-list button.button-with-icon:hover span,
.schemeGreen #comments-list button.reply:hover,
.schemeGreen a.button,
.schemeGreen button {
  color: #ffffff;
}

.schemeGreen #disasterHeadline a {
  color: #3f3f3f;
}

.schemeGreen .slide-control.secondary-background {
  background-color: #23451c;
}

.schemeGreen .slide-control.secondary-background:hover {
  background-color: #478E39;
}

.schemeGreen #dropMenu h2,
.schemeGreen #primaryNav,
.schemeGreen #topNav,
.schemeGreen h1,
.schemeGreen h2 {
  font-family: "Source Sans Pro";
}

.schemeGreen .tab-content ol li a {
  font-family: "Source Sans Pro";
}

.schemeGreen #subscription-content h3 {
  font-family: "Source Sans Pro";
}

.schemeGreen #subscribe h1,
.schemeGreen #subscribe h2 {
  font-family: "Concept";
}

.button.button-inverse:hover,
a.button,
a.button.button-inverse:hover,
a.button:hover,
button,
button.button.button-inverse:hover,
button:hover {
  color: #ffffff;
}

.edu-guides li a:hover,
.edu-guides-panel li a:hover {
  color: #00662e;
}

.edu-guides li.guide-2 a:hover,
.edu-guides-panel li.guide-2 a:hover {
  color: #89ab94;
}

.edu-guide-cat-1 div a:hover {
  color: #1a5534;
}

.edu-guide-cat-2 div a:hover {
  color: #234579;
}

.edu-guide-cat-3 div a:hover {
  color: #432893;
}

.schemePurple {
  /* Apply primary font */
}

.schemePurple .primary-color {
  color: #504DA1;
}

.schemePurple .primary-background {
  background-color: #504DA1;
}

.schemePurple .primary-border {
  border-color: #504DA1;
}

.schemePurple .secondary-color {
  color: #6173b5;
}

.schemePurple .secondary-background {
  background-color: #6173b5;
}

.schemePurple .secondary-background-hover {
  background-color: #6173b5;
  transition: 0.7s;
}

.schemePurple .secondary-background-hover:hover {
  background-color: #485a9b;
}

.schemePurple .secondary-border {
  border-color: #6173b5;
}

.schemePurple .light-color {
  color: #e2e1f4;
}

.schemePurple .light-background {
  background-color: #e2e1f4;
}

.schemePurple .light-border {
  border-color: #e2e1f4;
}

.schemePurple #comments-list button.button-transparent,
.schemePurple #comments-list button.reply,
.schemePurple #disasterHeadline a:hover,
.schemePurple #home .share-stat0s,
.schemePurple #home .sitename,
.schemePurple #mobileLoginNav div a,
.schemePurple .article-body a,
.schemePurple .bizColMore a,
.schemePurple .button.button-inverse,
.schemePurple .carousel .jcarousel-control,
.schemePurple .comment-disclaimer a #disasterHeadline a:hover,
.schemePurple .main-nav nav + nav a:hover,
.schemePurple .more-news,
.schemePurple .nav-shortcuts nav a:hover,
.schemePurple .page-section,
.schemePurple .page-section a,
.schemePurple .see-more-stories button,
.schemePurple .title a,
.schemePurple a.button.button-inverse,
.schemePurple a:focus,
.schemePurple button.button.button-inverse,
.schemePurple span.item-count {
  color: #504DA1;
}

.schemePurple .articles-cta,
.schemePurple .main-nav nav + nav a:hover,
.schemePurple .news-cta {
  border-color: #504DA1;
}

.schemePurple .main-nav nav .active,
.schemePurple .menu-block,
.schemePurple .related-articles.carousel > a {
  border-color: #6173b5;
}

.schemePurple #subNav a:hover,
.schemePurple .article-body a:hover,
.schemePurple .article-body a:hover,
.schemePurple .comment-controls .report:hover,
.schemePurple .more-news:hover,
.schemePurple .most-tabs a.active,
.schemePurple .page-section a:hover,
.schemePurple .related-articles a:hover h5,
.schemePurple .title a:hover,
.schemePurple a:hover {
  color: #6173b5;
}

.schemePurple #comments-list button.reply:hover,
.schemePurple .button.button-inverse:hover,
.schemePurple .menu-block a,
.schemePurple .pager a:hover,
.schemePurple .see-more-stories button:hover,
.schemePurple a.button.button-inverse:hover,
.schemePurple button.button.button-inverse:hover {
  background-color: #504DA1;
}

.schemePurple .main-nav nav:first-of-type a:hover, .schemePurple .deco-strip:after, .schemePurple .footer-strip, .schemePurple .send-us-your-news,
.schemePurple #primaryNav a.active,
.schemePurple #primaryNav a:hover,
.schemePurple .main-nav nav.semi-loud .active,
.schemePurple .menu-block a:hover,
.schemePurple .menu-block h2:hover,
.schemePurple .menu-block h2:hover a,
.schemePurple .show-mobile-search .display-search {
  background-color: #6173b5;
}

.schemePurple #subNav,
.schemePurple .social-icons-container span > div {
  background-color: #e2e1f4;
}

.schemePurple .menu-block.tint,
.schemePurple .tint a,
.schemePurple .tint h2,
.schemePurple .tint h3 {
  background-color: #36336c;
}

.schemePurple .menu-block.send-us,
.schemePurple .menu-block.send-us a,
.schemePurple .menu-block.send-us h2,
.schemePurple .menu-block.send-us p {
  background-color: #6173b5;
  color: #36336c;
}

.schemePurple .announcement .notice-alert,
.schemePurple .announcements .new-note-alert {
  background-image: url("/resources/responsive-static/images/schemePurple/announcement-corner.png");
}

.schemePurple a.twitter-button {
  color: #3ea1cb;
}

.schemePurple i.fa-print {
  color: #504DA1;
}

.schemePurple #comments-list button.button-with-icon:hover span,
.schemePurple #comments-list button.reply:hover,
.schemePurple a.button,
.schemePurple button {
  color: #ffffff;
}

.schemePurple #disasterHeadline a {
  color: #3f3f3f;
}

.schemePurple .slide-control.secondary-background {
  background-color: #36336c;
}

.schemePurple .slide-control.secondary-background:hover {
  background-color: #6173b5;
}

.schemePurple #dropMenu h2,
.schemePurple #primaryNav,
.schemePurple #topNav,
.schemePurple h1,
.schemePurple h2 {
  font-family: "Source Sans Pro";
}

.schemePurple .tab-content ol li a {
  font-family: "Source Sans Pro";
}

.schemePurple #subscription-content h3 {
  font-family: "Source Sans Pro";
}

.schemePurple #subscribe h1,
.schemePurple #subscribe h2 {
  font-family: "Concept";
}

.button.button-inverse:hover,
a.button,
a.button.button-inverse:hover,
a.button:hover,
button,
button.button.button-inverse:hover,
button:hover {
  color: #ffffff;
}

.edu-guides li a:hover,
.edu-guides-panel li a:hover {
  color: #00662e;
}

.edu-guides li.guide-2 a:hover,
.edu-guides-panel li.guide-2 a:hover {
  color: #89ab94;
}

.edu-guide-cat-1 div a:hover {
  color: #1a5534;
}

.edu-guide-cat-2 div a:hover {
  color: #234579;
}

.edu-guide-cat-3 div a:hover {
  color: #432893;
}

/** Herald alternate font based blue **/
.schemeBlueHerald {
  /* Apply primary font */
}

.schemeBlueHerald .primary-color {
  color: #14497f;
}

.schemeBlueHerald .primary-background {
  background-color: #14497f;
}

.schemeBlueHerald .primary-border {
  border-color: #14497f;
}

.schemeBlueHerald .secondary-color {
  color: #3771c6;
}

.schemeBlueHerald .secondary-background {
  background-color: #3771c6;
}

.schemeBlueHerald .secondary-background-hover {
  background-color: #3771c6;
  transition: 0.7s;
}

.schemeBlueHerald .secondary-background-hover:hover {
  background-color: #2c5a9e;
}

.schemeBlueHerald .secondary-border {
  border-color: #3771c6;
}

.schemeBlueHerald .light-color {
  color: #F7F4F1;
}

.schemeBlueHerald .light-background {
  background-color: #F7F4F1;
}

.schemeBlueHerald .light-border {
  border-color: #F7F4F1;
}

.schemeBlueHerald #comments-list button.button-transparent,
.schemeBlueHerald #comments-list button.reply,
.schemeBlueHerald #disasterHeadline a:hover,
.schemeBlueHerald #home .share-stat0s,
.schemeBlueHerald #home .sitename,
.schemeBlueHerald #mobileLoginNav div a,
.schemeBlueHerald .article-body a,
.schemeBlueHerald .bizColMore a,
.schemeBlueHerald .button.button-inverse,
.schemeBlueHerald .carousel .jcarousel-control,
.schemeBlueHerald .comment-disclaimer a #disasterHeadline a:hover,
.schemeBlueHerald .main-nav nav + nav a:hover,
.schemeBlueHerald .more-news,
.schemeBlueHerald .nav-shortcuts nav a:hover,
.schemeBlueHerald .page-section,
.schemeBlueHerald .page-section a,
.schemeBlueHerald .see-more-stories button,
.schemeBlueHerald .title a,
.schemeBlueHerald a.button.button-inverse,
.schemeBlueHerald a:focus,
.schemeBlueHerald button.button.button-inverse,
.schemeBlueHerald span.item-count {
  color: #14497f;
}

.schemeBlueHerald .articles-cta,
.schemeBlueHerald .main-nav nav + nav a:hover,
.schemeBlueHerald .news-cta {
  border-color: #14497f;
}

.schemeBlueHerald .main-nav nav .active,
.schemeBlueHerald .menu-block,
.schemeBlueHerald .related-articles.carousel > a {
  border-color: #3771c6;
}

.schemeBlueHerald #subNav a:hover,
.schemeBlueHerald .article-body a:hover,
.schemeBlueHerald .article-body a:hover,
.schemeBlueHerald .comment-controls .report:hover,
.schemeBlueHerald .more-news:hover,
.schemeBlueHerald .most-tabs a.active,
.schemeBlueHerald .page-section a:hover,
.schemeBlueHerald .related-articles a:hover h5,
.schemeBlueHerald .title a:hover,
.schemeBlueHerald a:hover {
  color: #3771c6;
}

.schemeBlueHerald #comments-list button.reply:hover,
.schemeBlueHerald .button.button-inverse:hover,
.schemeBlueHerald .menu-block a,
.schemeBlueHerald .pager a:hover,
.schemeBlueHerald .see-more-stories button:hover,
.schemeBlueHerald a.button.button-inverse:hover,
.schemeBlueHerald button.button.button-inverse:hover {
  background-color: #14497f;
}

.schemeBlueHerald .main-nav nav:first-of-type a:hover, .schemeBlueHerald .deco-strip:after, .schemeBlueHerald .footer-strip, .schemeBlueHerald .send-us-your-news,
.schemeBlueHerald #primaryNav a.active,
.schemeBlueHerald #primaryNav a:hover,
.schemeBlueHerald .main-nav nav.semi-loud .active,
.schemeBlueHerald .menu-block a:hover,
.schemeBlueHerald .menu-block h2:hover,
.schemeBlueHerald .menu-block h2:hover a,
.schemeBlueHerald .show-mobile-search .display-search {
  background-color: #3771c6;
}

.schemeBlueHerald #subNav,
.schemeBlueHerald .social-icons-container span > div {
  background-color: #F7F4F1;
}

.schemeBlueHerald .menu-block.tint,
.schemeBlueHerald .tint a,
.schemeBlueHerald .tint h2,
.schemeBlueHerald .tint h3 {
  background-color: #0c3157;
}

.schemeBlueHerald .menu-block.send-us,
.schemeBlueHerald .menu-block.send-us a,
.schemeBlueHerald .menu-block.send-us h2,
.schemeBlueHerald .menu-block.send-us p {
  background-color: #3771c6;
  color: #0c3157;
}

.schemeBlueHerald .announcement .notice-alert,
.schemeBlueHerald .announcements .new-note-alert {
  background-image: url("/resources/responsive-static/images/schemeBlueHerald/announcement-corner.png");
}

.schemeBlueHerald a.twitter-button {
  color: #3ea1cb;
}

.schemeBlueHerald i.fa-print {
  color: #14497f;
}

.schemeBlueHerald #comments-list button.button-with-icon:hover span,
.schemeBlueHerald #comments-list button.reply:hover,
.schemeBlueHerald a.button,
.schemeBlueHerald button {
  color: #ffffff;
}

.schemeBlueHerald #disasterHeadline a {
  color: #3f3f3f;
}

.schemeBlueHerald .slide-control.secondary-background {
  background-color: #0c3157;
}

.schemeBlueHerald .slide-control.secondary-background:hover {
  background-color: #3771c6;
}

.schemeBlueHerald #dropMenu h2,
.schemeBlueHerald #primaryNav,
.schemeBlueHerald #topNav,
.schemeBlueHerald h1,
.schemeBlueHerald h2 {
  font-family: "Source Sans Pro";
}

.schemeBlueHerald .tab-content ol li a {
  font-family: "Source Sans Pro";
}

.schemeBlueHerald #subscription-content h3 {
  font-family: "Source Sans Pro";
}

.schemeBlueHerald #subscribe h1,
.schemeBlueHerald #subscribe h2 {
  font-family: "Concept";
}

.button.button-inverse:hover,
a.button,
a.button.button-inverse:hover,
a.button:hover,
button,
button.button.button-inverse:hover,
button:hover {
  color: #ffffff;
}

.edu-guides li a:hover,
.edu-guides-panel li a:hover {
  color: #00662e;
}

.edu-guides li.guide-2 a:hover,
.edu-guides-panel li.guide-2 a:hover {
  color: #89ab94;
}

.edu-guide-cat-1 div a:hover {
  color: #1a5534;
}

.edu-guide-cat-2 div a:hover {
  color: #234579;
}

.edu-guide-cat-3 div a:hover {
  color: #432893;
}

/** These are the theme changes for the National, that doesn't really fit in with the rest of the themes */
.schemeBlueBlack {
  /* Apply primary font */
}

.schemeBlueBlack .primary-color {
  color: #000;
}

.schemeBlueBlack .primary-background {
  background-color: #000;
}

.schemeBlueBlack .primary-border {
  border-color: #000;
}

.schemeBlueBlack .secondary-color {
  color: #0489d6;
}

.schemeBlueBlack .secondary-background {
  background-color: #0489d6;
}

.schemeBlueBlack .secondary-background-hover {
  background-color: #0489d6;
  transition: 0.7s;
}

.schemeBlueBlack .secondary-background-hover:hover {
  background-color: #0369a4;
}

.schemeBlueBlack .secondary-border {
  border-color: #0489d6;
}

.schemeBlueBlack .light-color {
  color: #F7F4F1;
}

.schemeBlueBlack .light-background {
  background-color: #F7F4F1;
}

.schemeBlueBlack .light-border {
  border-color: #F7F4F1;
}

.schemeBlueBlack #comments-list button.button-transparent,
.schemeBlueBlack #comments-list button.reply,
.schemeBlueBlack #disasterHeadline a:hover,
.schemeBlueBlack #home .share-stat0s,
.schemeBlueBlack #home .sitename,
.schemeBlueBlack #mobileLoginNav div a,
.schemeBlueBlack .article-body a,
.schemeBlueBlack .bizColMore a,
.schemeBlueBlack .button.button-inverse,
.schemeBlueBlack .carousel .jcarousel-control,
.schemeBlueBlack .comment-disclaimer a #disasterHeadline a:hover,
.schemeBlueBlack .main-nav nav + nav a:hover,
.schemeBlueBlack .more-news,
.schemeBlueBlack .nav-shortcuts nav a:hover,
.schemeBlueBlack .page-section,
.schemeBlueBlack .page-section a,
.schemeBlueBlack .see-more-stories button,
.schemeBlueBlack .title a,
.schemeBlueBlack a.button.button-inverse,
.schemeBlueBlack a:focus,
.schemeBlueBlack button.button.button-inverse,
.schemeBlueBlack span.item-count {
  color: #000;
}

.schemeBlueBlack .articles-cta,
.schemeBlueBlack .main-nav nav + nav a:hover,
.schemeBlueBlack .news-cta {
  border-color: #000;
}

.schemeBlueBlack .main-nav nav .active,
.schemeBlueBlack .menu-block,
.schemeBlueBlack .related-articles.carousel > a {
  border-color: #0489d6;
}

.schemeBlueBlack #subNav a:hover,
.schemeBlueBlack .article-body a:hover,
.schemeBlueBlack .article-body a:hover,
.schemeBlueBlack .comment-controls .report:hover,
.schemeBlueBlack .more-news:hover,
.schemeBlueBlack .most-tabs a.active,
.schemeBlueBlack .page-section a:hover,
.schemeBlueBlack .related-articles a:hover h5,
.schemeBlueBlack .title a:hover,
.schemeBlueBlack a:hover {
  color: #0489d6;
}

.schemeBlueBlack #comments-list button.reply:hover,
.schemeBlueBlack .button.button-inverse:hover,
.schemeBlueBlack .menu-block a,
.schemeBlueBlack .pager a:hover,
.schemeBlueBlack .see-more-stories button:hover,
.schemeBlueBlack a.button.button-inverse:hover,
.schemeBlueBlack button.button.button-inverse:hover {
  background-color: #000;
}

.schemeBlueBlack .main-nav nav:first-of-type a:hover, .schemeBlueBlack .deco-strip:after, .schemeBlueBlack .footer-strip, .schemeBlueBlack .send-us-your-news,
.schemeBlueBlack #primaryNav a.active,
.schemeBlueBlack #primaryNav a:hover,
.schemeBlueBlack .main-nav nav.semi-loud .active,
.schemeBlueBlack .menu-block a:hover,
.schemeBlueBlack .menu-block h2:hover,
.schemeBlueBlack .menu-block h2:hover a,
.schemeBlueBlack .show-mobile-search .display-search {
  background-color: #0489d6;
}

.schemeBlueBlack #subNav,
.schemeBlueBlack .social-icons-container span > div {
  background-color: #F7F4F1;
}

.schemeBlueBlack .menu-block.tint,
.schemeBlueBlack .tint a,
.schemeBlueBlack .tint h2,
.schemeBlueBlack .tint h3 {
  background-color: #0c3157;
}

.schemeBlueBlack .menu-block.send-us,
.schemeBlueBlack .menu-block.send-us a,
.schemeBlueBlack .menu-block.send-us h2,
.schemeBlueBlack .menu-block.send-us p {
  background-color: #0489d6;
  color: #0c3157;
}

.schemeBlueBlack .announcement .notice-alert,
.schemeBlueBlack .announcements .new-note-alert {
  background-image: url("/resources/responsive-static/images/schemeBlueBlack/announcement-corner.png");
}

.schemeBlueBlack a.twitter-button {
  color: #3ea1cb;
}

.schemeBlueBlack i.fa-print {
  color: #000;
}

.schemeBlueBlack #comments-list button.button-with-icon:hover span,
.schemeBlueBlack #comments-list button.reply:hover,
.schemeBlueBlack a.button,
.schemeBlueBlack button {
  color: #ffffff;
}

.schemeBlueBlack #disasterHeadline a {
  color: #3f3f3f;
}

.schemeBlueBlack .slide-control.secondary-background {
  background-color: #0c3157;
}

.schemeBlueBlack .slide-control.secondary-background:hover {
  background-color: #0489d6;
}

.schemeBlueBlack #dropMenu h2,
.schemeBlueBlack #primaryNav,
.schemeBlueBlack #topNav,
.schemeBlueBlack h1,
.schemeBlueBlack h2 {
  font-family: "Roboto slab";
}

.schemeBlueBlack .tab-content ol li a {
  font-family: "Roboto slab";
}

.schemeBlueBlack #subscription-content h3 {
  font-family: "Roboto slab";
}

.schemeBlueBlack #subscribe h1,
.schemeBlueBlack #subscribe h2 {
  font-family: "Concept";
}

.button.button-inverse:hover,
a.button,
a.button.button-inverse:hover,
a.button:hover,
button,
button.button.button-inverse:hover,
button:hover {
  color: #ffffff;
}

.edu-guides li a:hover,
.edu-guides-panel li a:hover {
  color: #00662e;
}

.edu-guides li.guide-2 a:hover,
.edu-guides-panel li.guide-2 a:hover {
  color: #89ab94;
}

.edu-guide-cat-1 div a:hover {
  color: #1a5534;
}

.edu-guide-cat-2 div a:hover {
  color: #234579;
}

.edu-guide-cat-3 div a:hover {
  color: #432893;
}

.schemeBlueHerald #mainNav, .schemeBlueHerald #primaryNav, .schemeBlueHerald #primaryNav a {
  font-family: "Martel", serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 21px;
}

.schemeBlueHerald #primaryNav a {
  padding: 4px 8px;
}

.schemeBlueHerald #subNav a {
  font-family: "Source sans pro";
}

.schemeBlueHerald #home #sectionHomepageNews h1 {
  font-family: "Martel", serif;
  color: #3f3f3f;
  font-size: 26px;
  line-height: 36px;
  font-weight: bold;
  color: #3f3f3f;
}

.schemeBlueHerald h1.headline, .schemeBlueHerald #dropMenu h2, .schemeBlueHerald h1, .schemeBlueHerald h2, .schemeBlueHerald .tab-content ol li a {
  font-family: "Martel", serif;
  font-weight: bold;
  color: #3f3f3f;
}

.schemeBlueHerald .dropMenu h2, .schemeBlueHerald h1 {
  font-family: "Martel", serif;
  color: #3f3f3f;
  line-height: 40px;
}

.schemeBlueHerald .tab-content ol li a {
  font-family: "Martel", serif;
  color: #3f3f3f;
  font-size: 15px;
  font-weight: 600;
}

.schemeBlueBlack .schemeBlueBlack .slide-control.secondary-background {
  background-color: #0489d6;
}

.schemeBlueBlack #home .articles-list h2,
.schemeBlueBlack #home .standard-list h2 {
  font-size: 14px;
}

.schemeBlueBlack #home #sectionHomepageNews .articles-highlighted h2 {
  font-size: 18px;
}

.schemeBlueBlack .top-nav-primary a,
.schemeBlueBlack .top-nav-secondary a {
  font-size: 12px;
}

.schemeBlueBlack #subscription-content .sign-in {
  background-color: #0489d6 !important;
}

.schemeBlueBlack #subscribe h1,
.schemeBlueBlack #subscribe h2 {
  color: #000000;
}

.schemeBlueBlack #subscribe p {
  color: #000000;
}

.schemeBlueBlack #subscribe .divider.bg-themed {
  display: block;
  height: 3px;
  margin: 10px auto;
  width: 95%;
  background-color: #0489d6;
}

.schemeRed .fotorama__arr,
.schemeRed .fotorama__fullscreen-icon,
.schemeRed .fotorama__video-close,
.schemeRed .fotorama__video-play {
  background-image: url("/resources/responsive-static/images/fotorama_red.png");
  background-repeat: no-repeat;
}

.schemeRed #gallery_interstitial_skip,
.schemeRed .fotorama-overlay > span {
  background-color: #A01016;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .schemeRed .fotorama__arr,
  .schemeRed .fotorama__fullscreen-icon,
  .schemeRed .fotorama__video-close,
  .schemeRed .fotorama__video-play {
    background-image: url("/resources/responsive-static/images/fotorama_red@2x.png");
    background-size: 96px 160px;
    background-repeat: no-repeat;
  }
}

.schemeRed #announcements .tiled-list > ul > li {
  border: solid 1px #FFCECA;
}

.schemeRed #announcements .tiled-list > ul > li:hover {
  border: solid 1px #ffa8a1;
}

.schemeRed #announcements .tiled-list > ul > li a:hover p {
  color: #A01016;
}

.schemeRed #announcements .tiled-list > ul > li h3 strong {
  border-bottom: solid 1px #A01016;
}

.schemeRed #announcements .tiled-list > ul .promo-ad-space {
  background: #D0021B;
}

.schemeRed #announcements .tiled-list > ul .promo-ad-space:hover {
  background: #D0021B;
}

.schemeRed #announcements .tiled-list > ul .promo-ad-space:active {
  background: #D0021B;
}

.schemeRed #announcements .tiled-list > ul .promo-ad-space > ul > li {
  color: #ffffff !important;
}

.schemeRed #announcements .tiled-list > ul .promo-ad-space > ul > li > a {
  color: #ffffff !important;
}

.schemeRed #announcements .notice .notice-header h1 strong {
  border-bottom: solid 2px #A01016;
}

.schemeRed #announcements .notice .notice-container {
  border: solid 1px #FFCECA;
}

.schemeRed #announcements .notice .notice-container .message-board .replied-post {
  border-top: solid 1px #FFCECA;
}

.schemeRed #announcements .notice .notice-container .message-board .replied-post:before {
  border-top: solid 1px #ffeae9;
}

.schemeRed #announcements .notice .notice-form .img-options {
  border-top: solid 1px #FFCECA;
}

.schemeRed #announcements .notice .notice-form .img-options:hover:after {
  color: #A01016;
}

.schemeRed #announcements .pager a:hover {
  background: #A01016;
}

.schemeRed #announcements .pager a:active {
  background: #A01016;
}

.schemeGreen .fotorama__arr,
.schemeGreen .fotorama__fullscreen-icon,
.schemeGreen .fotorama__video-close,
.schemeGreen .fotorama__video-play {
  background-image: url("/resources/responsive-static/images/fotorama_green.png");
  background-repeat: no-repeat;
}

.schemeGreen #gallery_interstitial_skip,
.schemeGreen .fotorama-overlay > span {
  background-color: #1b5731;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .schemeGreen .fotorama__arr,
  .schemeGreen .fotorama__fullscreen-icon,
  .schemeGreen .fotorama__video-close,
  .schemeGreen .fotorama__video-play {
    background-image: url("/resources/responsive-static/images/fotorama_green@2x.png");
    background-size: 96px 160px;
    background-repeat: no-repeat;
  }
}

.schemeGreen #announcements .tiled-list > ul > li {
  border: solid 1px #AFEDC0;
}

.schemeGreen #announcements .tiled-list > ul > li:hover {
  border: solid 1px #8ee6a6;
}

.schemeGreen #announcements .tiled-list > ul > li a:hover p {
  color: #35A11F;
}

.schemeGreen #announcements .tiled-list > ul > li h3 strong {
  border-bottom: solid 1px #35A11F;
}

.schemeGreen #announcements .tiled-list > ul .promo-ad-space {
  background: #5C8E71;
}

.schemeGreen #announcements .tiled-list > ul .promo-ad-space:hover {
  background: #5C8E71;
}

.schemeGreen #announcements .tiled-list > ul .promo-ad-space:active {
  background: #5C8E71;
}

.schemeGreen #announcements .tiled-list > ul .promo-ad-space > ul > li {
  color: #ffffff !important;
}

.schemeGreen #announcements .tiled-list > ul .promo-ad-space > ul > li > a {
  color: #ffffff !important;
}

.schemeGreen #announcements .notice .notice-header h1 strong {
  border-bottom: solid 2px #35A11F;
}

.schemeGreen #announcements .notice .notice-container {
  border: solid 1px #AFEDC0;
}

.schemeGreen #announcements .notice .notice-container .message-board .replied-post {
  border-top: solid 1px #AFEDC0;
}

.schemeGreen #announcements .notice .notice-container .message-board .replied-post:before {
  border-top: solid 1px #c8f3d4;
}

.schemeGreen #announcements .notice .notice-form .img-options {
  border-top: solid 1px #AFEDC0;
}

.schemeGreen #announcements .notice .notice-form .img-options:hover:after {
  color: #35A11F;
}

.schemeGreen #announcements .pager a:hover {
  background: #35A11F;
}

.schemeGreen #announcements .pager a:active {
  background: #35A11F;
}

.schemePurple .fotorama__arr,
.schemePurple .fotorama__fullscreen-icon,
.schemePurple .fotorama__video-close,
.schemePurple .fotorama__video-play {
  background-image: url("/resources/responsive-static/images/fotorama_purple.png");
  background-repeat: no-repeat;
}

.schemePurple #gallery_interstitial_skip,
.schemePurple .fotorama-overlay > span {
  background-color: #504DA1;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .schemePurple .fotorama__arr,
  .schemePurple .fotorama__fullscreen-icon,
  .schemePurple .fotorama__video-close,
  .schemePurple .fotorama__video-play {
    background-image: url("/resources/responsive-static/images/fotorama_purple@2x.png");
    background-size: 96px 160px;
    background-repeat: no-repeat;
  }
}

.schemePurple #announcements .tiled-list > ul > li {
  border: solid 1px #CCCAED;
}

.schemePurple #announcements .tiled-list > ul > li:hover {
  border: solid 1px #aface3;
}

.schemePurple #announcements .tiled-list > ul > li a:hover p {
  color: #6173B5;
}

.schemePurple #announcements .tiled-list > ul > li h3 strong {
  border-bottom: solid 1px #6173B5;
}

.schemePurple #announcements .tiled-list > ul .promo-ad-space {
  background: #6B71CE;
}

.schemePurple #announcements .tiled-list > ul .promo-ad-space:hover {
  background: #6B71CE;
}

.schemePurple #announcements .tiled-list > ul .promo-ad-space:active {
  background: #6B71CE;
}

.schemePurple #announcements .tiled-list > ul .promo-ad-space > ul > li {
  color: #ffffff !important;
}

.schemePurple #announcements .tiled-list > ul .promo-ad-space > ul > li > a {
  color: #ffffff !important;
}

.schemePurple #announcements .notice .notice-header h1 strong {
  border-bottom: solid 2px #6173B5;
}

.schemePurple #announcements .notice .notice-container {
  border: solid 1px #CCCAED;
}

.schemePurple #announcements .notice .notice-container .message-board .replied-post {
  border-top: solid 1px #CCCAED;
}

.schemePurple #announcements .notice .notice-container .message-board .replied-post:before {
  border-top: solid 1px #e2e1f5;
}

.schemePurple #announcements .notice .notice-form .img-options {
  border-top: solid 1px #CCCAED;
}

.schemePurple #announcements .notice .notice-form .img-options:hover:after {
  color: #6173B5;
}

.schemePurple #announcements .pager a:hover {
  background: #6173B5;
}

.schemePurple #announcements .pager a:active {
  background: #6173B5;
}

/* Styles also applied to Blue Black and Blue Concept schemes */
.schemeBlue .fotorama__arr,
.schemeBlue .fotorama__fullscreen-icon,
.schemeBlue .fotorama__video-close,
.schemeBlue .fotorama__video-play,
.schemeBlueBlack .fotorama__arr,
.schemeBlueBlack .fotorama__fullscreen-icon,
.schemeBlueBlack .fotorama__video-close,
.schemeBlueBlack .fotorama__video-play,
.schemeBlueConcept .fotorama__arr,
.schemeBlueConcept .fotorama__fullscreen-icon,
.schemeBlueConcept .fotorama__video-close,
.schemeBlueConcept .fotorama__video-play {
  background-image: url("/resources/responsive-static/images/fotorama_blue.png");
  background-repeat: no-repeat;
}

.schemeBlue #gallery_interstitial_skip,
.schemeBlue .fotorama-overlay > span,
.schemeBlueBlack #gallery_interstitial_skip,
.schemeBlueBlack .fotorama-overlay > span,
.schemeBlueConcept #gallery_interstitial_skip,
.schemeBlueConcept .fotorama-overlay > span {
  background-color: #14497f;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .schemeBlue .fotorama__arr,
  .schemeBlue .fotorama__fullscreen-icon,
  .schemeBlue .fotorama__video-close,
  .schemeBlue .fotorama__video-play,
  .schemeBlueBlack .fotorama__arr,
  .schemeBlueBlack .fotorama__fullscreen-icon,
  .schemeBlueBlack .fotorama__video-close,
  .schemeBlueBlack .fotorama__video-play,
  .schemeBlueConcept .fotorama__arr,
  .schemeBlueConcept .fotorama__fullscreen-icon,
  .schemeBlueConcept .fotorama__video-close,
  .schemeBlueConcept .fotorama__video-play {
    background-image: url("/resources/responsive-static/images/fotorama_blue@2x.png");
    background-size: 96px 160px;
    background-repeat: no-repeat;
  }
}

.schemeBlue #announcements .tiled-list > ul > li,
.schemeBlueBlack #announcements .tiled-list > ul > li,
.schemeBlueConcept #announcements .tiled-list > ul > li {
  border: solid 1px #cae0ff;
}

.schemeBlue #announcements .tiled-list > ul > li:hover,
.schemeBlueBlack #announcements .tiled-list > ul > li:hover,
.schemeBlueConcept #announcements .tiled-list > ul > li:hover {
  border: solid 1px #a1c8ff;
}

.schemeBlue #announcements .tiled-list > ul > li a:hover p,
.schemeBlueBlack #announcements .tiled-list > ul > li a:hover p,
.schemeBlueConcept #announcements .tiled-list > ul > li a:hover p {
  color: #3B99FC;
}

.schemeBlue #announcements .tiled-list > ul > li h3 strong,
.schemeBlueBlack #announcements .tiled-list > ul > li h3 strong,
.schemeBlueConcept #announcements .tiled-list > ul > li h3 strong {
  border-bottom: solid 1px #3B99FC;
}

.schemeBlue #announcements .tiled-list > ul .promo-ad-space,
.schemeBlueBlack #announcements .tiled-list > ul .promo-ad-space,
.schemeBlueConcept #announcements .tiled-list > ul .promo-ad-space {
  background: #6CB3FD;
}

.schemeBlue #announcements .tiled-list > ul .promo-ad-space:hover,
.schemeBlueBlack #announcements .tiled-list > ul .promo-ad-space:hover,
.schemeBlueConcept #announcements .tiled-list > ul .promo-ad-space:hover {
  background: #6CB3FD;
}

.schemeBlue #announcements .tiled-list > ul .promo-ad-space:active,
.schemeBlueBlack #announcements .tiled-list > ul .promo-ad-space:active,
.schemeBlueConcept #announcements .tiled-list > ul .promo-ad-space:active {
  background: #6CB3FD;
}

.schemeBlue #announcements .notice .notice-header h1 strong,
.schemeBlueBlack #announcements .notice .notice-header h1 strong,
.schemeBlueConcept #announcements .notice .notice-header h1 strong {
  border-bottom: solid 2px #3B99FC;
}

.schemeBlue #announcements .notice .notice-container,
.schemeBlueBlack #announcements .notice .notice-container,
.schemeBlueConcept #announcements .notice .notice-container {
  border: solid 1px #cae0ff;
}

.schemeBlue #announcements .notice .notice-container .message-board .replied-post,
.schemeBlueBlack #announcements .notice .notice-container .message-board .replied-post,
.schemeBlueConcept #announcements .notice .notice-container .message-board .replied-post {
  border-top: solid 1px #cae0ff;
}

.schemeBlue #announcements .notice .notice-container .message-board .replied-post:before,
.schemeBlueBlack #announcements .notice .notice-container .message-board .replied-post:before,
.schemeBlueConcept #announcements .notice .notice-container .message-board .replied-post:before {
  border-top: solid 1px #e9f2ff;
}

.schemeBlue #announcements .notice .notice-form .img-options,
.schemeBlueBlack #announcements .notice .notice-form .img-options,
.schemeBlueConcept #announcements .notice .notice-form .img-options {
  border-top: solid 1px #cae0ff;
}

.schemeBlue #announcements .notice .notice-form .img-options:hover:after,
.schemeBlueBlack #announcements .notice .notice-form .img-options:hover:after,
.schemeBlueConcept #announcements .notice .notice-form .img-options:hover:after {
  color: #3B99FC;
}

.schemeBlue #announcements .pager a:hover,
.schemeBlueBlack #announcements .pager a:hover,
.schemeBlueConcept #announcements .pager a:hover {
  background: #3B99FC;
}

.schemeBlue #announcements .pager a:active,
.schemeBlueBlack #announcements .pager a:active,
.schemeBlueConcept #announcements .pager a:active {
  background: #3B99FC;
}

body {
  background-color: #f9f9f9;
  background: url("/resources/responsive-static/images/img-noise-200x200.png") repeat;
}

body,
button,
input {
  font-family: "Source Sans Pro", sans-serif;
}

a,
button,
input[type=submit] {
  cursor: pointer;
}

a,
a:active,
a:visited {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

a:hover {
  text-decoration: none;
  color: #A01016;
}

a:focus {
  text-decoration: none;
}

button {
  vertical-align: middle;
  outline: none;
}

i {
  margin: 0 5px 0 0;
}

.wrapper {
  width: 960px;
  margin: 0 auto;
  max-width: 100%;
}

@media (max-width: 960px) {
  .wrapper {
    width: 100%;
  }
}

#contentContainer {
  background: #ffffff;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: solid 1px #efefef;
  border-right: solid 1px #efefef;
}

@media (max-width: 480px) {
  #contentContainer {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.search-container {
  margin: 0;
  padding: 0 10px;
  background-color: #e3e3eb;
}

.mobile-only {
  display: none;
}

@media (max-width: 480px) {
  .mobile-only {
    display: block;
  }
}

@media (max-width: 600px) {
  .mobile-only {
    display: block;
  }
}

.headline section p {
  line-height: 18px;
}

#local-info-box li {
  margin-top: 10px;
  width: 48.5%;
  display: inline-block;
}

#subscription-content {
  display: none;
}

#subscription-content img {
  border: none;
  background: none;
}

#subscription-spinner {
  text-align: center;
  border: none;
}

#subscription-spinner img {
  border: none;
}

#article #subscribe-box-outer {
  height: 460px;
  padding-top: 40px;
  background: url("/resources/static/standard/subscription/subscription-text-block.jpg");
}

#article #subscribe-box-outer #subscribe-box-container {
  width: 95%;
  max-width: 520px;
  margin: auto;
  min-height: 180px;
  background-color: #1A6BAE;
  background: url("/resources/static/standard/subscription/herald-scotland-background.png") repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 20px;
}

#article #subscribe-box-outer #subscribe-box-header {
  width: 100%;
  border-bottom: 1px solid #8cb2d4;
  padding-bottom: 5px;
  overflow: hidden;
}

#article #subscribe-box-outer #subscribe-box-header a {
  font-family: Arial, sans-serif;
  float: right;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

#article #subscribe-box-outer #subscribe-box-header img {
  float: left;
  width: auto;
}

#article #subscribe-box-outer #subscribe-box-content:after {
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  clear: both;
}

#article #subscribe-box-outer #subscribe-box-content h2 {
  font-family: Georgia, serif;
  color: #fff;
  font-size: 26px;
  font-weight: normal;
  text-shadow: 0 1px 0 #0b235c;
  margin: 10px 0;
  text-transform: none;
}

#article #subscribe-box-outer #subscribe-box-content p {
  font-family: Arial, sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  text-shadow: 0 1px 0 #0b235c;
  margin: 0 0 12px;
}

#article #subscribe-box-outer #subscribe-box-content .subscribe-btn {
  width: 280px;
  height: 30px;
  background: url("/resources/static/standard/subscription/herald-scotland-subscribe-background.png") repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  text-shadow: 0 1px 0 #345c10;
  text-transform: uppercase;
  float: left;
  text-decoration: none;
}

#article #subscribe-box-outer #subscribe-box-content .subscribe-btn.narrow {
  width: 220px;
}

@media (max-width: 480px) {
  #article #subscribe-box-outer #subscribe-box-content .subscribe-btn.narrow {
    display: block;
    margin: 0 0 10px;
  }
}

#article #subscribe-box-outer #subscribe-box-content .sign-in-btn {
  width: 89px;
  height: 30px;
  background: url("/resources/static/standard/subscription/herald-scotland-signin-background.png") repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  text-shadow: 0 1px 0 #345c10;
  text-transform: uppercase;
  float: right;
  text-decoration: none;
  margin-left: 5px;
}

@media (max-width: 480px) {
  #article #subscribe-box-outer #subscribe-box-content .sign-in-btn {
    float: none;
    clear: both;
    display: block;
    margin: 0;
  }
}

#article #subscribe-box-outer #subscribe-box-content .already-registered {
  font-family: Arial, sans-serif;
  color: #fff;
  font-size: 12px;
  font-style: italic;
  text-align: right;
  margin: 0;
  height: 20px;
  position: relative;
  height: 30px;
  line-height: 30px;
  float: right;
}

#article #subscribe-box-outer #subscribe-box-content .already-registered span {
  display: block;
  float: left;
}

@media only screen and (max-width: 480px) {
  article #subscribe-box-outer #subscribe-box-content .already-registered {
    padding-top: 10px;
  }
  article #subscribe-box-outer #subscribe-box-content .already-registered span {
    width: 150px;
    line-height: 1.3;
  }
}

/** subscription page css **/
#subscription-page .main {
  background: #fff url("/resources/static/standard/subscription/header-image.jpg") no-repeat right center;
  color: #1B6DAE;
  font-size: 32px;
  line-height: 2.6em;
  padding: 0 200px 0 0;
}

#subscription-page #subscription {
  border-collapse: separate;
  border-spacing: 0;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#subscription-page #subscription caption {
  background: #1b6dae;
  color: #FFFFFF;
  margin-bottom: 2px;
  padding: 2px;
  text-align: left;
}

#subscription-page #subscription thead th {
  border-bottom: none;
  color: #FFFFFF;
  font-size: 14px;
  padding: 4px;
  text-align: center;
}

#subscription-page #subscription tbody td,
#subscription-page #subscription tfoot td {
  font-size: 11px;
  padding: 5px 0;
  text-align: center;
}

#subscription-page #subscription tbody td {
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

#subscription-page #subscription tbody td strong {
  font-size: 18px;
}

#subscription-page .on {
  background: transparent url("/resources/static/standard/subscription/circle-on.png") no-repeat center center;
}

#subscription-page .off {
  background: transparent url("/resources/static/standard/subscription/circle-off.png") no-repeat center center;
}

#subscription-page .align-left {
  text-align: left !important;
}

#subscription-page .items {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#subscription-page .items li {
  display: inline-block;
  margin-right: 4px;
}

#subscription-page .iphone {
  background: transparent url("/resources/static/standard/subscription/iphone-icon.png") no-repeat;
  height: 32px;
  text-indent: -9999em;
  width: 21px;
}

#subscription-page .ipad {
  background: transparent url("/resources/static/standard/subscription/ipad-icon.png") no-repeat;
  height: 35px;
  text-indent: -9999em;
  width: 29px;
}

#subscription-page .imac {
  background: transparent url("/resources/static/standard/subscription/imac-icon.png") no-repeat;
  height: 32px;
  text-indent: -9999em;
  width: 40px;
}

#subscription-page .kindle {
  background: transparent url("/resources/static/standard/subscription/kindle-icon.png") no-repeat;
  height: 37px;
  text-indent: -9999em;
  width: 23px;
}

#subscription-page .free-text {
  color: #0c2d77;
  font-size: 24px;
}

#subscription-page .kindle-row {
  position: relative;
}

#subscription-page .kindle-row span {
  font-weight: bold;
  position: absolute;
  right: 2px;
  text-align: center;
  top: 20px;
  width: 48px;
}

#subscription-page td.current {
  background-color: #e3edf6;
  color: #000;
}

#subscription-page td.current a {
  color: #000;
}

#subscription-page td.subscribe {
  background-color: #459113;
}

#subscription-page td.subscribe a {
  color: #fff;
}

/* For: /my/subscriptiondigital/web/ */
#freepress-subscription-ma fieldset {
  border: 1px solid #cacaca;
  padding: 7px;
}

#freepress-subscription-ma p {
  margin: 1em 0;
}

#freepress-subscription-ma .description {
  color: #666;
  margin-bottom: 5px;
}

/* For: /my/app/ */
#app-information img {
  border: 0;
}

#app-information h1,
#app-information h2,
#app-information h3 {
  color: #1B6DAE;
}

#app-information .box {
  float: left;
  width: 465px;
}

#app-information .box .product {
  float: left;
}

#app-information .box .text {
  float: left;
}

#app-information .sign-in h2,
#app-information h2 {
  font-size: 28px;
  line-height: 2.4;
  font-weight: 600;
}

#app-information .box .text h3 {
  font-size: 24px;
  line-height: 4;
  font-weight: 600;
}

#app-information .box .text p {
  line-height: 16px;
}

#app-information .apple-app .text {
  margin: 0 0 0 10px;
  width: 205px;
}

#app-information .android-app .text {
  margin: 0 10px;
  width: 240px;
}

#app-information .kindle-app .text {
  padding-left: 20px;
  width: 300px;
}

#app-information .kindle-app .text h3 {
  padding-left: 78px;
}

#app-information .section {
  clear: both;
  margin-bottom: 20px;
}

.grid_4 #app-information .box .text {
  clear: both;
  margin: 0 0 16px 10px;
}

.grid_4 #app-information .box .text h3 {
  line-height: 1;
}

#subscription-content-england {
  margin-bottom: 20px;
  background: url("/resources/static/standard/subscription/subscription-text-block.jpg");
}

#subscription-content-england a {
  text-decoration: none;
}

#subscription-content-england .article-overlay {
  padding: 20px 20px 0;
  clear: both;
  background-color: #f7f4f1;
  -webkit-box-shadow: 0 0 17px 0 rgba(50, 50, 50, 0.8);
  -moz-box-shadow: 0 0 17px 0 rgba(50, 50, 50, 0.8);
  box-shadow: 0 0 17px 0 rgba(50, 50, 50, 0.8);
}

#subscription-content-england .article-overlay-title {
  border-bottom: 4px solid #ffffff;
  padding-bottom: 10px;
}

#subscription-content-england .editors-avatar {
  float: left;
  width: 150px;
  display: table-cell;
  margin: 10px 0;
}

#subscription-content-england .editors-avatar img {
  width: 100%;
  height: auto;
}

@media (max-width: 992px) {
  #subscription-content-england .editors-avatar {
    float: none;
    display: block;
    margin: 10px auto;
  }
}

#subscription-content-england blockquote {
  display: table-cell;
  padding-left: 40px;
  position: relative;
  border: 0;
}

#subscription-content-england blockquote:before {
  content: '“';
  position: absolute;
  left: 0;
  font-size: 84px;
}

#subscription-content-england blockquote h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  margin: 0;
}

#subscription-content-england .article-overlay-body {
  margin: 10px 0;
  background-image: url("../img/d-pointer.png");
  background-repeat: no-repeat;
  background-position: top center;
}

#subscription-content-england .article-overlay-body.secondary-background {
  color: #ffffff;
  margin: 0 -20px;
  padding: 0 10px;
}

#subscription-content-england .article-overlay-body.secondary-background .cta-container,
#subscription-content-england .article-overlay-body.secondary-background .cta-message {
  width: 50%;
  float: left;
  padding: 20px 10px;
}

@media (max-width: 992px) {
  #subscription-content-england .article-overlay-body.secondary-background .cta-container,
  #subscription-content-england .article-overlay-body.secondary-background .cta-message {
    width: 100%;
    float: none;
    padding: 0 10px;
  }
}

@media (max-width: 992px) {
  #subscription-content-england .article-overlay-body.secondary-background .cta-message {
    padding-top: 20px;
  }
}

#subscription-content-england .article-overlay-body.secondary-background .cta-message p {
  font-size: 18px;
  line-height: 22px;
}

#subscription-content-england .article-overlay-body.secondary-background .cta-container a {
  font-weight: normal;
  display: block;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
}

#subscription-content-england .article-overlay-body.secondary-background .cta-container #variable-button {
  background: transparent;
  border: 1px solid #ffffff;
}

#subscription-content-england .content-wrapper {
  padding: 10px;
}

.globalWarning {
  background-color: #575757;
  border-bottom: 1px solid #000;
  color: #e3e3eb;
  font-size: 14px;
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  height: 30px;
  overflow: hidden;
  text-align: left;
  width: 100%;
  max-width: 180px;
  z-index: 99999;
  -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.globalWarning:hover {
  width: 100%;
  max-width: 180px;
  height: 100%;
  overflow: auto;
}

@media (max-width: 768px) {
  .globalWarning {
    display: none;
  }
}

.globalWarning a {
  color: #e3e3eb;
}

.globalWarning a:hover {
  color: #ffffff;
}

.globalWarning ul {
  list-style: disc;
}

.globalWarning ul li {
  display: block;
}

.comments-headline {
  margin: 0 15px;
}

.comments-wrapper {
  padding-bottom: 20px;
}

.comments-wrapper section {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-right: 45px;
}

@media (min-width: 768px) {
  .comments-wrapper section {
    float: left;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .comments-wrapper section {
    float: left;
    width: 66.6666666667%;
  }
}

.comments-wrapper aside {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .comments-wrapper aside {
    float: left;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .comments-wrapper aside {
    float: left;
    width: 33.3333333333%;
  }
}

@media (max-width: 768px) {
  .comments-wrapper .floating-social {
    display: none;
  }
  .comments-wrapper section {
    padding-right: 15px;
  }
}

.comments-wrapper > .deco-strip {
  margin-left: 15px;
  margin-right: 15px;
}

.comment-disclaimer {
  margin-bottom: 10px;
}

.comment-status {
  padding: 10px;
}

.comments {
  margin-top: 10px;
}

.post-comment textarea {
  width: 100%;
  height: 120px;
  margin-top: 10px;
  padding: 3%;
}

.comment {
  margin-top: 10px;
  padding: 10px;
}

.comment.nested-comment {
  margin-top: 0;
  border-top: 1px dashed #e3e3eb;
}

.comment .timestamp {
  float: right;
  color: #36336c;
}

@media (max-width: 480px) {
  .comment .timestamp {
    float: none;
    clear: both;
    display: block;
  }
}

.nested-comment-1 {
  margin-left: 15px;
}

.nested-comment-2 {
  margin-left: 30px;
}

.nested-comment-3 {
  margin-left: 45px;
}

.nested-comment-4 {
  margin-left: 60px;
}

.comment-body {
  margin-top: 10px;
  word-wrap: break-word;
}

.comment-body strong {
  font-weight: bold;
}

.comment-body blockquote {
  background-color: #fff;
  color: #999;
  padding: 15px;
}

.article-quote {
  margin-bottom: 10px;
  padding: 10px;
  background: #ffffff;
}

.comment-controls {
  margin-top: 10px;
}

.comment-controls .l-align {
  float: left;
}

.comment-controls .r-align {
  float: right;
}

.comment-controls button {
  background: #ffffff;
}

.comment-controls .good {
  color: #518851;
}

.comment-controls .bad {
  color: #ce0b24;
}

.comments-wrapper form {
  margin-top: 10px;
}

.comments-wrapper form textarea {
  width: 100%;
  height: 120px;
  margin-top: 10px;
  padding: 3%;
}

.comments-wrapper #emailMeUponNewComment {
  margin: 20px 0 0;
}

.comments-wrapper #emailMeUponNewComment > form {
  margin: 0;
}

.comments-wrapper #emailMeUponNewComment label {
  display: inline;
  margin-left: 5px;
}

.comments-wrapper #sectionArticlePromoted div[class*="grid"] .content-wrapper,
.comments-wrapper #sectionArticleRecommendations div[class*="grid"] .content-wrapper {
  padding: 10px 0;
}

.comments-wrapper #sectionArticleRecommendations .twin {
  width: 48%;
}

/* New comments design. */
#commentSort {
  width: inherit;
  background-color: #ffffff;
}

#comments-list button.button-transparent {
  background-color: transparent;
}

#comments-list button.cancel,
#comments-list button.comment-report,
#comments-list button.delete-comment,
#comments-list button.edit-comment,
#comments-list button.quote-remove,
#comments-list button.quote-selected,
#comments-list button.reply {
  min-width: 0;
}

#comments-list #comments-list button.reply:hover {
  color: #ffffff;
}

#comments-list button.delete-comment {
  color: #d2021b;
}

#comments-list button.delete-comment:hover {
  color: #ffffff;
  background-color: #d2021b;
}

#comments-list .quote-preview {
  margin: 11px 0 10px;
  padding: 1px;
}

#comments-list .nested-comment {
  border-top: 1px dashed #d8d8d8;
}

#comments-list .reply-area.nested-comment {
  border: 1px solid #d8d8d8;
  padding: 10px;
}

#comments-list .replying-icon {
  margin: 0 10px !important;
  border: none;
}

#comments-list .article-quote br:first-of-type {
  display: none;
}

.comment-username {
  word-wrap: break-word;
}

.edit-comment-form textarea {
  width: 100%;
}

.report-form {
  clear: both;
  float: none;
}

#report-form-name {
  margin-top: 10px;
}

.comments-button {
  margin: 28px 0 18px;
  padding: 4px 0;
  font-weight: 400;
}

@media (max-width: 768px) {
  .comments-button {
    text-align: center;
  }
}

.comments-button a {
  min-width: 190px;
  padding: 4px 20px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 1px solid #e3e3eb;
  border-radius: 50px;
  background-color: transparent;
}

#cookieWarning {
  position: fixed;
  z-index: 3000099;
  right: -320px;
  bottom: 0;
  width: 320px;
  -webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.65);
  -moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.65);
  box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.65);
}

#cookieWarning .title {
  color: #ffffff;
  background-color: #164d85;
}

#cookieWarning > div {
  padding: 10px;
}

#cookieWarning p {
  margin-bottom: 10px;
}

#cookieWarning a {
  float: left;
  padding-top: 10px;
}

#cookieWarning button {
  float: right;
  min-width: inherit;
}

@media (max-width: 768px) {
  #cookieWarning {
    width: 100%;
    right: -100%;
    bottom: 50px;
  }
  #cookieWarning > div {
    padding: 5px;
  }
  #cookieWarning p {
    margin: 0;
  }
}

@media (max-width: 480px) {
  #cookieWarning .title,
  #cookieWarning p {
    font-size: 12px;
  }
}

#panelJobSearchSubmit h3 {
  font-size: 18px;
}

#panelJobSearchSubmit > div > div {
  padding: 0 5px;
}

.featured-jobs .page-section {
  font-size: 30px;
}

.end-block-carousel > a,
.featured-jobs > a {
  top: 24px;
}

.alert {
  margin-top: 10px;
  padding: 15px;
  border-bottom: 1px solid transparent;
}

.alert ul {
  margin-left: 30px;
  color: #212d31;
}

.alert li {
  margin-left: 25px;
  list-style: disc;
}

.alert .icon {
  color: inherit;
}

.alert .message {
  padding-left: 10px;
}

.alert.alert-bad {
  color: #ce0a23;
  border-bottom-color: #d42a40;
  background-color: #f7d0d1;
}

.alert.alert-bad .message {
  color: #ce0a23;
}

.alert.alert-good {
  color: #427313;
  border-bottom-color: #8fd64d;
  background-color: #f5fae5;
}

.alert.alert-good .message {
  color: #427313;
}

.deco-strip {
  height: 4px;
  background-color: #e3e3eb;
  margin: 10px 0 15px;
}

.deco-strip:after {
  display: block;
  width: 33.3%;
  max-width: 100%;
  height: 4px;
  content: '';
}

.advert-container {
  margin: 0 0 10px;
}

.advert-container > div {
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .advert-container a {
    display: none;
  }
}

.advert-title {
  padding: 10px;
}

.advert-title a {
  float: right;
}

button {
  cursor: pointer;
}

input[type=submit] {
  -webkit-appearance: none;
}

.button-inverse,
.button.active,
.button:hover {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  color: #371556;
  border: 1px solid #e3e3eb;
  background-color: #ffffff;
}

.button,
.button-inverse:hover {
  color: #ffffff;
  border: 1px solid transparent;
  background-color: #371556;
}

.button-with-icon span {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.button,
.button-inverse {
  min-width: 190px;
  padding: 4px 20px;
}

.button-with-icon span {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.button-with-icon {
  min-width: 28px;
  height: 28px;
  padding: 0;
  font-size: 16px;
}

.button-with-icon.bg-comments {
  height: 45px;
}

.search-button {
  height: 29px;
  margin-top: 3px;
  padding: 0;
  color: #36336c;
  border: none;
  background: none;
}

.button,
a.button,
button {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: none;
  box-shadow: none;
  border-radius: 2em;
  font-weight: 600;
  color: #ffffff;
  padding: 0.4em 2em;
  cursor: pointer;
  background: #371556;
  min-width: 0;
}

.button:focus,
a.button:focus,
button:focus {
  outline: none;
}

.button:hover,
a.button:hover,
button:hover {
  background: #511f7f;
  color: #ffffff;
  border: none;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.button:active,
a.button:active,
button:active {
  background: #1d0b2d;
  box-shadow: none;
}

.button-inverse,
a.button-inverse,
button.button-inverse {
  border: 1px solid transparent;
}

.button.button-inverse,
a.button-inverse,
button.button-inverse {
  border: 1px solid #e3e3eb;
  background-color: #fff;
}

.floating-social-wrapper {
  position: absolute;
  top: 0;
  right: 8px;
  width: 28px;
  height: 100%;
}

@media (max-width: 480px) {
  .floating-social-wrapper {
    right: 15px;
    height: auto;
  }
}

.floating-social > button,
.floating-social > a {
  margin-bottom: 5px;
  display: block;
}

.floating-social.fixed {
  position: fixed;
  top: 10px;
}

.bg-comments {
  background-color: #356fc9;
  font-size: 14px;
}

.bg-comments span {
  display: block;
}

.mobile-social {
  text-align: center;
  display: block;
  padding: 10px 0;
  text-align: left;
  font-weight: 600;
  margin-bottom: 10px;
}

.mobile-social.top-sharing {
  padding-top: 0;
}

@media (max-width: 768px) {
  .mobile-social {
    display: block;
  }
}

.mobile-social > button,
.mobile-social > a {
  display: inline-block;
  margin: 5px;
}

@media (max-width: 768px) {
  .mobile-social > button.mobile-hide,
  .mobile-social > a.mobile-hide {
    display: none;
  }
}

@media (max-width: 768px) {
  .mobile-social > button.mobile-hide.toggled,
  .mobile-social > a.mobile-hide.toggled {
    display: inline-block;
  }
}

.mobile-social .button-with-icon {
  height: 35px;
  min-width: 35px;
  font-size: 18px;
  padding: 0;
}

.mobile-social .read-comments {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 5px;
}

.end-social {
  border-bottom: 4px solid #e3e3eb;
}

.c-fb {
  color: #395283;
}

.c-twitter {
  color: #3ea1cb;
}

.c-whatsapp {
  color: #59b867;
}

.c-email {
  color: #9c9991;
}

.button.bg-fb,
button.bg-fb {
  background-color: #395283;
}

.button.bg-twitter,
button.bg-twitter {
  background-color: #3ea1cb;
}

.button.bg-whatsapp,
button.bg-whatsapp {
  background-color: #25D366;
}

.button.bg-pinterest,
button.bg-pinterest {
  background-color: #d01d15;
}

.button.bg-googleplus,
button.bg-googleplus {
  background-color: #db4437;
}

.button.bg-linkedin,
button.bg-linkedin {
  background-color: #1d87bd;
}

.button.bg-email,
button.bg-email {
  background-color: #9c9991;
}

.button.custom-sharing-toggle,
button.custom-sharing-toggle {
  background-color: #a00;
  display: none;
}

@media (max-width: 768px) {
  .button.custom-sharing-toggle,
  button.custom-sharing-toggle {
    display: inline-block;
  }
}

.button.custom-sharing-toggle.toggle-open,
button.custom-sharing-toggle.toggle-open {
  background-color: #222;
}

.bg-fb {
  background-color: #395283;
}

.bg-twitter {
  background-color: #3ea1cb;
}

.bg-whatsapp {
  background-color: #25D366;
}

.bg-email {
  background-color: #9c9991;
}

.tabs li + li {
  float: right;
}

.tabs li + li a {
  color: #3771c6;
}

.tabs li {
  display: inline-block;
  /*width: 49.5%;*/
  width: auto;
  padding: 10px 0;
}

.tabs li.active a {
  color: #000;
}

.tab-pane {
  padding-bottom: 10px;
}

.tab-content {
  display: none;
}

.tab-content ol {
  margin-bottom: 10px;
}

.tab-content ol li:last-child {
  border: 0;
}

.tab-content ol li span {
  display: table-cell;
  min-width: 34px;
  vertical-align: top;
  color: #2da30a;
  font-size: 26px;
  line-height: 1em;
}

.tab-content ol li a {
  display: table-cell;
  vertical-align: middle;
  color: #3f3f3f;
}

.tab-content ol li .fa-comments {
  font-size: 12px;
  display: inline-block;
  line-height: 18px;
  color: #797979;
}

.tab-content ol li .fa-comments:before {
  padding-right: 2px;
}

.tab-content.active {
  display: block;
}

.most-tab-content > div {
  padding-right: 10px;
}

.most-tabs li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 15px;
  width: auto;
}

.most-tabs li + li {
  float: none;
}

.most-tabs li a {
  display: block;
  padding: 0;
}

.most-tabs li.active a {
  color: #000;
}

.most-tab-content li {
  float: left;
  width: 33.33333%;
  margin-bottom: 10px;
}

@media (max-width: 480px) {
  .most-tab-content li {
    float: none;
    width: 100%;
  }
}

.most-column a,
.most-column a:active,
.most-column a:visited {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  color: #3f3f3f;
}

#mostReadContainer ol,
#mostReadSportContainer ol {
  padding: 0 10px;
}

#mostReadContainer li,
#mostReadSportContainer li {
  padding: 5px 0;
  font-size: 21px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff;
}

#mostReadContainer li:last-child,
#mostReadSportContainer li:last-child {
  border: 0;
}

#mostReadContainer li span,
#mostReadSportContainer li span {
  padding: 2px 10px 0 5px;
}

#mostReadContainer .tab-content li,
#mostReadSportContainer .tab-content li {
  padding: 5px 0;
  font-size: 16px;
}

.see-more-stories {
  margin: 10px 0 0;
}

.see-more-stories button {
  min-width: 100px;
  padding: 4px 10px;
}

.see-more-stories .fa {
  padding: 0 10px 0 0;
}

.see-more-stories button:hover {
  color: #ffffff;
}

.macro-block {
  width: 100%;
  margin: 20px 0;
  padding: 10px;
}

div#map_canvas1,
div#map_canvas2,
div#map_canvas3,
div#map_canvas4,
div#map_canvas5 {
  width: 100% !important;
}

.section-poll {
  width: 100%;
  margin: 0 10px 0 0;
}

.section-poll h3 {
  margin-bottom: 10px;
}

.section-poll .poll-options-container [class*="-progress"],
.section-poll .poll-options-container [class^="o"] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
}

@media (max-width: 768px) {
  .section-poll {
    display: block;
    float: none;
    width: 100%;
    margin: 20px 0;
  }
}

.section-poll .content-wrapper {
  margin-top: 10px;
  padding: 10px 0;
}

ul.poll-options {
  list-style: none;
  margin: 10px 0;
}

ul.poll-options > li > div {
  position: relative;
  height: 34px;
}

ul.poll-options label {
  line-height: 2em;
  width: 100%;
  padding: 0 10px;
  display: block;
}

ul.poll-options input[type="radio"] {
  display: inline-block;
  margin: 3px 10px 3px 3px;
}

.o1-progress {
  background-color: #000000;
}

.o2-progress {
  background-color: #D0021B;
}

.o3-progress {
  background-color: #417505;
}

.o4-progress {
  background-color: #4A90E2;
}

.o5-progress {
  background-color: #F5A623;
}

.o6-progress {
  background-color: #C759DE;
}

.o7-progress {
  background-color: #50E3C2;
}

.o8-progress {
  background-color: #B4CA43;
}

.o9-progress {
  background-color: #6C50E3;
}

.o10-progress {
  background-color: #E350B2;
}

.o1 {
  background-color: #E5E5E5;
}

.o2 {
  background-color: #FAE5E8;
}

.o3 {
  background-color: #ECF1E6;
}

.o4 {
  background-color: #ECF4FC;
}

.o5 {
  background-color: #FDEED3;
}

.o6 {
  background-color: #F4DEF9;
}

.o7 {
  background-color: #DCFAF3;
}

.o8 {
  background-color: #F0F5DA;
}

.o9 {
  background-color: #E2DCFA;
}

.o10 {
  background-color: #FADCF0;
}

.progress {
  overflow: hidden;
  height: 100%;
  margin-bottom: 20px;
  border-radius: 4px;
}

.progress-text {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  padding-top: 4px;
  text-align: center;
  color: #000000;
}

.progress-text span {
  float: right;
  margin-right: 5px;
  padding: 0 6px 1px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.8);
}

.article-body img {
  max-width: 100%;
  height: auto;
}

.related-articles {
  padding: 10px 0 0;
  position: relative;
}

.related-articles .deco-strip {
  margin: 0 0 10px;
}

.related-articles h4 {
  margin: 10px 0;
  font-weight: 600;
}

.related-articles .see-more {
  display: block;
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
}

.article-body blockquote,
.article-body ul.headlines-list {
  margin: 20px 10px;
  border-top: 5px solid #e3e3eb;
  border-bottom: 5px solid #e3e3eb;
}

.article-body blockquote {
  position: relative;
  padding: 10px 0 10px 30px;
}

.article-body blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '"';
  font-size: 60px;
  line-height: 1em;
}

.article-body blockquote p {
  color: #3f3f3f;
}

.article-body blockquote p:last-child {
  margin: 0;
}

ul.headlines-list {
  list-style: disc;
  padding: 10px 10px 10px 30px;
}

iframe.youtube {
  max-width: 100%;
}

@media (max-width: 768px) {
  iframe.youtube {
    max-width: none;
    width: 100%;
  }
}

.admin-header {
  background-color: #575757;
  width: 100%;
  display: block;
}

.admin-header a {
  padding: 5px 10px;
  color: #e3e3eb;
  display: block;
}

.admin-header a:focus, .admin-header a:hover {
  color: #ffffff;
}

.admin-links {
  width: 100%;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #3188E5;
  border-radius: 5px;
  color: #ffffff;
}

.admin-links li {
  display: table-cell;
  vertical-align: middle;
}

.admin-links li.cog-container {
  padding-top: 1px;
  padding-right: 4px;
}

.admin-links li.cog-container > i {
  font-size: 20px;
  margin: 0 5px;
}

.admin-links li a {
  color: #ffffff;
  font-size: 12px;
}

.admin-links li span {
  padding: 0 7px;
}

.admin-links li:last-of-type > span {
  display: none;
}

.admin-links li.right {
  float: right;
  font-size: 18px;
  margin-right: 10px;
}

.admin-links li.right button,
.admin-links li.right button.admin-button {
  background: #371556;
  color: #ffffff !important;
}

.admin-links.visible {
  display: block;
}

.articlePreviewForm li {
  line-height: 18px;
}

.admin-header + .admin-links {
  margin-top: 0;
}

.admin-links li a,
.standard-list article .admin-links a,
button.admin-button {
  display: inline-block;
  border: none;
  font-weight: 500;
}

.admin-links li a:hover,
.standard-list article .admin-links a:hover,
button.admin-button:hover {
  color: #ffffff !important;
}

.admin-links.small li a,
button.admin-button-small {
  padding: 2px 8px;
  font-size: 11px;
}

button.admin-button,
button.admin-button-small {
  border-radius: 5px;
  background-color: #575757;
}

.carousel h5 {
  white-space: normal;
  font-size: 14px;
  height: 50px;
  overflow: hidden;
  color: #000;
}

.carousel ul {
  margin: 0;
}

.carousel .jcarousel-wrapper {
  position: relative;
}

.carousel .jcarousel-control {
  position: absolute;
  top: 0;
  width: 24px;
  height: 100%;
  /* for when non responsive */
  cursor: pointer;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #eae8e5;
}

.carousel .jcarousel-control:hover {
  color: #36336c;
}

.carousel .jcarousel-control:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -3px;
  padding-left: 0;
  font-size: 24px;
}

.carousel .jcarousel-control-next {
  right: 0;
  left: inherit;
}

.carousel .jcarousel-control:hover {
  background-color: #e3e3eb;
}

.carousel .jcarousel-clip {
  overflow: hidden;
  height: 100%;
  margin: 0 30px;
}

.carousel .jcarousel-clip ul {
  margin: 0;
  position: relative;
  white-space: nowrap;
}

.carousel .jcarousel-clip li {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 24%;
  margin-right: 1%;
  vertical-align: top;
}

.carousel .jcarousel-clip li:nth-child(5) {
  margin-left: 1%;
}

@media (max-width: 768px) {
  .carousel .jcarousel-clip li {
    width: 32%;
  }
  .carousel .jcarousel-clip li strong {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .carousel .jcarousel-clip li {
    width: 99%;
  }
}

.carousel .jcarousel-clip .no-logo strong {
  width: auto;
}

.carousel img {
  width: 100%;
  height: auto;
}

.carousel .search-container {
  margin-top: 5px;
  padding: 5px;
}

@media (max-width: 768px) {
  .carousel .search-container {
    display: none;
  }
}

.carousel .search-container form {
  display: table;
  width: 95%;
  margin: 0 auto;
}

.carousel .search-container form > div {
  display: table-row;
}

.carousel .search-container form > div > div {
  display: table-cell;
  vertical-align: middle;
}

.carousel .search-container form h3 {
  margin-bottom: 0;
}

.carousel .search-container form input[type="text"] {
  width: 200px;
  padding: 5px;
}

.carousel.end-block-carousel a > div, .carousel.featured-jobs a > div {
  padding: 5px 10px;
  white-space: normal;
}

.carousel.end-block-carousel img, .carousel.featured-jobs img {
  position: absolute;
  top: 8px;
  right: 8px;
  max-width: 80px;
  border: none !important;
}

.carousel.end-block-carousel strong, .carousel.featured-jobs strong {
  display: block;
  overflow: hidden;
  width: 100%;
  padding-right: 0;
  min-height: 60px;
}

.carousel.end-block-carousel img + strong, .carousel.featured-jobs img + strong {
  padding-right: 80px;
}

.carousel.featured-jobs img.s1-logo {
  position: relative;
  display: inline-block;
  top: inherit;
  right: inherit;
  width: auto;
  padding: 0;
  max-width: 100%;
}

.carousel.featured-jobs.carousel-horizontal img.s1-logo {
  top: 0;
}

.end-block-carousel,
.featured-jobs {
  position: relative;
}

.end-block-carousel h4,
.featured-jobs h4 {
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .end-block-carousel h4,
  .featured-jobs h4 {
    margin: 0;
  }
}

.end-block-carousel h4 i,
.featured-jobs h4 i {
  font-size: 12px;
  vertical-align: middle;
  padding-left: 5px;
}

.end-block-carousel img,
.featured-jobs img {
  padding: 0 0 0 10px;
}

.end-block-carousel li,
.featured-jobs li {
  height: 130px;
  background: #E0EDF5;
}

.end-block-carousel li a,
.featured-jobs li a {
  color: #000;
}

.end-block-carousel li strong,
.featured-jobs li strong {
  font-weight: 600;
}

@media (max-width: 992px) {
  .end-block-carousel li img,
  .featured-jobs li img {
    width: 75px;
  }
}

@media (max-width: 768px) {
  .end-block-carousel li img,
  .featured-jobs li img {
    display: none;
  }
}

.end-block-carousel > a,
.featured-jobs > a {
  position: absolute;
  right: 0;
  top: 18px;
}

@media (max-width: 480px) {
  .end-block-carousel > a,
  .featured-jobs > a {
    display: none;
  }
}

.end-block-carousel .jobTopOppSalary,
.end-block-carousel .location,
.featured-jobs .jobTopOppSalary,
.featured-jobs .location {
  display: block;
}

.related-articles.carousel > a {
  font-weight: normal;
  color: #797979;
  display: block;
  display: block;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.related-articles.carousel h3 {
  margin-bottom: 10px;
  position: absolute;
}

@media (max-width: 767px) {
  .related-articles.carousel h3 {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
  }
}

.related-articles.carousel .jcarousel-control {
  position: absolute;
  top: -40px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  border-radius: 28px;
  background-color: transparent;
}

.related-articles.carousel .jcarousel-control-prev {
  right: 40px;
}

.related-articles.carousel .jcarousel-clip {
  margin: 0;
}

.related-articles.carousel .jcarousel-wrapper {
  margin: 48px 0 20px;
}

.related-articles.carousel a {
  text-decoration: none;
}

.related-articles.carousel img {
  margin-bottom: 10px;
}

.related-articles.carousel h5 {
  font-size: 16px;
  font-weight: 600;
  height: 70px;
}

#c2f h2 {
  margin: 0 0 5px;
  padding: 0 0 5px;
}

#c2f h2::after {
  padding-left: 8px;
  content: '\f105';
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  font-family: "FontAwesome";
  font-size: 85%;
}

#c2f h2:hover::after {
  color: #36336c;
}

.carousel.end-block-carousel .biz-title strong {
  width: 100px;
}

@media (max-width: 768px) {
  .carousel.end-block-carousel .biz-title strong {
    width: 90px;
  }
}

.carousel.end-block-carousel .bizColMore {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

/**  VERTICAL **/
#recruit .carousel-vertical .jcarousel {
  position: relative;
  overflow: hidden;
  height: 353px;
}

.carousel-vertical .jcarousel-wrapper {
  padding: 20px 0;
}

.carousel-vertical h2 a:last-child {
  display: block;
  float: none;
}

.carousel-vertical .search-container {
  margin-top: 0;
}

.carousel-vertical .search-container form {
  width: inherit;
}

.carousel-vertical .search-container form > div {
  margin-top: -5px;
}

.carousel-vertical .search-container form > div,
.carousel-vertical .search-container form > div > div {
  display: inherit;
  padding: 5px 0;
}

.carousel-vertical .search-container form > div > div {
  float: left;
  width: 50%;
}

.carousel-vertical .search-container form > div > div:first-child,
.carousel-vertical .search-container form > div > div:last-child {
  float: none;
  width: 100%;
}

.carousel-vertical .search-container input[type="text"] {
  width: 120px;
  padding: 5px;
}

.carousel-vertical .search-container button {
  width: 95%;
}

.carousel-vertical .jcarousel {
  position: relative;
  overflow: hidden;
  height: 345px;
  margin: 0;
}

.carousel-vertical .jcarousel-clip {
  margin: 0;
}

.carousel-vertical .jcarousel-clip ul {
  position: relative;
  height: 20000em;
  white-space: normal;
}

.carousel-vertical .jcarousel-clip li {
  float: left;
  width: 100%;
  border-bottom: 5px solid #ffffff;
}

.carousel-vertical .jcarousel-clip li strong {
  width: 180px;
  height: 48px;
  line-height: 16px;
}

.carousel-vertical .jcarousel-control {
  width: 100%;
  height: 12px;
}

.carousel-vertical .jcarousel-control-prev {
  top: 0;
}

.carousel-vertical .jcarousel-control-next {
  top: 378px;
  right: inherit;
}

.carousel-vertical .carousel-mobile .jcarousel-control:before {
  margin-top: -14px;
}

.featured-jobs.carousel-vertical > a {
  position: static;
  top: auto;
  right: auto;
  display: block;
  margin-bottom: 10px;
}

.featured-jobs.carousel-vertical .jcarousel-control {
  padding: 10px 0;
}

.featured-jobs.carousel-vertical .jcarousel-clip {
  margin-top: 10px;
  margin-bottom: 10px;
}

.featured-jobs.carousel-vertical .search-container input[type="text"] {
  width: 280px;
  margin-top: 10px;
}

.featured-jobs.carousel-vertical .search-container button {
  margin-top: 10px;
}

/* Click to find */
.carousel-vertical #c2f .jcarousel {
  height: 332px;
}

.carousel-vertical #c2f .jcarousel-clip li {
  height: 77px;
}

.carousel-vertical #c2f .jcarousel-clip li .biz-title {
  overflow: hidden;
  width: 228px;
  padding: 5px 10px;
}

.carousel-vertical #c2f .jcarousel-clip li .bizColMore a {
  position: relative;
  bottom: 5px;
  padding: 5px 10px;
}

.carousel-vertical #c2f .jcarousel-control-next {
  top: 349px;
}

.carousel-vertical #c2f .search-container {
  margin-top: 16px;
}

#c2f img {
  border: none;
}

#c2f li .logo img {
  position: absolute;
  top: 8px;
  right: 8px;
  max-width: 100px;
  height: 65px;
}

#c2f li .biz-title {
  width: 110px;
  height: 50px;
  padding: 5px 10px;
  white-space: normal;
}

#c2f li .biz-title a {
  float: none;
}

.grid_12 #c2f li .biz-title a > strong {
  width: 100px;
  height: 65px;
  line-height: 16px;
}

.grid_12 #c2f li .bizColMore {
  position: relative;
  bottom: -28px;
  padding: 5px 10px;
}

.grid_12 #c2f li .nonstory-links a {
  padding-left: 0;
}

.grid_12 #c2f .jcarousel > ul > li {
  margin-right: 7px;
}

#c2f .carousel.carousel-horizontal .jcarousel-control-next,
#c2f .carousel.carousel-horizontal .jcarousel-control-prev {
  height: 80px;
}

.carousel.featured-jobs {
  margin-bottom: 30px;
}

.carousel.featured-jobs .end-block-carousel.full-content .deco-strip {
  display: none;
}

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__wrap .fotorama__wrap--css3 .fotorama__wrap--slide .fotorama__wrap--toggle-arrows .fotorama__wrap--no-controls {
  width: 100% !important;
  float: none;
}

.fotorama--fullscreen .fotorama__img {
  max-width: 100% !important;
  height: auto !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto;
  top: 0 !important;
}

.fotorama__img.fotorama__img--full {
  margin-top: 67px;
}

.fotorama--fullscreen {
  width: 0% !important;
  left: 0 !important;
  position: relative !important;
}

.fotorama__wrap .fotorama__wrap--css3 .fotorama__wrap--slide .fotorama__wrap--toggle-arrows .fotorama__wrap--no-controls {
  width: 75% !important;
  float: left;
}

.fotorama--fullscreen .fotorama__stage__shaft.moregalleries {
  width: 100% !important;
}

.fullscreen {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: rgba(0, 0, 0, 0.5);
}

.fotorama--fullscreen {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  float: none !important;
  z-index: 3000049;
  background: rgba(0, 0, 0, 0.5);
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
  background: rgba(0, 0, 0, 0.9);
}

/* last of sandeep edit */
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.fotorama--fullscreen,
.fotorama__img {
  max-width: 99999px !important;
  max-height: 99999px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.fotorama__wrap .fotorama__grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.fotorama__grabbing * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.fotorama__spinner {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
}

.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
  outline: 0;
}

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
  content: '';
  border-radius: inherit;
  background-color: rgba(0, 175, 234, 0.5);
}

.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
  -webkit-transform: none !important;
  transform: none !important;
}

.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
  transition-property: -webkit-transform, width;
  transition-property: transform, width;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-duration: 0;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fotorama__select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.fotorama__nav,
.fotorama__nav__frame {
  margin: auto;
  padding: 0;
}

.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

.fotorama__nav__frame,
.fotorama__thumb-border {
  box-sizing: content-box;
}

.fotorama__caption__wrap {
  box-sizing: border-box;
}

.fotorama--hidden,
.fotorama__load {
  position: absolute;
  left: -99999px;
  top: -99999px;
  z-index: 99;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
  -webkit-tap-highlight-color: transparent;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  background: url("fotorama.png") no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__video-close,
  .fotorama__video-play {
    background: url("fotorama@2x.png") 0 0/96px 160px no-repeat;
  }
}

.fotorama__thumb {
  background-color: #7f7f7f;
  background-color: rgba(127, 127, 127, 0.2);
}

@media print {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__thumb-border,
  .fotorama__video-close,
  .fotorama__video-play {
    background: none !important;
  }
}

.fotorama {
  min-width: 1px;
  overflow: hidden;
}

.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
  display: none;
}

.fotorama__wrap {
  -webkit-text-size-adjust: 100%;
  position: relative;
  direction: ltr;
  z-index: 1000;
}

.fotorama__wrap--rtl .fotorama__stage__frame {
  direction: rtl;
}

.fotorama__nav,
.fotorama__stage {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}

.fotorama__wrap--pan-y {
  -ms-touch-action: pan-y;
}

.fotorama__wrap .fotorama__pointer {
  cursor: pointer;
}

.fotorama__wrap--slide .fotorama__stage__frame {
  opacity: 1 !important;
}

.fotorama__stage__frame {
  overflow: hidden;
}

.fotorama__stage__frame.fotorama__active {
  z-index: 1008;
}

.fotorama__wrap--fade .fotorama__stage__frame {
  display: none;
}

.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
  display: block;
  left: 0;
  top: 0;
}

.fotorama__wrap--fade .fotorama__fade-front {
  z-index: 1008;
}

.fotorama__wrap--fade .fotorama__fade-rear {
  z-index: 1007;
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
  z-index: 1009;
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
  display: none;
}

.fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border: none !important;
}

.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
  display: none;
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
  display: block;
}

.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
  max-width: 99999px !important;
}

.fotorama__wrap--only-active .fotorama__stage__frame {
  visibility: hidden;
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
  visibility: visible;
}

.fotorama__nav {
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: none;
  white-space: nowrap;
  z-index: 1005;
}

.fotorama__nav__shaft {
  position: relative;
  left: 0;
  top: 0;
  text-align: left;
}

.fotorama__nav__frame {
  position: relative;
  cursor: pointer;
}

.fotorama__nav--dots {
  display: block;
}

.fotorama__nav--dots .fotorama__nav__frame {
  width: 18px;
  height: 30px;
}

.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
  display: none;
}

.fotorama__nav--thumbs {
  display: block;
}

.fotorama__nav--thumbs .fotorama__nav__frame {
  padding-left: 0 !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
  padding-right: 0 !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
  display: none;
}

.fotorama__dot {
  display: block;
  width: 4px;
  height: 4px;
  position: relative;
  top: 12px;
  left: 6px;
  border-radius: 6px;
  border: 1px solid #7f7f7f;
}

.fotorama__nav__frame:focus .fotorama__dot:after {
  padding: 1px;
  top: -1px;
  left: -1px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
  width: 0;
  height: 0;
  border-width: 3px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
  padding: 3px;
  top: -3px;
  left: -3px;
}

.fotorama__thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.fotorama__nav__frame:focus .fotorama__thumb {
  z-index: 1002;
}

.fotorama__thumb-border {
  position: absolute;
  z-index: 1009;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #00afea;
  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
}

.fotorama__caption {
  position: absolute;
  z-index: 10012;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

.fotorama__caption a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.5);
}

.fotorama__caption a:hover {
  color: #333;
  border-color: rgba(51, 51, 51, 0.5);
}

.fotorama__wrap--rtl .fotorama__caption {
  left: auto;
  right: 0;
}

.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
  display: none;
}

.fotorama__caption__wrap {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px 10px;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.fotorama__wrap--css3 .fotorama__spinner {
  -webkit-animation: spinner 24s infinite linear;
  animation: spinner 24s infinite linear;
}

.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
  transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 0.3s;
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.fotorama__select {
  cursor: auto;
}

.fotorama__video {
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 10010;
}

@-moz-document url-prefix() {
  .fotorama__active {
    box-shadow: 0 0 0 transparent;
  }
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  position: absolute;
  z-index: 10011;
  cursor: pointer;
}

.fotorama__arr {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
}

.fotorama__arr--prev {
  left: 2px;
  background-position: 0 0;
}

.fotorama__arr--next {
  right: 2px;
  background-position: -32px 0;
}

.fotorama__arr--disabled {
  pointer-events: none;
  cursor: default;
  *display: none;
  opacity: 0.1;
}

.fotorama__fullscreen-icon {
  width: 32px;
  height: 32px;
  top: 2px;
  right: 2px;
  background-position: 0 -32px;
  z-index: 10020;
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
  border-radius: 50%;
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
  background-position: -32px -32px;
}

.fotorama__video-play {
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
  background-position: 0 -64px;
  opacity: 0;
}

.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
  display: none;
}

.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
  opacity: 1;
  display: block;
}

.fotorama__nav__frame .fotorama__video-play {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background-position: -64px -32px;
}

.fotorama__video-close {
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  background-position: -64px 0;
  z-index: 10020;
  opacity: 0;
}

.fotorama__wrap--css2 .fotorama__video-close {
  display: none;
}

.fotorama__wrap--css3 .fotorama__video-close {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}

.fotorama__wrap--video .fotorama__video-close {
  display: block;
  opacity: 1;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  opacity: 0;
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  opacity: 1;
}

.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
  opacity: 0 !important;
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  display: none;
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  display: block;
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
  display: none !important;
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
  -webkit-transform: translate3d(-48px, 0, 0);
  transform: translate3d(-48px, 0, 0);
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
  -webkit-transform: translate3d(48px, 0, 0);
  transform: translate3d(48px, 0, 0);
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
  -webkit-transform: translate3d(32px, -32px, 0) !important;
  transform: translate3d(32px, -32px, 0) !important;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
  -webkit-transform: translate3d(-48px, 0, 0) !important;
  transform: translate3d(-48px, 0, 0) !important;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
  -webkit-transform: translate3d(48px, 0, 0) !important;
  transform: translate3d(48px, 0, 0) !important;
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  transition-duration: 0.3s;
}

.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
  content: "";
  display: block;
  position: absolute;
  text-decoration: none;
  top: 0;
  bottom: 0;
  width: 10px;
  height: auto;
  z-index: 10010;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 1px 100%, 5px 100%;
}

.fotorama__nav:before,
.fotorama__stage:before {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 0 0, 0 0;
  left: -10px;
}

.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
  left: 0;
}

.fotorama__nav:after,
.fotorama__stage:after {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 100% 0, 100% 0;
  right: -10px;
}

.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
  right: 0;
}

.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
  display: none;
}

/*custom styling*/
.fotorama-wrapper {
  position: relative;
  width: 100%;
}

.fotorama__html {
  padding-top: 40px;
  text-align: center;
}

.fotorama-overlay {
  position: absolute;
  display: none;
  z-index: 2999989;
  color: #ffffff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  bottom: 0;
  right: 0;
  left: 0;
  top: 40%;
}

.fotorama-overlay .fr-gallery-view-button {
  display: inline-block;
}

.fotorama-overlay .fa {
  font-size: 11pt;
}

#gallery_interstitial_skip,
.fotorama-overlay > span {
  width: auto;
  /* Default below - should get overwritten in scheme.scss */
  background-color: #A01016;
  padding: 10px 20px;
  font-size: 14pt;
}

#gallery_interstitial_skip {
  display: inline-block;
  margin-top: 20px;
  color: #ffffff;
}

#fotoramaTrigger {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 3000009;
}

.fotorama__arr,
.fotorama__fullscreen-icon {
  opacity: 0;
}

.fotorama-mpu,
.fotorama__caption {
  display: none;
}

.fotorama-caption-container {
  width: 100%;
  z-index: 100204;
  color: #ffffff;
  background-color: #000000;
  position: absolute !important;
  z-index: 100202;
  box-sizing: border-box;
  padding: 20px;
  bottom: 40px;
  left: 0;
  display: none;
}

.fotorama-caption-container h2 {
  font-size: 25px;
  font-weight: 600px;
  text-align: left;
}

.fotorama-caption-container p {
  text-align: left;
}

.bg-black {
  background-color: #000000;
}

.fotorama-socialbar {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px auto auto;
  text-align: center;
  display: none;
  z-index: 3000059;
}

.fotorama-button:hover {
  background-color: white;
  border: 1px solid #e3e3eb;
  color: #371556;
  cursor: pointer;
  transition: all 0.3s linear 0s;
}

.fotorama-button {
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  width: 35px;
  transition: all 0.3s linear 0s;
  text-align: center;
  padding: 1px;
}

.fotorama-button {
  border: 1px solid transparent;
  color: white;
}

.fotorama-button i {
  margin-left: 6px;
}

.fotorama-button {
  font-size: 18px;
  height: 35px;
  min-width: 35px;
}

.fotorama-button {
  display: inline-block;
  margin: 5px;
}

.fotorama-socialbar-wrapper {
  display: block;
  font-weight: 600;
  text-align: center;
}

.fotorama-socialbar-wrapper > a {
  display: inline-block;
}

.fotorama-feature {
  display: none;
}

.fotorama-close-btn {
  display: inline-block;
  position: fixed;
  top: 10px;
  right: 20px;
  width: 35px;
  color: white;
  font-size: 14pt;
  cursor: pointer;
  background-color: #000000;
  z-index: 3000059;
}

.fotorama-close-btn i {
  padding-top: 6px;
  margin-left: 5px;
}

.fotorama-caption-btn {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  color: white;
  font-size: 12pt;
  cursor: pointer;
  background-color: #000000;
  z-index: 100202;
  padding: 0 10px;
}

.fotorama-caption-btn i {
  padding-top: 7px;
  color: #000000;
  background-color: #ffffff;
  border-radius: 25px !important;
  color: #000000;
  height: 25px !important;
  min-width: 25px !important;
  padding-top: 2px;
  width: 25px;
}

.fotorama-counter {
  position: fixed;
  color: white;
  z-index: 100201;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
}

.fotorama-counter h3 {
  background: rgba(0, 0, 0, 0.8);
  width: auto;
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
}

.fotorama-more {
  margin-top: 100px;
  text-align: center;
  display: none;
  position: absolute;
  left: 50px;
  right: 50px;
  z-index: 100201;
  top: 0;
}

.fotorama-more h1 {
  font-size: 35px;
  font-weight: 600;
  width: 100%;
  margin-left: auto;
  color: #ffffff;
}

.fotorama-gallery-thumb a {
  color: #ffffff;
  text-decoration: none;
}

.fotorama-gallery-thumb h4 {
  margin-top: 15px;
}

.fotorama-gallery-thumb img {
  max-width: 100%;
}

.fotorama-gallery-thumb {
  width: 40%;
  display: inline-block;
  margin: 10px;
  vertical-align: top;
}

.fotorama-gallery-thumb:nth-of-type(3) {
  display: none;
}

.fotorama-gallery-thumb:nth-of-type(4) {
  display: none;
}

/* Mobile and desktop specific styles. */
div.fotorama-mobile .fotorama-caption-btn,
div.fotorama-mobile .fotorama-socialbar {
  display: block;
}

div.fotorama-mobile .fotorama__arr {
  opacity: 1;
}

div.fotorama-desktop .fotorama-caption-btn,
div.fotorama-desktop .fotorama-share-btn {
  display: none;
}

div.fotorama-desktop .fotorama-caption-container,
div.fotorama-desktop .fotorama-mpu,
div.fotorama-desktop .fotorama-socialbar,
div.fotorama-desktop .fotorama__nav-wrap {
  display: block;
}

div.fotorama-desktop .fotorama__arr {
  opacity: 1;
}

/* Caption Specific Styles */
div.fotorama-caption-open .fotorama-counter, div.fotorama-caption-open .fotorama-caption-container,
div.fotorama-caption-open .fotorama-caption-btn,
div.fotorama-caption-open .fotorama-mpu,
div.fotorama-caption-open .fotorama-socialbar,
div.fotorama-caption-open .hide-on-content-slide {
  display: none !important;
}

@media only screen and (min-width: 600px) {
  .fotorama-gallery-thumb {
    width: 20%;
    margin: 10px;
  }
  .fotorama-gallery-thumb:nth-of-type(3) {
    display: inline-block;
  }
  .fotorama-gallery-thumb:nth-of-type(4) {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .fotorama-caption-container {
    display: none;
    z-index: 100204;
    color: #ffffff;
    background-color: transparent;
    position: absolute !important;
    z-index: 3000059;
    width: 30%;
    margin-left: 63%;
    top: 300px;
    right: 50px;
    left: auto;
    box-sizing: border-box;
    padding: 20px;
    bottom: auto;
    margin-top: 30px;
  }
  .fotorama-caption-btn {
    display: none !important;
  }
  .fotorama-share-btn {
    display: none !important;
  }
  /*.fotorama-close-btn {
    display: none;
  }*/
  .fotorama-close-btn i {
    padding-top: 13px;
  }
  .fotorama-socialbar {
    margin-top: 0;
    margin-bottom: 20px;
    top: 0;
    left: 50px;
  }
  .fotorama-more h1 {
    width: 100%;
  }
  .gallery_socialbar {
    width: 37%;
  }
  .fotorama-socialbar-wrapper {
    text-align: left;
  }
  .fotorama-button {
    width: 50px;
    height: 50px;
    font-size: 16pt;
  }
  .fotorama-mpu {
    margin-bottom: 20px;
    margin-top: 0;
    right: 50px;
    top: 80px;
    width: 30%;
    z-index: 3000059;
    position: absolute;
  }
  .fotorama__wrap .fotorama__wrap--css3 .fotorama__wrap--slide .fotorama__wrap--toggle-arrows .fotorama__wrap--no-controls {
    width: 25% !important;
    float: left;
  }
  .fotorama--fullscreen .fotorama__stage__shaft {
    width: 64% !important;
  }
  .fotorama__img.fotorama__img--full {
    padding-left: 50px !important;
  }
  .fotorama-overlay {
    position: absolute;
    top: 40%;
    display: none;
    z-index: 100199;
    left: 0;
    right: 0;
    color: #ffffff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .fotorama-overlay .fr-gallery-view-button {
    display: inline-block;
  }
  .fotorama-overlay .fa {
    font-size: 25pt;
  }
  .fotorama-overlay > span {
    font-size: 25pt;
  }
}

#DFP_gallery_interstitial {
  margin-top: 20px;
}

/*end of styling*/
.liveBar,
.liveConversion,
.liveDrinks,
.liveDropGoal,
.liveEnd,
.liveFifty,
.liveFour,
.liveFull,
.liveGoal,
.liveHalf,
.liveHockeyGoal,
.liveHundred,
.liveLunch,
.liveNotOut,
.liveOut,
.livePenalty,
.livePost,
.liveRedCard,
.liveRugbyPenalty,
.liveSix,
.liveSpeedway,
.liveStart,
.liveSubstitution,
.liveTea,
.liveTea,
.liveTry,
.liveYellowCard {
  background: url("/resources/responsive-static/images/sports_events.png") no-repeat scroll 100% -70px transparent;
  content: " ";
  float: left;
  height: 60px;
  position: relative;
  width: 60px;
  margin-right: 10px;
  text-align: center;
}

#eventList .liveBar,
#eventList .liveConversion,
#eventList .liveDrinks,
#eventList .liveDropGoal,
#eventList .liveEnd,
#eventList .liveFull,
#eventList .liveGoal,
#eventList .liveHalf,
#eventList .liveHockeyGoal,
#eventList .liveLunch,
#eventList .livePenalty,
#eventList .livePost,
#eventList .liveRugbyPenalty,
#eventList .liveSpeedway,
#eventList .liveStart,
#eventList .liveSubstitution,
#eventList .liveTea,
#eventList .liveTry,
.liveBar,
.liveConversion,
.liveDrinks,
.liveDropGoal,
.liveEnd,
.liveFull,
.liveGoal,
.liveHalf,
.liveHockeyGoal,
.liveLunch,
.livePenalty,
.livePost,
.liveRugbyPenalty,
.liveSpeedway,
.liveStart,
.liveSubstitution,
.liveTea,
.liveTry {
  text-shadow: 0 0 3px black;
  color: #ffffff;
}

.liveGoal,
.liveHockeyGoal {
  content: "Goal";
}

.liveHockeyGoal {
  background-position: 100% -1107px;
}

.livePenalty {
  content: "Penalty";
}

/*
.liveGoal .liveTime,
.liveSpeedway .liveTime,
.liveTry .liveTime,
.liveConversion .liveTime,
.liveDropGoal .liveTime,
.liveHockeyGoal .liveTime {
   background-color: #99cc00;
   border-bottom: 1px solid #83af00;
   text-shadow: -1px -1px 0 #83AF00;
   color: #FFF;
}
.livePenalty .liveTime,
.liveRugbyPenalty .liveTime {
   background-color: #cc0000;
   border-bottom: 1px solid #cc3333;
   text-shadow: -1px -1px 0 #cc3333;
   color: #FFF;
}
.liveStart .liveTime,
.liveHalf .liveTime,
.liveFull .liveTime {
   background-color: #DCDCDC;
   border-bottom: 1px solid #BBB;
   text-shadow: 1px 1px 0 #EEE;
}
*/
.liveRedCard {
  background-position: 100% -140px;
}

.liveYellowCard {
  background-position: 100% -210px;
}

.livePost {
  content: "Post";
  background-position: 100% -905px;
}

.liveBar {
  content: "Bar";
  background-position: 100% -975px;
}

.liveSubstitution {
  content: "Substitution";
  background-position: 100% -1040px;
}

.liveStart {
  background-position: 100% 0;
  content: "Kick-off";
}

.liveHalf {
  background-position: 100% 0;
  content: "Half-time";
}

.liveFull {
  background-position: 100% 0;
  content: "Full-time";
}

.liveSix {
  background-position: 100% -280px;
}

.liveFour {
  background-position: 100% -350px;
}

.liveFifty {
  background-position: 100% -560px;
}

.liveHundred {
  background-position: 100% -630px;
}

.liveOut {
  background-position: 100% -420px;
}

.liveNotOut {
  background-position: 100% -490px;
}

.liveTea {
  background-position: 100% -700px;
  content: "Tea";
}

.liveLunch {
  background-position: 100% -700px;
  content: "Lunch";
}

.liveDrinks {
  background-position: 100% -700px;
  content: "Drinks";
}

.liveEnd {
  background-position: 100% -700px;
  content: "Close of play";
}

.liveTry {
  background-position: 100% -760px;
  content: "Try";
}

.liveConversion {
  background-position: 100% -760px;
  content: "Conversion";
}

.liveDropGoal {
  background-position: 100% -760px;
  content: "Drop goal";
}

.liveRugbyPenalty {
  background-position: 100% -760px;
  content: "Penalty";
}

.liveSpeedway {
  background-position: 100% -835px;
}

.liveDailyWeatherBad {
  content: "\f0c2";
}

.liveDailyWeatherGood {
  content: "\f185";
}

.liveDailyCinema {
  content: "\f008";
}

.liveDailyTravel {
  content: "\f018";
}

.liveDailyEvent {
  content: "\f145";
}

.liveDailyComment {
  content: "\f10d";
}

.liveDailyTwitter {
  content: "\f099";
}

.liveDailySport {
  content: "\f091";
}

.liveDailyPicture {
  content: "\f030";
}

.liveDailyTelephone {
  content: "\f095";
}

.liveDailyEmail {
  content: "\f0e0";
}

.fixed {
  position: fixed !important;
  top: 10px !important;
}

.pinned {
  position: absolute !important;
  bottom: 10px !important;
}

.datepicker {
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  padding: 4px;
  position: absolute;
  background: #fff;
  border: 1px solid grey;
}

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}

.datepicker > div {
  display: none;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.new, .datepicker table tr td.old {
  color: #777777;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.disabled {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td.highlighted {
  color: #000000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}

.datepicker table tr td.highlighted.focus, .datepicker table tr td.highlighted:focus {
  color: #000000;
  background-color: #afd9ee;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted:hover {
  color: #000000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted.active.focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted:active:hover {
  color: #000000;
  background-color: #91cbe8;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

fieldset[disabled] .datepicker table tr td.highlighted:hover {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

fieldset[disabled] .datepicker table tr td.highlighted:focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled {
  background: #d9edf7;
  color: #777777;
}

.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}

.datepicker table tr td.today {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today.focus, .datepicker table tr td.today:focus {
  color: #000000;
  background-color: #ffc966;
  border-color: #b37400;
}

.datepicker table tr td.today.active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover {
  color: #000000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today.active.focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover {
  color: #000000;
  background-color: #ffbc42;
  border-color: #b37400;
}

.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover {
  background-color: #ffdb99;
  border-color: #ffb733;
}

fieldset[disabled] .datepicker table tr td.today:hover {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}

fieldset[disabled] .datepicker table tr td.today:focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}

fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today.focused {
  background: #ffc966;
}

.datepicker table tr td.today.disabled {
  background: #ffdb99;
  color: #777777;
}

.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}

.datepicker table tr td.range {
  color: #000000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}

.datepicker table tr td.range.focus, .datepicker table tr td.range:focus {
  color: #000000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}

.datepicker table tr td.range.active, .datepicker table tr td.range:active, .datepicker table tr td.range:hover {
  color: #000000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range.active.focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active.focus, .datepicker table tr td.range:active:focus, .datepicker table tr td.range:active:hover {
  color: #000000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}

.datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

fieldset[disabled] .datepicker table tr td.range:hover {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

.datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

fieldset[disabled] .datepicker table tr td.range:focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

.datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

.datepicker table tr td.range.focused {
  background: #d5d5d5;
}

.datepicker table tr td.range.disabled {
  background: #eeeeee;
  color: #777777;
}

.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}

.datepicker table tr td.range.highlighted {
  color: #000000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focus, .datepicker table tr td.range.highlighted:focus {
  color: #000000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted:hover {
  color: #000000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted.active.focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted:active:hover {
  color: #000000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

fieldset[disabled] .datepicker table tr td.range.highlighted:focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}

.datepicker table tr td.range.highlighted.disabled {
  background: #e4eef3;
  color: #777777;
}

.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}

.datepicker table tr td.range.today {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:focus {
  color: #000000;
  background-color: #f4b747;
  border-color: #815608;
}

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover {
  color: #000000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today.active.focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:active:hover {
  color: #000000;
  background-color: #f2aa25;
  border-color: #815608;
}

.datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover {
  background-color: #f7ca77;
  border-color: #f1a417;
}

fieldset[disabled] .datepicker table tr td.range.today:hover {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}

fieldset[disabled] .datepicker table tr td.range.today:focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}

fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled {
  background: #f7ca77;
  color: #777777;
}

.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}

.datepicker table tr td.selected {
  color: #ffffff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected.highlighted {
  color: #ffffff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:focus {
  color: #ffffff;
  background-color: #5e5e5e;
  border-color: #161616;
}

.datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover {
  color: #ffffff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active:hover {
  color: #ffffff;
  background-color: #4c4c4c;
  border-color: #161616;
}

.datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, .datepicker table tr td.selected[disabled]:hover {
  background-color: #777777;
  border-color: #555555;
}

fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, fieldset[disabled] .datepicker table tr td.selected:hover {
  background-color: #777777;
  border-color: #555555;
}

.datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, .datepicker table tr td.selected[disabled]:focus {
  background-color: #777777;
  border-color: #555555;
}

fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, fieldset[disabled] .datepicker table tr td.selected:focus {
  background-color: #777777;
  border-color: #555555;
}

.datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected.highlighted[disabled].focus, .datepicker table tr td.selected[disabled].focus {
  background-color: #777777;
  border-color: #555555;
}

fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}

.datepicker table tr td.active {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active.highlighted {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active.highlighted[disabled]:hover, .datepicker table tr td.active[disabled]:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

fieldset[disabled] .datepicker table tr td.active.highlighted:hover, fieldset[disabled] .datepicker table tr td.active:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active.highlighted[disabled]:focus, .datepicker table tr td.active[disabled]:focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

fieldset[disabled] .datepicker table tr td.active.highlighted:focus, fieldset[disabled] .datepicker table tr td.active:focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active.highlighted[disabled].focus, .datepicker table tr td.active[disabled].focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
  background: #eeeeee;
}

.datepicker table tr td span.disabled {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td span.active {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.disabled {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:active {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled.active.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active[disabled]:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active[disabled]:focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active[disabled].focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.active.disabled:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.new, .datepicker table tr td span.old {
  color: #777777;
}

.datepicker .datepicker-switch {
  width: 145px;
  cursor: pointer;
}

.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

#bbpvos {
  background-color: #0a70ae;
  bottom: 0;
  color: #ffffff;
  left: 0;
  min-height: 200px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 3000089;
}

#bbpvos a {
  color: #f8e71c;
  text-decoration: underline;
}

#bbpvos div {
  margin-left: 280px;
  right: 0;
}

#bbpvos div.full-width {
  left: 0;
  margin-left: 0;
}

@media (max-width: 480px) {
  #bbpvos div {
    left: 0;
    margin-left: 0;
  }
}

#bbpvos img {
  float: left;
  height: 200px;
  vertical-align: middle;
  width: 280px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
}

@media (max-width: 480px) {
  #bbpvos img {
    display: none;
  }
}

#bbpvos p {
  text-align: center;
}

#bbpvos #line1 {
  font-size: 28px;
  font-weight: 800;
  line-height: 33px;
  padding: 30px 30px 20px;
}

@media (max-width: 480px) {
  #bbpvos #line1 {
    font-size: 26px;
    padding: 20px 20px 15px;
  }
}

#bbpvos #line2 {
  font-size: 20px;
  font-weight: 600;
  padding: 0 30px 30px;
}

@media (max-width: 480px) {
  #bbpvos #line2 {
    font-size: 18px;
    padding: 0 20px 20px;
  }
}

#bbpvos #line3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 19px;
  padding: 0 30px 30px;
}

@media (max-width: 480px) {
  #bbpvos #line3 {
    font-size: 13px;
    line-height: 16px;
    padding: 0 20px 20px;
  }
}

#adblockThankyou {
  background-color: #0a70ae;
  bottom: 0;
  color: #ffffff;
  position: fixed;
  right: 0;
  width: 200px;
  display: none;
  z-index: 3000089;
}

#adblockThankyou a {
  color: #f8e71c;
  text-decoration: underline;
}

#adblockThankyou div {
  margin-left: 280px;
  right: 0;
}

@media (max-width: 480px) {
  #adblockThankyou div {
    left: 0;
    margin-left: 0;
  }
}

#adblockThankyou p {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 19px;
  padding: 10px;
}

.dfp-ad {
  text-align: center;
}

.advert-leaderboard {
  margin: 0 auto;
}

aside #DFP_standard_mpu_1 {
  margin-top: 10px;
}

#sectionHomepageNews aside aside #DFP_standard_mpu_1 {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 992px) {
  aside #DFP_standard_mpu_1 {
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  aside #DFP_standard_mpu_1 {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  #DFP_high_vis {
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  #DFP_high_vis {
    margin-bottom: 45px;
  }
}

@media (max-width: 768px) {
  #DFP_high_vis {
    text-align: center;
  }
}

@media (max-width: 600px) {
  #DFP_premium_mpu {
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  #DFP_premium_mpu {
    margin-bottom: 45px;
  }
}

#DFP_standard_mpu_2 {
  text-align: right;
}

#sectionHomepageNews aside #DFP_standard_mpu_2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 600px) {
  #DFP_standard_mpu_2 {
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  #DFP_standard_mpu_2 {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
  }
}

#DFP_leaderboard_1 {
  margin-bottom: 20px;
}

.mini-banners {
  margin-bottom: 30px;
}

/* Alternative story block following Patricias design */
.content aside {
  padding-right: 0;
}

.content aside #DFP_standard_mpu_1 {
  margin: 0 0 20px;
  text-align: right;
}

.content aside article a {
  display: block;
}

.content aside article a img {
  height: auto;
  margin-bottom: 10px;
  clear: both;
}

.ad-centered {
  text-align: center;
}

.dfp-ad {
  margin-top: 20px;
}

@media (max-width: 320px) {
  .bottom-leaderboard,
  .dfp-ad {
    margin-left: -10px;
  }
  #DFP_mini_banner_1 {
    margin-left: 0;
  }
  #DFP_leaderboard_1 {
    margin: 0 -10px;
  }
}

@media (max-width: 480px) {
  #DFP_premium_mpu {
    margin-bottom: 30px;
  }
}

.side-ad {
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .side-ad {
    margin: 20px 0;
  }
}

#DFP_article_fluid_1 iframe {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 482px) {
  #DFP_article_fluid_1 iframe {
    margin-bottom: -50px;
  }
}

.modal-header {
  border-bottom: 1px solid #A98EC1;
  padding: 15px 0;
  margin: 0 15px;
}

.modal-header .close {
  position: absolute;
  right: 10px;
  top: 5px;
  margin: 0;
  background: none;
  outline: none;
  border: 0;
  color: black;
  font-size: 24px;
  line-height: 32px;
  padding: 0;
}

.modal-title {
  font-size: 18px;
  font-weight: 600;
  color: #14497F;
}

.modal-body p {
  font-size: 16px;
  margin-bottom: 10px;
}

.modal-body a {
  text-decoration: underline;
  font-weight: bold;
}

.autocomplete__results {
  position: relative;
  float: left;
  width: 100%;
  z-index: 99;
}

.refine-form .autocomplete__results {
  width: 300px;
}

.refine-form p.alert {
  width: 300px;
}

.autocomplete__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background: white;
  display: block !important;
}

.autocomplete__list__item {
  border-bottom: 1px solid silver;
  background: white;
  cursor: pointer;
  display: block !important;
}

.autocomplete__list__item:last-child {
  border-bottom: 0;
}

.autocomplete__list__item--disabled {
  color: gray;
  cursor: default;
}

.autocomplete__list__item--highlighted {
  background: whitesmoke;
}

.autocomplete__list__item__search-term {
  background-color: yellow;
  display: inline !important;
  width: auto !important;
  float: none !important;
}

.label {
  display: inline-block;
  padding: 0 10px;
  text-transform: uppercase;
  color: #ffffff;
  background: #EA3F35;
  font-size: 14px;
  line-height: 26px;
  vertical-align: middle;
  position: relative;
  margin: 0 5px -5px 1px;
  top: -5px;
}

.articles-cta {
  padding: 10px;
  border-top: 4px solid;
  text-align: center;
}

.articles-cta h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.articles-cta p {
  width: 100%;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 16px;
}

.articles-cta input {
  width: 80%;
  padding: 5px 20px;
  margin-bottom: 10px;
  font-size: 15px;
}

.articles-cta button {
  min-width: auto;
  padding: 6px 32px;
}

#user-contributions-overlay strong {
  font-weight: bold;
}

@media (max-width: 992px) {
  #sectionHomepageNews #cta1 {
    width: 100%;
    margin: 0 0 15px;
  }
}

@media (max-width: 480px) {
  #sectionHomepageNews #cta1 {
    margin-bottom: 30px;
  }
}

.essential-links .items-list,
.news-for-your-area .items-list {
  width: 100%;
  float: left;
  padding: 10px 15px 0;
}

.essential-links li,
.news-for-your-area li {
  width: 25%;
  float: left;
  padding-right: 15px;
  font-size: 16px;
  min-height: 50px;
}

.essential-links li a,
.news-for-your-area li a {
  color: #3f3f3f;
}

@media (max-width: 768px) {
  .essential-links li,
  .news-for-your-area li {
    width: 33%;
  }
}

@media (max-width: 600px) {
  .essential-links li,
  .news-for-your-area li {
    width: 50%;
  }
}

@media (max-width: 480px) {
  .essential-links li,
  .news-for-your-area li {
    width: 100%;
  }
}

#journalists {
  text-align: center;
}

#allJournalistLink {
  float: none;
}

.author {
  width: 95%;
  height: 190px;
  display: inline-block;
  margin: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #f0f0f0;
  transition: 0.5s;
}

.author:hover {
  background-color: #e6e6e6;
}

.author-no-pic {
  width: 100px;
  height: 100px;
  background-color: #ffffff;
  border-radius: 100px;
  border: 1px solid #cccccc;
  margin: auto;
}

.author-pic {
  border-radius: 100px;
  border: 1px solid #cccccc;
}

.author-block {
  width: 100%;
  transition: 0.5s;
  color: #000000;
  text-align: center;
  position: relative;
}

.author-block h2 {
  font-weight: 600;
  font-size: 20px;
}

.author-block a {
  color: #000000;
}

.author-block p {
  font-style: italic;
}

.authors-contact {
  position: absolute;
  width: 100%;
}

.author-profile {
  text-align: center;
}

.author-profile h2 {
  font-size: 20px;
  font-weight: 600;
}

.author-profile .author-contact {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  clear: both;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
}

.author-profile .author-contact a {
  margin-left: 20px;
  margin-right: 20px;
}

.author-profile .author-contact a span {
  display: none;
}

.author-profile .author-pic {
  margin-bottom: 10px;
}

.author-profile .authorBio {
  margin-bottom: 10px;
}

.author-contact a {
  color: #000000;
}

#storyWrapper {
  width: 100%;
  text-align: center;
}

.story {
  clear: both;
  margin-top: 20px;
  margin-bottom: 10px;
}

.story a {
  color: #000000;
}

.story img {
  margin: auto;
}

.story .story-info {
  width: 90%;
  margin-left: 20px;
}

.story .story-info h2 {
  font-size: 20px;
  color: #000000;
}

.story .story-info p {
  color: #000000;
}

.story .story-info a {
  color: #000000;
}

.story .story-info span {
  font-style: italic;
}

.story .story-info i {
  margin-left: 10px;
}

@media screen and (min-width: 480px) {
  .author-profile {
    text-align: left;
  }
  .author-profile .author-pic {
    margin-right: 20px;
    float: left;
    margin-bottom: 10px;
  }
  .author-profile .author-no-pic {
    margin-right: 20px;
    float: left;
    margin-bottom: 10px;
  }
  .author-profile .authorBio {
    margin-bottom: 10px;
    width: 70%;
    float: left;
  }
  #storyWrapper {
    text-align: left;
  }
  .story img {
    float: left;
  }
  .story .story-info {
    width: 60%;
    float: left;
    margin-left: 20px;
  }
}

@media screen and (min-width: 768px) {
  .author {
    width: 48%;
  }
  #allJournalistLink {
    float: right;
  }
  .story {
    margin-top: 10px;
  }
  .story .story-info {
    width: 70%;
  }
  .author-profile .author-contact a span {
    display: inline;
  }
  .authorBio {
    width: 80%;
  }
}

@media screen and (min-width: 960px) {
  .author {
    width: 32%;
  }
  #storyWrapper {
    width: 65%;
    float: left;
  }
  #rightRail {
    width: 30%;
    display: block;
    float: right;
  }
}

#auto-related {
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
}

#auto-related .show-more {
  float: right;
  margin-top: 2px;
}

#auto-related input {
  float: left;
}

#auto-related p.small.quiet {
  clear: none;
  margin-left: 23px;
  width: 205px;
}

#auto-related p.x-small.quiet {
  margin-top: 4px;
}

#auto-related #relatedSelect {
  margin-top: 12px;
}

#auto-related #relatedId {
  margin: 12px auto 0;
}

#add-related-section {
  margin-bottom: 10px;
}

.comment-moderation-rules {
  padding: 20px;
  background: #e2e7ea;
}

.comment-moderation-logo {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #c0c7cc;
}

.comment-moderation-rules h3 {
  font-family: "Helvetica Neue",arial,sans-serif;
  color: #333;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 12px;
}

.comment-moderation-rules p {
  margin-bottom: 14px;
  font-size: 14px;
}

.comment-moderation-rules-link {
  text-align: center;
  margin-bottom: 12px;
}

.comment-moderation-rules-link a {
  display: inline-block;
  background: #68b040;
  color: #fff;
  font-family: "Helvetica Neue",arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 24px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.comment-moderation-rules-details {
  padding: 20px;
  background: #737e86;
}

.comment-moderation-rules-details p {
  color: #f2f2f2;
  margin-bottom: 0;
}

.comment_moderation_rules_image {
  float: left;
  margin-right: 20px;
}

.panel-gallery {
  margin-bottom: 10px;
}

.panel-gallery ul {
  margin: 0;
  padding: 0;
}

.panel-gallery .panel-photo li {
  display: none;
  margin: 0;
  padding: 0;
}

.panel-gallery .panel-photo li.current {
  display: block;
}

.panel-gallery .panel-photo span {
  display: block;
  background-color: #3f3f3f;
  font-size: 16px;
  padding: 1em;
  font-weight: 600;
  color: #ffffff;
}

.panel-gallery .panel-photo a {
  display: block;
}

.panel-gallery .panel-thumbnails {
  position: relative;
  z-index: 2;
  margin-top: -9px;
}

.panel-gallery .panel-thumbnails img {
  width: 73px;
  height: auto;
}

.panel-gallery .panel-thumbnails li {
  float: left;
  margin-right: 2px;
  padding-top: 11px;
}

.panel-gallery .panel-thumbnails li.current {
  background: transparent url("../img/up-triangle.png") center 0 no-repeat;
}

.panel-gallery .panel-thumbnails li:first-child {
  margin-right: 2px;
}

.panel-gallery .panel-thumbnails li:nth-child(4) {
  margin-right: 0;
  margin-left: 1px;
}

.panel-single-photo {
  margin-bottom: 20px;
}

.panel-single-photo .panel-single-photo img {
  min-width: 100%;
  height: auto;
}

.panel-single-photo span {
  display: block;
  background-color: #f7f4f1;
  font-size: 16px;
  padding: 1em;
  font-weight: 600;
  color: #ffffff;
  line-height: 20px;
}

.panel-single-photo span a {
  color: #000;
}

.panel-single-photo img,
article img {
  border: solid 1px #eae8e5;
  font-size: 12px;
  background: #eae8e5;
}

/* pager */
.pager input[type="text"] {
  width: 20px;
  margin: -5px 5px 0;
  padding: 3px 5px;
  border: 1px solid transparent;
  border-radius: 0;
}

.pager ul li {
  display: inline-block;
}

.pager button {
  width: 55px;
  height: 25px;
  margin: 0 10px 5px 5px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  background: none;
}

.pager a,
.pager span.disabled,
.pager span.selected {
  display: block;
  width: 35px;
  height: 28px;
  padding: 7px 0 0;
  border-radius: 50%;
}

.pager span.disabled,
.pager span.disabled:hover:after {
  padding: 9px 0 0;
  color: #d8d8d8;
}

.pager span.selected {
  color: #3f3f3f;
  background: #D8D8D8;
}

.pager .button-pager:hover:after,
.pager a:hover,
.pager button:hover {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  color: white;
  border-color: transparent;
}

.pager .button-pager:after {
  padding-left: 0;
  font-size: 21px;
}

.pager .button-pager:hover:after {
  padding: 0;
}

.pager ul.r-align li {
  text-align: center;
}

@font-face {
  font-family: "notices-icons";
  src: url("/resources/responsive-static/fonts/notices-icons.eot");
  src: url("/resources/responsive-static/fonts/notices-icons.eot?#iefix") format("embedded-opentype"), url("/resources/responsive-static/fonts/notices-icons.woff") format("woff"), url("/resources/responsive-static/fonts/notices-icons.ttf") format("truetype"), url("/resources/responsive-static/fonts/notices-icons.svg#notices-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

#publicNoticesHolder {
  /* arrows taken from old responsive stylesheet */
  /* a hrefs */
  /* Search facet */
  /* Sign up banner */
  /* Sign up form */
  /* Bottom pager alts */
  /* Main article area */
  /* Results pages search panel */
  /* Aside search panel */
  /* Notice Page */
  /* Local authorities listings page */
  /* Local authority details page */
  /* IE 10 / 11 hack */
  /* Comment layout fixes */
  /* Notice specific icons */
  /*
    .icon-icon-6:before {
      content: "\65";
    } */
  /*
    .icon-icon-1:before {
      content: "\69";
    } */
  /* Map pins combined */
}

#publicNoticesHolder .page-title a::after,
#publicNoticesHolder .section-sub-title a::after,
#publicNoticesHolder .section-title a:first-child::after,
#publicNoticesHolder a.langle::after,
#publicNoticesHolder a.rangle::after,
#publicNoticesHolder span.dangle::after,
#publicNoticesHolder span.langle::after,
#publicNoticesHolder span.rangle::after,
#publicNoticesHolder span.uangle::after {
  content: "";
  font-family: "FontAwesome";
  font-size: 85%;
  padding-left: 8px;
  transition: all 0.3s linear 0s;
}

#publicNoticesHolder .page-title a:hover::after,
#publicNoticesHolder .section-sub-title a:hover::after,
#publicNoticesHolder .section-title a:hover::after,
#publicNoticesHolder a.langle:hover::after,
#publicNoticesHolder a.rangle:hover::after,
#publicNoticesHolder span.langle:hover::after {
  color: #371556;
  padding-left: 12px;
  transition: all 0.3s linear 0s;
}

#publicNoticesHolder a.langle::after,
#publicNoticesHolder span.langle::after {
  content: "";
}

#publicNoticesHolder span.dangle::after {
  content: "";
}

#publicNoticesHolder span.uangle::after {
  content: "";
}

#publicNoticesHolder h2.section-title {
  font-size: 30px;
  line-height: 48px;
  font-weight: 600;
  display: inline;
}

#publicNoticesHolder .notices .notice-facet {
  margin-bottom: 20px;
  position: relative;
}

#publicNoticesHolder .notices .notice-search-form {
  width: 100%;
  height: auto;
}

#publicNoticesHolder .notices .notice-facet,
#publicNoticesHolder .notices .notice-search-form {
  background: #eae8e5;
}

@media (max-width: 600px) {
  #publicNoticesHolder .notice-alert-message {
    display: none;
  }
}

#publicNoticesHolder .notice-alert-message {
  margin: 0 0 20px;
  background: #e3cff5;
  border-radius: 40px;
  text-align: center;
  position: relative;
  padding: 10px 20px 8px;
  line-height: 26px;
}

@media (max-width: 600px) {
  #publicNoticesHolder .notice-alert-message {
    display: none;
  }
}

@media (max-width: 480px) {
  #publicNoticesHolder .notice-alert-message {
    padding: 20px;
  }
}

#publicNoticesHolder .notice-alert-message p {
  font-size: 13px;
  display: block;
  line-height: 1.6em;
}

#publicNoticesHolder .notice-alert-message p a {
  padding: 0;
}

#publicNoticesHolder .notice-alert-message span.search-message,
#publicNoticesHolder .notice-alert-message span.search-message-small {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 10px;
}

#publicNoticesHolder .notice-alert-message span.search-message:before,
#publicNoticesHolder .notice-alert-message span.search-message-small:before {
  font-family: "FontAwesome";
  content: '\f0e0';
  font-size: 24px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}

#publicNoticesHolder .notice-alert-message span.search-message {
  display: block;
}

#publicNoticesHolder .notices.user-results .notice-alert-message {
  margin: 0 0 10px;
}

#publicNoticesHolder .small-device-alert-message {
  background: #e3cff5;
  border-radius: 20px;
  clear: both;
  padding: 10px 0;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #444;
  display: block;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

#publicNoticesHolder .small-device-alert-message a {
  color: #444;
}

#publicNoticesHolder .small-device-alert-message:before {
  font-family: "FontAwesome";
  content: '\f0e0';
  margin-right: 5px;
  font-weight: normal;
}

#publicNoticesHolder .small-device-alert-message:after {
  content: '\f105';
  font-family: "FontAwesome";
  font-weight: normal;
  margin-left: 5px;
}

@media (min-width: 601px) {
  #publicNoticesHolder .small-device-alert-message {
    display: none;
  }
}

#publicNoticesHolder .notices .email-alerts-register,
#publicNoticesHolder .notices .primary-search .email-alerts-register {
  clear: both;
  display: block;
  margin: 0 0 20px;
  border-radius: 3px;
  position: relative;
}

#publicNoticesHolder .notices .email-alerts-register label,
#publicNoticesHolder .notices .primary-search .email-alerts-register label {
  font-size: 19px;
  margin-right: 10px;
  line-height: 22px;
}

#publicNoticesHolder .notices .email-alerts-register p,
#publicNoticesHolder .notices .primary-search .email-alerts-register p {
  font-size: 14px;
  line-height: 18px;
  margin: 5px 0;
}

#publicNoticesHolder .notices .email-alerts-register p a,
#publicNoticesHolder .notices .primary-search .email-alerts-register p a {
  color: #277617;
}

#publicNoticesHolder .notices .email-alerts-register p a:hover,
#publicNoticesHolder .notices .primary-search .email-alerts-register p a:hover {
  text-decoration: underline;
}

#publicNoticesHolder .notices .email-alerts-register p a:hover:before,
#publicNoticesHolder .notices .primary-search .email-alerts-register p a:hover:before {
  background-color: transparent;
  transition: none;
}

#publicNoticesHolder .notices .email-alerts-register input,
#publicNoticesHolder .notices .primary-search .email-alerts-register input {
  margin: 10px 10px 10px 0;
  min-width: 210px;
}

@media (max-width: 480px) {
  #publicNoticesHolder .notices .email-alerts-register input #reference,
  #publicNoticesHolder .notices .primary-search .email-alerts-register input #reference {
    width: 100%;
  }
}

#publicNoticesHolder .notices .email-alerts-register button,
#publicNoticesHolder .notices .primary-search .email-alerts-register button {
  display: inline;
  font-size: 18px;
  padding: 1px 20px 2px;
  margin: 10px 0;
}

#publicNoticesHolder .notices form div.email-alerts-register {
  clear: both;
  display: block;
}

#publicNoticesHolder .notices-content-wrapper .save-search {
  padding: 10px 20px 8px 15px;
}

#publicNoticesHolder .notices-content-wrapper .save-search input {
  min-width: 160px;
  margin: 5px 10px 5px 0;
}

#publicNoticesHolder .notices-content-wrapper .save-search .button {
  font-size: 16px;
  padding: 2px 16px;
  min-width: auto;
}

#publicNoticesHolder .notice-pager {
  margin: 0;
  clear: both;
  display: inline;
}

#publicNoticesHolder .notice-pager .sort-search {
  margin: 10px 0 0;
  display: inline-block;
  float: none;
}

@media (max-width: 479px) {
  #publicNoticesHolder .notice-pager .sort-search {
    margin: 5px 0 10px;
    display: block;
  }
}

#publicNoticesHolder .notice-pager .sort-search fieldset {
  display: inline;
}

@media (max-width: 479px) {
  #publicNoticesHolder .notice-pager .sort-search fieldset {
    display: block;
    text-align: center;
  }
}

#publicNoticesHolder .notice-pager .sort-search label {
  display: inline;
  font-size: 19px;
  margin: 0 10px 15px 0;
  display: inline-block;
}

@media (max-width: 768px) {
  #publicNoticesHolder .notice-pager .sort-search label {
    margin: 0;
  }
}

#publicNoticesHolder .notice-pager .sort-search select {
  font-size: 15px;
}

#publicNoticesHolder .notice-pager .notices-quick-find-title {
  display: inline-block;
  position: absolute;
}

#publicNoticesHolder .notice-pager #laQuickFind {
  vertical-align: top;
  margin-top: 10px;
  margin-left: 125px;
  width: 100%;
  max-width: 300px;
}

@media (max-width: 600px) {
  #publicNoticesHolder .notice-pager #laQuickFind {
    max-width: inherit;
    width: 60%;
  }
}

#publicNoticesHolder .pager {
  display: inline-block;
  font-size: 18px;
  float: right;
  margin-top: 8px;
}

@media (max-width: 800px) {
  #publicNoticesHolder .pager {
    margin: 5px 0 !important;
    float: right;
    display: inline;
  }
}

@media (max-width: 468px) {
  #publicNoticesHolder .pager {
    float: none;
    display: block;
    margin: 0 auto;
  }
}

#publicNoticesHolder .pager .r-align {
  padding: 0;
  text-align: center;
}

#publicNoticesHolder .notice-pager:after,
#publicNoticesHolder .notice-pager:before {
  content: " ";
  display: table;
}

#publicNoticesHolder .notice-pager:after {
  clear: both;
  padding-bottom: 5px;
}

#publicNoticesHolder .notice-pager .r-align {
  margin-bottom: 0;
}

#publicNoticesHolder .notice-pager.bottom-pager {
  height: 60px;
}

#publicNoticesHolder .notice-pager.bottom-pager .pager {
  margin-top: 0;
}

#publicNoticesHolder .notices-content-wrapper {
  max-width: 940px;
}

@media (max-width: 940px) {
  #publicNoticesHolder .notices-content-wrapper {
    max-width: inherit;
  }
}

#publicNoticesHolder .notices-content-wrapper h3 {
  font-size: 22px;
  padding: 10px 0;
  display: block;
  text-align: left;
  color: #000;
  font-weight: 400;
  border-top: solid 5px white;
}

#publicNoticesHolder .notices-content-wrapper h3 span {
  font-weight: 600;
  color: #000;
  line-height: 30px;
}

@media (max-width: 479px) {
  #publicNoticesHolder .notices-content-wrapper h3 {
    display: block;
  }
}

#publicNoticesHolder .notices-content-wrapper .notice-results {
  min-width: 98%;
}

#publicNoticesHolder .notices-content-wrapper .notice-results .pipe {
  display: inline-block;
  padding: 0 10px;
}

@media (max-width: 480px) {
  #publicNoticesHolder .notices-content-wrapper .notice-results .contact {
    margin-left: 85px;
  }
}

#publicNoticesHolder .notices-content-wrapper .notice-results li {
  background: #f7f4f1;
  width: 100%;
  min-height: 140px;
  margin: 0 0 10px;
  border-radius: 2px;
  padding-bottom: 5px;
  border: solid 1px #f3f2f0;
  border-bottom: solid 1px #ccc;
  word-break: break-word;
}

#publicNoticesHolder .notices-content-wrapper .notice-results li:hover {
  background: #fcfdf8;
  transition: all 0.2s ease-in-out 0s;
}

#publicNoticesHolder .notices-content-wrapper .notice-results li .no-link div {
  display: block;
  margin: 0 10px;
  padding: 20px 0;
  position: relative;
}

#publicNoticesHolder .notices-content-wrapper .notice-results li > a {
  display: block;
  margin: 0 10px;
  padding: 20px 0 0;
  position: relative;
}

#publicNoticesHolder .notices-content-wrapper .notice-results li .location {
  float: left;
  position: relative;
}

@media (max-width: 480px) {
  #publicNoticesHolder .notices-content-wrapper .notice-results li .location {
    width: 75px;
  }
}

#publicNoticesHolder .notices-content-wrapper .notice-results li .location i {
  font-size: 88px;
  margin-right: 10px;
}

@media (max-width: 480px) {
  #publicNoticesHolder .notices-content-wrapper .notice-results li .location i {
    font-size: 75px;
    margin-left: -5px;
  }
}

#publicNoticesHolder .notices-content-wrapper .notice-results li .location i:after {
  font-size: 48px;
  top: 0;
  left: 20px;
}

@media (max-width: 480px) {
  #publicNoticesHolder .notices-content-wrapper .notice-results li .location i:after {
    font-size: 38px;
    left: 17px;
  }
}

#publicNoticesHolder .notices-content-wrapper .notice-results li .location:hover i {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#publicNoticesHolder .notices-content-wrapper .notice-results li .location:hover i:after {
  text-shadow: none;
}

#publicNoticesHolder .notices-content-wrapper .notice-results li div {
  overflow: hidden;
}

#publicNoticesHolder .notices-content-wrapper .notice-results li div strong {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}

#publicNoticesHolder .notices-content-wrapper .notice-results li div h4 {
  font-size: 19px;
  color: #000;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 600;
}

@media (max-width: 480px) {
  #publicNoticesHolder .notices-content-wrapper .notice-results li div h4 {
    overflow: hidden;
  }
}

#publicNoticesHolder .notices-content-wrapper .notice-results li div p {
  font-size: 16px;
  line-height: 20px;
  color: #444;
  margin-bottom: 5px;
}

#publicNoticesHolder .notices-content-wrapper .notice-results li div .distance {
  position: absolute;
  /*bottom: 15px;
                            left: 0;
                            right: 0;*/
  width: 90px;
  text-align: center;
  left: 0;
  bottom: 0;
}

@media (max-width: 480px) {
  #publicNoticesHolder .notices-content-wrapper .notice-results li div .distance {
    width: 65px;
    position: relative;
    display: block;
    bottom: 0;
  }
}

#publicNoticesHolder .notices-content-wrapper .notice-results li div .notice-timestamp {
  color: #976ca5;
  font-weight: 600;
  font-size: 14px;
  margin: 5px 0 0;
  display: inline-block;
}

#publicNoticesHolder .notices-content-wrapper .notice-results li div .notice-timestamp span {
  color: #666;
}

#publicNoticesHolder .notices-content-wrapper .notice-results-footer {
  text-align: right;
  padding: 10px 0;
}

#publicNoticesHolder .notices-content-wrapper aside {
  width: 30%;
  min-width: 300px;
  float: left;
  overflow: hidden;
  margin-right: 15px;
}

@media (max-width: 767px) {
  #publicNoticesHolder .notices-content-wrapper aside {
    width: 100%;
  }
}

#publicNoticesHolder .notices-content-wrapper aside .notices-actions-box {
  min-width: 300px;
  border-bottom: solid 5px #eae8e5;
  margin: 0 0 20px;
}

@media (max-width: 600px) {
  #publicNoticesHolder .notices-content-wrapper aside .notices-actions-box {
    width: 100%;
  }
}

#publicNoticesHolder .notices-content-wrapper aside .notices-actions-box h3 {
  border-top: solid 5px #eae8e5;
  display: block;
  font-size: 21px;
  font-weight: 600;
  margin: 0;
  text-indent: 20px;
  padding: 0;
  line-height: 46px;
}

@media (max-width: 520px) {
  #publicNoticesHolder .notices-content-wrapper aside .notices-actions-box h3 {
    text-indent: 0;
  }
}

#publicNoticesHolder .notices-content-wrapper aside .notices-actions-box p {
  margin: 0 20px;
  font-size: 16px;
  line-height: 19px;
}

#publicNoticesHolder .notices-content-wrapper aside .notices-actions-box a {
  display: block;
  width: 60%;
  text-align: center;
  margin: 20px auto;
}

#publicNoticesHolder .notice-results .council-notice .distance,
#publicNoticesHolder .notice-results .council-notice i:after,
#publicNoticesHolder .notice-results li.council-notice strong,
#publicNoticesHolder .user-results article.council-notice .location span,
#publicNoticesHolder .user-results.notice-main article .council:before {
  color: #7C3E48;
}

#publicNoticesHolder .notice-results .traffic-notice .distance,
#publicNoticesHolder .notice-results .traffic-notice i:after,
#publicNoticesHolder .notice-results li.traffic-notice strong,
#publicNoticesHolder .user-results article.traffic-notice .location span,
#publicNoticesHolder .user-results.notice-main article .traffic:before {
  color: #384A7C;
}

#publicNoticesHolder .notice-results .planning-notice .distance,
#publicNoticesHolder .notice-results .planning-notice i:after,
#publicNoticesHolder .notice-results li.planning-notice strong,
#publicNoticesHolder .user-results article.planning-notice .location span,
#publicNoticesHolder .user-results.notice-main article .planning:before {
  color: #39662E;
}

#publicNoticesHolder .notice-results .general-notice .distance,
#publicNoticesHolder .notice-results .general-notice i:after,
#publicNoticesHolder .notice-results li.general-notice strong,
#publicNoticesHolder .user-results article.general-notice .location span,
#publicNoticesHolder .user-results.notice-main article .general:before {
  color: #479741;
}

#publicNoticesHolder .notice-results .licensing-notice .distance,
#publicNoticesHolder .notice-results .licensing-notice i:after,
#publicNoticesHolder .notice-results li.licensing-notice strong,
#publicNoticesHolder .user-results article.licensing-notice .location span,
#publicNoticesHolder .user-results.notice-main article .licensing:before {
  color: #852453;
}

@media (max-width: 768px) {
  #publicNoticesHolder aside .mpu-position {
    width: 48%;
  }
}

@media (max-width: 600px) {
  #publicNoticesHolder aside .mpu-position {
    width: 100%;
    display: block;
    text-align: center;
  }
}

@media (max-width: 600px) {
  #publicNoticesHolder .user-results .notice-options-panel {
    display: none;
  }
}

#publicNoticesHolder .goback {
  font-size: 18px;
  padding-right: 64px;
  display: block;
  line-height: 1em;
  height: 48px;
}

#publicNoticesHolder .toggle-form {
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 0;
  padding: 10px 14px;
  display: inline;
  background: #eae8e5;
}

@media (min-width: 767px) {
  #publicNoticesHolder .toggle-form {
    display: none;
  }
}

#publicNoticesHolder .toggle-form i {
  width: 20px;
  height: 20px;
  text-align: center;
  margin: 0;
}

#publicNoticesHolder .user-results aside .notice-search-form {
  background: #eae8e5;
  padding: 20px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  #publicNoticesHolder .user-results aside .notice-search-form {
    display: none !important;
  }
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix {
  font-size: 16px;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix legend {
  font-size: 19px;
  line-height: 24px;
  font-weight: 600;
  padding: 0;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix span {
  width: 100%;
  display: block;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix button,
#publicNoticesHolder .user-results aside .notice-search-form .clearfix input,
#publicNoticesHolder .user-results aside .notice-search-form .clearfix label,
#publicNoticesHolder .user-results aside .notice-search-form .clearfix select {
  font-size: 18px;
  display: block;
  margin: 5px 0 0;
  width: 100%;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix li {
  width: 100%;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix li input,
#publicNoticesHolder .user-results aside .notice-search-form .clearfix li label {
  display: inline;
  font-weight: normal;
  width: auto;
  line-height: 2em;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix li input {
  margin-right: 10px;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix button {
  font-size: 17px;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix .email-alerts-register {
  clear: both;
  margin-top: 20px;
  border-radius: 3px;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix .email-alerts-register a {
  color: #277617;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix .email-alerts-register input {
  width: 100%;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix .email-alerts-register p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}

#publicNoticesHolder .user-results aside .notice-search-form .clearfix .email-alerts-register .button {
  padding: 2px 12px;
  width: auto;
}

#publicNoticesHolder .notices-content-wrapper.user-results .notices-actions-box h3 {
  border-top: none;
}

#publicNoticesHolder .notices-content-wrapper .main-column {
  width: 66%;
  border-top: 5px solid #fcebeb;
  float: right;
  display: inline-block;
}

@media (max-width: 900px) {
  #publicNoticesHolder .notices-content-wrapper .main-column {
    width: 60%;
  }
}

@media (max-width: 768px) {
  #publicNoticesHolder .notices-content-wrapper .main-column {
    width: 57%;
  }
}

@media (max-width: 767px) {
  #publicNoticesHolder .notices-content-wrapper .main-column {
    width: 100%;
    margin-right: 0;
  }
}

#publicNoticesHolder .user-results.notice-main a.fa {
  font-size: 24px;
  height: 24px;
  margin-right: 5px;
  padding: 0;
  text-align: center;
  line-height: 22px;
}

#publicNoticesHolder .user-results.notice-main a.fa:hover {
  background: #35A11F;
  color: #fff;
}

#publicNoticesHolder .user-results.notice-main h1.notice-label {
  position: relative;
}

#publicNoticesHolder .user-results.notice-main h2.section-title {
  font-size: 20px;
}

#publicNoticesHolder .user-results.notice-main .notice-timestamp {
  font-size: 18px;
  font-weight: 600;
}

#publicNoticesHolder .user-results.notice-main .notice-timestamp em {
  color: #a27caf;
}

#publicNoticesHolder .user-results.notice-main .notice-timestamp span {
  color: #444;
}

@media (max-width: 480px) {
  #publicNoticesHolder .user-results.notice-main .notice-timestamp {
    overflow: hidden;
  }
}

#publicNoticesHolder .user-results.notice-main article {
  border-top: solid 5px white;
  font-size: 16px;
  line-height: 20px;
  word-break: break-word;
}

#publicNoticesHolder .user-results.notice-main article .location {
  float: left;
  position: relative;
  width: 80px;
  min-height: 133px;
  margin-right: 10px;
}

@media (max-width: 480px) {
  #publicNoticesHolder .user-results.notice-main article .location {
    width: 70px;
    margin-top: 5px;
  }
}

#publicNoticesHolder .user-results.notice-main article .location i {
  font-size: 80px;
  float: left;
  margin: 35px 5px 8px 0;
}

@media (max-width: 480px) {
  #publicNoticesHolder .user-results.notice-main article .location i {
    font-size: 64px;
    margin: 30px 0 5px;
  }
}

#publicNoticesHolder .user-results.notice-main article .location i:before {
  margin-left: 0;
}

#publicNoticesHolder .user-results.notice-main article .location i:after {
  left: 20px;
  font-size: 40px;
  top: -10px;
  color: #fff;
}

@media (max-width: 480px) {
  #publicNoticesHolder .user-results.notice-main article .location i:after {
    font-size: 28px;
    left: 18px;
    top: -8px;
  }
}

#publicNoticesHolder .user-results.notice-main article .location span {
  font-size: 14px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

#publicNoticesHolder .user-results.notice-main article .location span:first-child {
  text-transform: uppercase;
  font-weight: 600;
}

#publicNoticesHolder .user-results.notice-main article .distance {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#publicNoticesHolder .user-results.notice-main article .council-link {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
  display: inline-block;
}

@media (max-width: 480px) {
  #publicNoticesHolder .user-results.notice-main article .council-link {
    display: block;
  }
}

@media (max-width: 600px) {
  #publicNoticesHolder .notice-actions {
    display: block;
    text-align: center;
  }
}

#publicNoticesHolder .notice-actions .button {
  display: inline-block;
  font-size: 18px;
  min-width: 175px;
  text-align: center;
  margin: 10px 0;
}

@media (max-width: 480px) {
  #publicNoticesHolder .notice-actions .button {
    display: block;
    text-align: center;
  }
}

#publicNoticesHolder .user-results.notice-main article .notice-type {
  overflow: hidden;
}

#publicNoticesHolder .user-results.notice-main article .notice-type h1 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
}

#publicNoticesHolder .user-results.notice-main article .notice-type .reference {
  font-size: 18px;
  font-weight: bold;
  color: #444;
  overflow: hidden;
  line-height: 46px;
}

#publicNoticesHolder .notice-bullets {
  padding-left: 90px;
}

@media (max-width: 480px) {
  #publicNoticesHolder .notice-bullets {
    padding-left: 80px;
  }
}

#publicNoticesHolder .user-results.notice-main .attachments {
  border: solid 1px #eae8e5;
  background: #fff;
  margin: 10px 0;
  display: inline-block;
  padding: 10px 10px 5px;
  width: auto;
  width: 100%;
}

@media (max-width: 600px) {
  #publicNoticesHolder .user-results.notice-main .attachments {
    display: block;
    text-align: center;
    margin: 0 auto;
  }
}

#publicNoticesHolder .user-results.notice-main .attachments h4 {
  font-weight: 600;
}

#publicNoticesHolder .user-results.notice-main .attachments a {
  display: inline-block;
  padding: 5px 18px 6px 6px;
  font-size: 16px;
  min-width: auto;
}

#publicNoticesHolder .user-results.notice-main .attachments a:before {
  margin-right: 10px;
  font-size: 24px;
  position: relative;
  top: 4px;
  content: '\f0ab';
  font-family: "FontAwesome";
}

#publicNoticesHolder .user-results.notice-main .attachments span {
  font-size: 14px;
  margin-top: 5px;
  padding-top: 10px;
  border-top: solid 1px #eee;
  display: block;
}

#publicNoticesHolder .user-results.notice-main .shares {
  clear: both;
  display: block;
  padding: 10px 0;
  margin-bottom: 10px;
}

@media (max-width: 600px) {
  #publicNoticesHolder .user-results.notice-main .shares {
    text-align: center;
  }
}

#publicNoticesHolder .user-results.notice-main .shares span {
  font-size: 17px;
  font-weight: 600;
}

#publicNoticesHolder .user-results.notice-main .shares ul {
  display: inline-block;
}

#publicNoticesHolder .user-results.notice-main .shares ul li {
  display: inline-block;
  margin-bottom: 20px;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button {
  padding: 10px;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  color: #fff;
  background: #f7f4f1;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button span {
  text-indent: -5000px;
  position: absolute;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button.fa-facebook {
  color: #395283;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button.fa-facebook:hover {
  background: #395283;
  color: #fff;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button.fa-twitter {
  color: #3ea1cb;
  font-size: 20px;
  padding: 8px;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button.fa-twitter:hover {
  background: #3ea1cb;
  color: #fff;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button.fa-whatsapp {
  font-size: 22px;
  padding: 8px;
  color: #59b867;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button.fa-whatsapp:hover {
  background: #59b867;
  color: #fff;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button.fa-envelope {
  color: #35A11F;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button.fa-envelope:hover {
  background: #35A11F;
  color: #fff;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button.fa-print {
  color: #35A11F;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button.fa-print:hover {
  background: #35A11F;
  color: #fff;
}

#publicNoticesHolder .user-results.notice-main .shares ul li button:hover {
  background: #f7f4f1;
}

#publicNoticesHolder .user-results.notice-main .shares ul li.comments-share a {
  padding: 8px 10px;
  margin: 0 5px;
  height: 40px;
  font-size: 18px;
  border-radius: 50px;
  color: #35A11F;
  background: #f7f4f1;
}

#publicNoticesHolder .user-results.notice-main .shares ul li.comments-share a .fa-comments {
  color: #35A11F;
}

#publicNoticesHolder .user-results.notice-main .shares ul li.comments-share a:hover {
  background: #35A11F;
  color: #fff;
}

#publicNoticesHolder .user-results.notice-main .shares ul li.comments-share a:hover .fa-comments {
  color: #fff;
}

#publicNoticesHolder .notice-comments {
  min-height: 100px;
}

#publicNoticesHolder .authorities .notices-content-wrapper .notice-results li,
#publicNoticesHolder .authorities .notices-content-wrapper .notice-results li.no-link {
  display: inline-block;
}

#publicNoticesHolder .authorities .notices-content-wrapper .notice-results li div:last-child,
#publicNoticesHolder .authorities .notices-content-wrapper .notice-results li.no-link div:last-child {
  overflow: hidden;
  padding: 5px 0 10px;
  font-size: 16px;
}

#publicNoticesHolder .authorities .notices-content-wrapper .notice-results li.no-link:hover {
  background: #f7f4f1;
}

#publicNoticesHolder .authorities .notices-content-wrapper .notice-results li.no-link:hover:hover i {
  text-shadow: none;
}

#publicNoticesHolder .notices.authorities .notices-content-wrapper .no-link .council-notice .distance {
  position: absolute;
}

#publicNoticesHolder .authorities .toggle-form {
  text-indent: -5000px;
  position: absolute;
  width: 18px;
  height: 20px;
}

#publicNoticesHolder .authorities .toggle-form i {
  padding: 0 10px;
  position: absolute;
  text-indent: 0;
  right: 4px;
  top: 5px;
}

#publicNoticesHolder .authorities .toggle-form i.fa-search {
  font-size: 26px;
}

#publicNoticesHolder .authorities .toggle-form i.fa-times {
  font-size: 20px;
  font-weight: 600;
  left: 5px;
  top: 10px;
}

#publicNoticesHolder .user-results.notice-main .council-details h1 {
  font-size: 24px;
  font-weight: 600;
  margin: 20px 0;
  display: inline-block;
  text-indent: 23px;
}

#publicNoticesHolder .user-results.notice-main .council-details .council.pin:after {
  color: #7C3E48;
  font-size: 40px;
  left: 0;
  top: -2px;
}

#publicNoticesHolder .user-results.notice-main .council-details .council.pin:before {
  color: transparent;
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard {
  font-weight: 600;
  font-size: 18px;
  margin: 0 10px 15px;
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard .tel:before {
  margin-right: 10px;
  font-family: "FontAwesome";
  content: '\f095';
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard .email:before {
  margin-right: 10px;
  font-family: "FontAwesome";
  content: '\f0e0';
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard .web {
  margin: 10px 10px 0 0;
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard .web:before {
  margin-right: 10px;
  font-family: "FontAwesome";
  content: '\f0ac';
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard .adr,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .email,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .tel,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .web {
  display: block;
  margin-bottom: 10px;
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard .adr:before,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .email:before,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .tel:before,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .web:before {
  font-weight: 500;
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard .email,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .tel,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .web {
  color: #000;
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard .email:hover,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .tel:hover,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .web:hover {
  color: #35A11F;
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard .email:hover:hover:before,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .tel:hover:hover:before,
#publicNoticesHolder .user-results.notice-main .council-details .vcard .web:hover:hover:before {
  color: #000;
}

#publicNoticesHolder .user-results.notice-main .council-details .vcard .button {
  margin-top: 10px;
  display: inline-block;
  padding: 3px 20px;
}

@media (max-width: 480px) {
  #publicNoticesHolder .user-results.notice-main .council-details .vcard .button {
    display: block;
    margin: 15px 0 30px;
    text-align: center;
  }
}

#publicNoticesHolder .user-results.notice-main .council-details .council-logo {
  float: right;
  padding: 10px;
  border-radius: 3px;
  background: #444;
  margin: 10px 0 10px 10px;
}

#publicNoticesHolder .notices.authorities .notices-content-wrapper .council-notice .distance {
  position: relative;
  display: block;
  margin: 15px 0;
  text-align: center;
}

@media (max-width: 480px) {
  #publicNoticesHolder .notices.authorities .notices-content-wrapper .council-notice .distance {
    margin: 0;
  }
}

#publicNoticesHolder .notices.authorities .notices-content-wrapper .notice-results li a div {
  overflow: hidden;
}

#publicNoticesHolder .notices.authorities .notices-content-wrapper .council-notice strong {
  line-height: 22px;
  text-transform: capitalize;
}

#publicNoticesHolder .notices.authorities .notices-content-wrapper .council-notice p {
  margin: 0;
}

#publicNoticesHolder .notices.authorities .notices-content-wrapper .council-notice .address span {
  margin: 0 5px 0 0;
}

@media screen and (min-width: 0\0) {
  #publicNoticesHolder .notices .notice-facet form span.notice-options.display-inline,
  #publicNoticesHolder .notices .toggle-form.button-relocate {
    right: 0;
    width: auto !important;
    float: right;
  }
  #publicNoticesHolder .notices .toggle-form {
    top: 15px;
    right: 0;
  }
  #publicNoticesHolder .notices .toggle-form.button-relocate {
    position: relative;
    top: 8px;
    width: 18px !important;
  }
}

@media screen and (min-width: 0\0) and (max-width: 600px) {
  #publicNoticesHolder .notices legend {
    display: inline-block;
  }
}

@media screen and (min-width: 0\0) {
  #publicNoticesHolder .notices .notice-facet form span.notice-options .button-relocate {
    right: auto;
    margin-left: -24px !important;
    top: 20px;
  }
}

@media (min-width: 992px) {
  #publicNoticesHolder .comments-wrapper section {
    width: 100%;
  }
}

#publicNoticesHolder .alert-signup-message {
  margin-bottom: 10px;
}

#publicNoticesHolder .icon-icon-2:before {
  content: "\61";
}

#publicNoticesHolder .icon-icon-3:before {
  content: "\62";
}

#publicNoticesHolder .icon-icon-4:before {
  content: "\63";
}

#publicNoticesHolder .icon-icon-5:before {
  content: "\64";
}

#publicNoticesHolder .icon-icon-7:before {
  content: "\66";
}

#publicNoticesHolder .icon-icon-9:before {
  content: "\67";
}

#publicNoticesHolder .icon-shape:after {
  content: "\68";
}

#publicNoticesHolder .pin {
  position: relative;
  font-family: "notices-icons";
}

#publicNoticesHolder .pin:before {
  content: "\68";
  color: #fff;
}

#publicNoticesHolder .pin:after {
  font-family: "notices-icons";
  position: absolute;
}

#publicNoticesHolder .council:after {
  content: "\67";
  z-index: 2;
}

#publicNoticesHolder .traffic:after {
  content: "\66";
  z-index: 2;
}

#publicNoticesHolder .planning:after {
  content: "\64";
  z-index: 2;
}

#publicNoticesHolder .general:after {
  content: "\62";
  z-index: 2;
}

#publicNoticesHolder .licensing:after {
  content: "\63";
  z-index: 2;
}

#publicNoticesHolder input.error {
  border: 1px solid #d42a40;
}

#publicNoticesHolder input[type="text"],
#publicNoticesHolder select,
#publicNoticesHolder textarea {
  border: solid 1px #ddd;
  padding: 5px;
  border-radius: 3px;
  background-color: #fff;
}

#publicNoticesHolder input[type="text"],
#publicNoticesHolder select {
  height: 35px;
  max-height: 35px;
}

#publicNoticesHolder select {
  height: 35px;
}

#publicNoticesHolder aside select {
  max-height: inherit;
}

#publicNoticesHolder input:focus,
#publicNoticesHolder select:focus,
#publicNoticesHolder textarea:focus {
  border: solid 1px #999;
  border-radius: 3px;
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2);
}

#publicNoticesHolder .pager a,
#publicNoticesHolder .pager span.disabled,
#publicNoticesHolder .pager span.selected {
  padding-top: 4px;
  height: 35px;
  line-height: 26px;
  background-color: transparent;
}

#publicNoticesHolder #DFP_premium_mpu {
  margin-bottom: 20px;
}

.facet-back-panel {
  background: url("/resources/responsive-static/images/city-sky-cloudy-skyline.jpg") no-repeat;
  background-size: cover;
  background-position: 0 100%;
  min-height: 350px;
  position: relative;
}

@media (max-width: 600px) {
  .facet-back-panel {
    min-height: 280px;
  }
}

.facet-back-panel:after,
.facet-back-panel:before {
  content: " ";
  display: table;
}

.facet-back-panel:after {
  clear: both;
  padding-bottom: 5px;
}

.facet-back-panel a i {
  display: inline-block;
}

#publicNoticesHolder .facet-back-panel .notice-alert-message {
  width: 80%;
  margin: 215px auto 10px;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

#publicNoticesHolder .facet-back-panel .notice-alert-message p {
  font-size: 15px;
  line-height: 18px;
  display: block;
  margin-bottom: 10px;
}

#publicNoticesHolder .facet-back-panel .notice-alert-message input {
  margin: 0 1%;
}

#publicNoticesHolder .facet-back-panel .notice-alert-message .button {
  padding: 0 20px;
}

#publicNoticesHolder .facet-back-panel .notice-alert-message #alertDistance,
#publicNoticesHolder .facet-back-panel .notice-alert-message #reference,
#publicNoticesHolder .facet-back-panel .notice-alert-message .alert-signup,
#publicNoticesHolder .facet-back-panel .notice-alert-message .autocomplete {
  width: 24%;
  height: 30px;
  display: inline-block;
}

#publicNoticesHolder .facet-back-panel .notice-alert-message .autocomplete input {
  width: 98%;
  margin: 0;
}

#publicNoticesHolder .facet-back-panel .notice-alert-message .autocomplete__list__item {
  text-align: left;
  padding-left: 5px;
}

@media (max-width: 600px) {
  #publicNoticesHolder .facet-back-panel .notice-alert-message {
    display: block;
    margin: 10px auto 5px;
    width: 94%;
  }
  #publicNoticesHolder .facet-back-panel .notice-alert-message p {
    text-align: left;
    font-size: 16px;
  }
  #publicNoticesHolder .facet-back-panel .notice-alert-message input {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  #publicNoticesHolder .facet-back-panel .notice-alert-message .button {
    margin: 10px 0 5px;
    width: 100%;
  }
  #publicNoticesHolder .facet-back-panel .notice-alert-message #alertDistance,
  #publicNoticesHolder .facet-back-panel .notice-alert-message #reference,
  #publicNoticesHolder .facet-back-panel .notice-alert-message .alert-signup,
  #publicNoticesHolder .facet-back-panel .notice-alert-message .autocomplete {
    width: 100%;
    margin-bottom: 10px;
  }
}

.facet-back-panel .img-pin.traffic-pin {
  right: 42%;
  top: 32px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin.traffic-pin {
    top: 28%;
    top: 117px;
    left: 32%;
  }
}

.facet-back-panel .img-pin.contract-pin {
  left: 24%;
  top: 137px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin.contract-pin {
    top: 20%;
    left: 49%;
  }
}

.facet-back-panel .img-pin.licensing-pin {
  right: 22%;
  top: 18px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin.licensing-pin {
    top: 64px;
    right: 20%;
  }
}

.facet-back-panel .img-pin.general-pin {
  left: 6%;
  top: 55px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin.general-pin {
    left: 5%;
    top: 164px;
  }
}

.facet-back-panel .img-pin.planning-pin {
  right: 7%;
  top: 34px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin.planning-pin {
    top: 157px;
    right: 2%;
  }
}

.facet-back-panel .img-pin.council-pin {
  left: 24%;
  top: 34px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin.council-pin {
    top: 78px;
    left: 14%;
  }
}

.facet-back-panel .img-pin {
  text-shadow: 1px 2px 12px rgba(0, 0, 0, 0.6);
  text-align: center;
  max-width: 120px;
  position: absolute;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin {
    display: none;
  }
}

.facet-back-panel .img-pin span {
  margin-top: 5px;
  display: block;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 5px 12px;
  border-radius: 20px;
  line-height: 14px;
}

.facet-back-panel .img-pin .traffic {
  font-size: 80px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin .traffic {
    font-size: 56px;
  }
}

.facet-back-panel .img-pin .traffic:after {
  color: #384A7C;
  font-size: 52px;
  top: 9px;
  left: 14px;
  text-shadow: none;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin .traffic:after {
    font-size: 34px;
    left: 11px;
  }
}

.facet-back-panel .img-pin .council {
  font-size: 54px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin .council {
    font-size: 45px;
  }
}

.facet-back-panel .img-pin .council:after {
  color: #7C3E48;
  font-size: 32px;
  top: 9px;
  left: 10px;
  text-shadow: none;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin .council:after {
    font-size: 28px;
    left: 8px;
    top: 7px;
  }
}

.facet-back-panel .img-pin .planning {
  font-size: 84px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin .planning {
    font-size: 54px;
  }
}

.facet-back-panel .img-pin .planning:after {
  font-size: 50px;
  top: 13px;
  left: 16px;
  text-shadow: none;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin .planning:after {
    font-size: 30px;
    left: 12px;
    top: 10px;
  }
}

.facet-back-panel .img-pin .general {
  font-size: 76px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin .general {
    font-size: 50px;
  }
}

.facet-back-panel .img-pin .general:after {
  color: #479741;
  font-size: 40px;
  left: 18px;
  text-shadow: none;
  top: 17px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin .general:after {
    font-size: 24px;
    left: 13px;
    top: 12px;
  }
}

.facet-back-panel .img-pin .licensing {
  font-size: 60px;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin .licensing {
    font-size: 50px;
  }
}

.facet-back-panel .img-pin .licensing:after {
  color: #852453;
  font-size: 30px;
  top: 14px;
  left: 15px;
  text-shadow: none;
}

@media (max-width: 600px) {
  .facet-back-panel .img-pin .licensing:after {
    font-size: 24px;
    left: 14px;
    top: 12px;
  }
}

.facet-back-panel .img-pin:hover {
  text-shadow: 1px 3px 12px rgba(0, 0, 0, 0.9);
}

.facet-back-panel .img-pin:active {
  text-shadow: indent 1px 3px 12px rgba(0, 0, 0, 0.9);
}

#publicNoticesHolder .facet-back-panel .terms {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  width: 100%;
  text-align: center;
  display: block;
}

#publicNoticesHolder .facet-back-panel .terms a {
  color: #fff;
  text-decoration: underline;
}

.notice-facet {
  padding: 10px 20px 20px;
}

#noticeSearchForm label {
  font-size: 18px;
  line-height: 2em;
  color: #501b81;
  left: auto;
  position: relative;
  display: block;
  font-weight: 600;
}

#noticeSearchForm .close {
  position: absolute;
  top: 10px;
  right: 10px;
}

aside #noticeSearchForm label {
  line-height: 1em;
}

#noticeInputs {
  position: relative;
}

#noticeInputs .alert {
  clear: both;
  float: none;
  width: 98%;
  padding: 0 5px;
}

.notice-location {
  width: 72%;
  float: left;
}

@media (max-width: 900px) {
  .notice-location {
    width: 66%;
  }
}

@media (max-width: 768px) {
  .notice-location {
    width: 58%;
  }
}

@media (max-width: 650px) {
  .notice-location {
    width: 54%;
  }
}

.notice-location .autocomplete input {
  width: 98%;
}

.notice-location .autocomplete__list {
  width: 98%;
}

.width-respond {
  width: 25%;
  float: left;
}

.width-respond input,
.width-respond select {
  width: 98%;
}

.notice-location.width-respond {
  width: 20%;
}

@media (max-width: 600px) {
  .notice-location.width-respond {
    width: 100%;
  }
}

.optional-fields.width-respond {
  width: 80%;
}

.notice-options {
  float: left;
  text-align: center;
  position: absolute;
  bottom: 5px;
}

.option-checkboxes {
  margin: 20px 0 0;
  border-top: 1px solid #ffffff;
}

.option-checkboxes li {
  width: 33%;
  float: left;
}

.option-checkboxes input {
  height: auto;
}

.notice-facet .notice-commit {
  float: right;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

@media (max-width: 600px) {
  .notice-facet .notice-commit,
  .notice-location,
  .notice-options,
  .width-respond {
    width: 100%;
    display: block;
    float: none;
    clear: both;
  }
  .notice-commit button {
    width: 100%;
  }
  .autocomplete input {
    margin-bottom: 0;
  }
  .notice-options {
    text-align: left;
  }
  .notice-location,
  .notice-options {
    margin-bottom: 20px;
  }
  .notice-facet .notice-commit,
  .notice-options {
    position: static;
  }
  .width-respond {
    margin-bottom: 10px;
    width: 100%;
  }
  .width-respond .notice-options {
    margin-bottom: 0;
  }
  .optional-fields.width-respond {
    margin-bottom: 0;
    width: 100%;
  }
  .option-checkboxes li {
    width: 100%;
    float: none;
    clear: both;
  }
}

.toggle-search-refine {
  display: none;
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .toggle-search-refine {
    display: block;
  }
}

#publicNoticesHolder {
  position: relative;
}

#publicNoticesHolder .autocomplete__results {
  width: 100%;
}

#publicNoticesHolder .comments-headline {
  margin-left: 0;
}

#publicNoticesHolder .comments-wrapper section {
  padding-left: 0;
}

#publicNoticesHolder.public-notices-index .notices-content-wrapper .main-column {
  float: left;
}

#publicNoticesHolder.public-notices-index aside {
  margin-right: 0;
  margin-left: 15px;
}

@media (max-width: 768px) {
  #publicNoticesHolder.public-notices-index aside {
    margin-left: 0;
    margin-top: 10px;
  }
}

#publicNoticesHolder aside .notice-search-form .optional-fields.width-respond {
  width: 100%;
}

#publicNoticesHolder aside .notice-search-form #noticeInputs .alert {
  width: 100%;
}

#publicNoticesHolder aside .notice-search-form span.width-respond {
  margin-bottom: 5px;
}

#publicNoticesHolder .main-column > .pager {
  margin-bottom: 14px;
}

#publicNoticesHolder .main-column > .notice-pager > .notice-alert-message {
  margin: 14px 0 10px;
}

@media (max-width: 600px) {
  #publicNoticesHolder.public-notices-index .notice-alert-message {
    display: block;
    text-align: left;
  }
}

#publicNoticesHolder.public-notices-index .notice-alert-message p {
  display: inline;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin-right: 10px;
  padding-bottom: 10px;
}

@media (max-width: 768px) {
  #publicNoticesHolder.public-notices-index .notice-alert-message p {
    display: block;
  }
}

#publicNoticesHolder.public-notices-index .notice-alert-message input {
  margin: 0 2px;
  height: 30px;
}

@media (max-width: 600px) {
  #publicNoticesHolder.public-notices-index .notice-alert-message input {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}

#publicNoticesHolder.public-notices-index .notice-alert-message .button {
  margin-top: -5px;
}

@media (max-width: 600px) {
  #publicNoticesHolder.public-notices-index .notice-alert-message .button {
    margin: 10px 0 5px;
    width: 100%;
  }
}

#publicNoticesHolder .notice-alert-message p::before {
  display: none;
}

#publicNoticesHolder .alert-signup-message {
  width: 100%;
  position: relative;
  z-index: 8;
}

.browseAll {
  float: right;
  margin-top: 15px;
}

.search-facet {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 20px;
}

.facet-search-column {
  float: left;
}

.facet-block {
  background: #f7f4f1;
  padding: 10px;
}

.facet-block > h4 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}

.facet-result {
  position: relative;
  background: #f3efeb;
  border: solid 1px #f3f2f0;
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px;
  padding: 10px;
}

.facet-result.facet-result-featured {
  background: #edf3fa;
  padding-top: 20px;
}

.facet-result h4 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
  padding-right: 100px;
}

#facetContent {
  width: 66%;
  float: left;
  display: inline-block;
}

aside#facetSearchForm {
  width: 30%;
  min-width: 300px;
  float: left;
  overflow: hidden;
  margin-right: 15px;
  background: #d6e2f3;
  border-radius: 3px;
  padding: 10px;
}

aside#facetSearchForm .facet-autocomplete input,
aside#facetSearchForm .facet-autocomplete select {
  font-size: 15px;
  background: #fff;
  padding: 5px;
  max-height: 30px;
  border-radius: 3px;
  border: 1px solid #ddd;
  width: 100%;
  z-index: 3000009;
}

aside#facetSearchForm .facet-autocomplete div,
aside#facetSearchForm .facet-autocomplete select {
  margin-bottom: 10px;
}

aside#facetSearchForm .facet-autocomplete label,
aside#facetSearchForm legend {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}

aside#facetSearchForm fieldset {
  margin-bottom: 10px;
}

aside#facetSearchForm fieldset li {
  background: #EDF2FA;
  color: #666666;
  border: solid 1px #cccccc;
  border-radius: 3px;
  font-weight: normal;
  font-size: 14px;
  display: inline-block;
  padding: 6px 10px 6px 3px;
  margin: 0 5px 5px 0;
}

.pagination {
  float: right;
}

.pagination > span,
.pagination > a {
  display: inline-block;
  font-size: 16px;
}

.pagination a {
  color: #444444;
}

.pagination a span {
  display: block;
}

.pagination span {
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
}

.pagination span.active {
  background: #D0D0D0;
  border-radius: 50%;
  margin: 0 5px;
}

.pager {
  margin-bottom: 10px;
}

.pager li {
  display: inline-block;
  font-size: 16px;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
}

.pager li a {
  color: #444444;
}

.pager li span {
  width: 100%;
  height: 100%;
  display: block;
}

.pager li span.selected {
  background: #D0D0D0;
  border-radius: 50%;
  height: 100%;
  padding: 0;
}

#education .pager {
  float: right;
}

#education .pager ul li {
  display: block;
  float: left;
}

#education .pager a {
  padding: 0;
  height: auto;
  line-height: 35px;
}

.tab-pagination {
  width: 100%;
  text-align: right;
  margin-bottom: 20px;
}

.tab-pagination a {
  display: inline-block;
  font-size: 16px;
  color: #444;
}

.tab-pagination a i {
  display: block;
}

.tab-pagination a.disabled {
  color: #808080;
}

@media (max-width: 992px) {
  aside#facetSearchForm {
    min-width: auto;
  }
}

@media (max-width: 600px) {
  aside#facetSearchForm {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  #facetContent {
    width: 100%;
    float: none;
    display: block;
  }
}

.most-read-commented.floating-most-read {
  margin-top: -10px;
}

.most-read-commented .read-more {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.most-read-commented button span {
  margin-right: 10px;
}

.most-read-commented .side-ad {
  margin-top: 10px;
}

#mostReadContainer {
  position: relative;
}

.ugc-fixed {
  position: fixed;
  left: 0;
  right: 0;
}

.ugc-blur {
  filter: blur(10px);
  -webkit-filter: blur(10px);
}

.i-dont-have-image-link {
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
  text-align: right;
  margin-top: 5px;
  font-size: 16px;
}

.contribution-card {
  margin-bottom: 20px;
}

.contribution-card h1 {
  padding: 10px;
  font-weight: 600;
  color: #ffffff;
  font-size: 14pt;
}

.contribution-card .contribution-image {
  text-align: center;
}

.contribution-card .contribution-image img {
  max-width: 100%;
  border: 0;
}

.contribution-card .contribution-image i {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.contribution-card .contribution-info {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  padding-bottom: 5px;
  clear: both;
}

.contribution-card .contribution-info .contribution-by {
  font-size: 12pt;
  padding-top: 10px;
}

.contribution-card .contribution-info .contribution-by span {
  font-weight: 600;
}

.contribution-card .contribution-info .contribution-caption {
  font-size: 12pt;
  font-style: italic;
  padding-top: 10px;
}

.contribution-card .contribution-text {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12pt;
  font-style: italic;
}

.contribution-card.ugc-2 .contribution-image:nth-of-type(2) {
  margin-top: 5px;
}

/* TODO: Sandeeps code above needs to removed from global scope. (e.g. within the #user-contributions-overlay ID)*/
#user-contributions-overlay {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.68);
  display: none;
  overflow-y: scroll;
  z-index: 3000049;
}

#user-contributions-overlay input {
  border: 0;
}

#user-contributions-overlay .close-overlay,
#user-contributions-overlay .reset-overlay {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  position: fixed;
  top: 0;
  margin: 15px;
  cursor: pointer;
}

#user-contributions-overlay .close-overlay {
  right: 10px;
}

#user-contributions-overlay .reset-overlay {
  left: 0;
}

#user-contributions-overlay > .container {
  max-width: 800px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 500px;
  margin: auto;
}

#user-contributions-overlay > .container h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
}

#user-contributions-overlay > .container h2 .light-heading {
  font-weight: 500;
}

#user-contributions-overlay .switch-contribution-mode {
  float: right;
  color: #fff;
  margin-top: 10px;
  text-decoration: underline;
  cursor: pointer;
}

#user-contributions-overlay .switch-contribution-mode:hover {
  text-decoration: none;
}

#user-contributions-overlay.ugc-fix-to-top > .container {
  position: initial;
  margin-top: 60px;
  margin-bottom: 20px;
}

#user-contributions-overlay.ugc-fix-to-top > .close-overlay,
#user-contributions-overlay.ugc-fix-to-top > .reset-overlay {
  position: absolute;
}

.modal-open #user-contributions-overlay .modal {
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  bottom: 0;
  margin: auto;
}

/* Text contributions template */
#user-contributions-overlay .ugc-text-contribution-container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#user-contributions-overlay .ugc-text-contribution-container textarea {
  width: 100%;
  height: 200px;
  margin-top: 20px;
  padding: 5px;
}

#user-contributions-overlay .ugc-text-contribution-container .row {
  margin-bottom: 10px;
}

#user-contributions-overlay .ugc-text-contribution-container label {
  color: #fff;
  margin-top: 5px;
}

#user-contributions-overlay .ugc-text-contribution-container input {
  width: 100%;
  padding: 3px 3px 3px 5px;
}

#user-contributions-overlay .ugc-text-contribution-container input[type="checkbox"] {
  float: left;
  width: auto;
  margin-right: 10px;
}

#user-contributions-overlay .ugc-text-contribution-container p {
  color: #fff;
  font-size: 10px;
}

#user-contributions-overlay .ugc-text-contribution-container button {
  color: #fff;
  font-weight: 700;
  border-radius: 0;
  margin-top: 10px;
  float: right;
  box-shadow: none;
  margin-bottom: 30px;
}

#user-contributions-overlay .ugc-text-contribution-container .dont-credit-container {
  padding-top: 4px;
}

/* Register & Login template */
#user-contributions-overlay .ugc-login-container,
#user-contributions-overlay .ugc-register-container {
  margin-top: 20px;
  /* Main content */
  /* Sidebar */
}

#user-contributions-overlay .ugc-login-container label,
#user-contributions-overlay .ugc-register-container label {
  font-weight: 700;
}

#user-contributions-overlay .ugc-login-container input,
#user-contributions-overlay .ugc-register-container input {
  border: solid 1px #c1c1c1;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
}

#user-contributions-overlay .ugc-login-container button.login-user,
#user-contributions-overlay .ugc-login-container button.register-user,
#user-contributions-overlay .ugc-register-container button.login-user,
#user-contributions-overlay .ugc-register-container button.register-user {
  float: right;
  margin-top: 45px;
  margin-bottom: 10px;
  border-radius: 0;
}

#user-contributions-overlay .ugc-login-container p,
#user-contributions-overlay .ugc-register-container p {
  margin-bottom: 10px;
  line-height: 18px;
}

#user-contributions-overlay .ugc-login-container .ugc-login-form,
#user-contributions-overlay .ugc-register-container .ugc-login-form {
  margin-top: 20px;
}

#user-contributions-overlay .ugc-login-container .inline-radio-group label,
#user-contributions-overlay .ugc-register-container .inline-radio-group label {
  margin-right: 10px;
  display: inline-block;
}

#user-contributions-overlay .ugc-login-container .inline-radio-group input,
#user-contributions-overlay .ugc-register-container .inline-radio-group input {
  width: auto;
  margin-top: 4px;
  float: left;
}

#user-contributions-overlay .ugc-login-container .large-checkbox-container,
#user-contributions-overlay .ugc-register-container .large-checkbox-container {
  position: relative;
  padding-left: 33px;
  padding-right: 30px;
  display: block;
  margin-top: 19px;
  font-size: 12px;
}

#user-contributions-overlay .ugc-login-container .large-checkbox-container input,
#user-contributions-overlay .ugc-register-container .large-checkbox-container input {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto;
}

#user-contributions-overlay .ugc-login-container > .col-md-8,
#user-contributions-overlay .ugc-register-container > .col-md-8 {
  background-color: #fff;
}

#user-contributions-overlay .ugc-login-container > .col-md-8 h3,
#user-contributions-overlay .ugc-register-container > .col-md-8 h3 {
  font-weight: 700;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#user-contributions-overlay .ugc-login-container > .col-md-8 .login-link,
#user-contributions-overlay .ugc-register-container > .col-md-8 .login-link {
  text-decoration: underline;
}

#user-contributions-overlay .ugc-login-container > .col-md-4,
#user-contributions-overlay .ugc-register-container > .col-md-4 {
  color: #fff;
}

#user-contributions-overlay .ugc-login-container > .col-md-4 h3,
#user-contributions-overlay .ugc-register-container > .col-md-4 h3 {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#user-contributions-overlay .ugc-login-container > .col-md-4 ul,
#user-contributions-overlay .ugc-register-container > .col-md-4 ul {
  margin-top: 25px;
}

#user-contributions-overlay .ugc-login-container > .col-md-4 ul li,
#user-contributions-overlay .ugc-register-container > .col-md-4 ul li {
  padding-left: 39px;
  position: relative;
  margin-bottom: 20px;
}

#user-contributions-overlay .ugc-login-container > .col-md-4 ul li i,
#user-contributions-overlay .ugc-register-container > .col-md-4 ul li i {
  font-size: 25px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 35px;
  height: 35px;
}

#user-contributions-overlay .ugc-login-container > .col-md-4 a,
#user-contributions-overlay .ugc-register-container > .col-md-4 a {
  color: #fff;
  text-align: center;
  display: block;
  text-decoration: underline;
  margin-bottom: 20px;
  margin-top: 40px;
}

#user-contributions-overlay .ugc-login-container select,
#user-contributions-overlay .ugc-register-container select {
  width: 100%;
  background-color: #fff;
  border: solid 1px #c1c1c1;
  padding: 5px;
}

#user-contributions-overlay .ugc-loggedin-container {
  margin-top: 20px;
}

#user-contributions-overlay .ugc-loggedin-container button {
  border-radius: 0;
}

#user-contributions-overlay[data-stage="LoginSuccess"] .container {
  text-align: center;
}

#user-contributions-overlay .loading-overlay,
#user-contributions-overlay .loading-overlay:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

#user-contributions-overlay .loading-overlay {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 5px;
  position: fixed;
  text-indent: -9999em;
  border-top: 1.1em solid #a20808;
  border-right: 1.1em solid #a20808;
  border-bottom: 1.1em solid #a20808;
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  background-color: #fb7676;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media screen and (min-width: 768px) {
  .contribution-card.ugc-3 .contribution-image:nth-of-type(2) {
    margin-top: 10px;
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-3 .contribution-image:nth-of-type(3) {
    margin-top: 10px;
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(1) {
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(2) {
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(3) {
    clear: both;
    margin-top: 10px;
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(4) {
    margin-top: 10px;
    float: left;
    width: 49%;
  }
}

a.contribution-top-cta {
  color: #ffffff;
  padding: 2px 6px;
  display: inline-block;
  margin-bottom: 10px;
}

a.contribution-top-cta:hover {
  color: #ffffff;
}

a.contribution-top-cta:visited {
  color: #ffffff;
}

#ugcCta {
  clear: both;
  width: 100%;
  margin-top: 10px;
}

#ugcCta .left {
  width: 100%;
}

#ugcCta .left h2 {
  font-size: 18pt;
  font-weight: 600;
}

#ugcCta .left p {
  padding-top: 10px;
  font-size: 12pt;
  padding-right: 5px;
}

#ugcCta .right {
  width: 100%;
}

#ugcCta .right img {
  max-width: 100%;
}

#ugcCta a.cta {
  display: block;
  margin-top: 10px;
  text-align: center;
  padding: 8px;
  color: #ffffff;
  font-size: 12pt;
}

#ugcCta a.cta-disabled {
  color: #3f3f3f;
  background-color: #e3e3eb;
  cursor: not-allowed;
}

#user-contributions-overlay .ugc-upload-container.ugc-error {
  border: 2px #BB0000 dashed;
}

#user-contributions-overlay .ugc-upload-container.ugc-error .key-message i {
  color: #BB0000;
}

#user-contributions-overlay .ugc-upload-container.ugc-error h3 {
  font-weight: 600;
  font-size: 14pt;
}

#user-contributions-overlay .ugc-upload-container.ugc-success {
  border: 2px #0CBB00 dashed;
}

#user-contributions-overlay .ugc-upload-container.ugc-success .key-message i {
  color: #0CBB00;
}

#user-contributions-overlay .ugc-upload-container {
  width: 100%;
  height: 300px;
  position: relative;
  border: 2px #000000 dashed;
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: 20px;
}

#user-contributions-overlay .ugc-upload-container:hover {
  background-color: #FFF;
}

#user-contributions-overlay .ugc-upload-container input.ugc-upload-file {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

#user-contributions-overlay .ugc-upload-container .key-message {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  height: 65px;
}

#user-contributions-overlay .ugc-upload-container .key-message i {
  font-size: 45px;
}

#user-contributions-overlay .ugc-upload-container .key-message .key-message-text {
  font-size: 20px;
}

#user-contributions-overlay .ugc-upload-container-small {
  max-height: 165px;
}

#user-contributions-overlay[data-stage="UploadContribution"] textarea {
  height: 190px;
  padding: 10px;
  font-size: 16px;
}

#user-contributions-overlay[data-stage="UploadContribution"] input[type="text"] {
  padding: 5px 5px 5px 10px;
  font-size: 16px;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list {
  margin-top: 20px;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list .col-md-6 {
  margin-bottom: 10px;
  text-align: center;
  height: 200px;
  position: relative;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list .col-md-6 img {
  width: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list .col-md-6 input.ugc-upload-file {
  left: 0;
  top: 0;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list .col-md-6.has-image .ugc-hover-delete-image {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list .col-md-6.has-image .ugc-hover-delete-image i {
  color: #fff;
  font-size: 41px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 50px;
  width: 100%;
  text-align: center;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list.no-images .col-md-6 {
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list.no-images .col-md-6 .ugc-upload-container {
  max-height: 400px;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list.no-transitions .col-md-6 {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

#user-contributions-overlay[data-stage="UploadContribution"] .image-upload-temporary-image {
  display: none !important;
}

#ugcContribution {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

#ugcContribution p {
  padding: 20px;
  font-size: 12pt;
}

#ugcContribution .left {
  width: 100%;
}

#ugcContribution .right {
  width: 100%;
}

#ugcContribution .right img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  #ugcCta .left {
    width: 50%;
    float: left;
  }
  #ugcCta .right {
    width: 50%;
    float: right;
  }
  #ugcContribution .left {
    width: 50%;
    float: left;
  }
  #ugcContribution .right {
    width: 50%;
    float: right;
  }
}

@media screen and (max-width: 992px) {
  .ugc-text-contribution-container input[type="text"] {
    margin-bottom: 5px;
  }
}

/* Minor fix for ekko lightbox modal */
.modal-open .ekko-lightbox.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 1;
  height: 100vh;
}

[data-toggle="lightbox"] {
  position: relative;
  display: block;
}

[data-toggle="lightbox"] img {
  max-width: 100%;
}

[data-toggle="lightbox"] i {
  position: absolute;
  font-size: 50px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  margin: auto;
  color: #fff;
  opacity: 0.7;
}

.page-wrapper > article,
.page-wrapper .content {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 66.66667%;
}

@media (max-width: 992px) {
  .page-wrapper > article,
  .page-wrapper .content {
    width: 59%;
  }
}

@media (max-width: 480px) {
  .page-wrapper > article,
  .page-wrapper .content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.page-wrapper .full-content {
  width: 100%;
}

.page-wrapper aside {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  float: left;
  width: 33.33333%;
}

@media (max-width: 992px) {
  .page-wrapper aside {
    width: 41%;
  }
}

@media (max-width: 480px) {
  .page-wrapper aside {
    display: none;
  }
}

.title {
  font-size: 30px;
  font-weight: 600;
}

.title i {
  font-size: 18px;
  font-weight: normal;
}

.page-section {
  font-weight: 600;
  margin-bottom: 10px;
}

.page-section i {
  font-weight: normal;
}

h1.page-section {
  font-size: 32px;
}

h1.page-section i {
  font-size: 14px;
}

#subscription-spinner {
  display: none;
}

#subscription-content {
  background: none !important;
  height: auto !important;
}

.most-tab-content3 .tab-pane {
  overflow: hidden;
}

.most-read-slide {
  position: relative;
  left: 0;
  -webkit-transition: left 1s ease;
  -moz-transition: left 1s ease;
  -ms-transition: left 1s ease;
  -o-transition: left 1s ease;
  transition: left 1s ease;
}

.most-read-slide ol:last-child {
  position: absolute;
  top: 0;
  left: 100%;
}

#MostRead-more3,
#MostRead3 {
  width: 100%;
  float: left;
}

.xx-large.semi-loud.page-title {
  display: none;
}

#announcements,
.row.notice-footer,
article.row {
  margin-left: -1px;
  margin-right: -1px;
}

.next-story-m {
  height: auto;
  max-height: 100px;
  box-shadow: none;
  line-height: 2;
  display: none;
  background-color: #14497f;
  border-bottom: solid 3px #000;
  color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  width: 100%;
}

.next-story-m a {
  display: table-row;
  margin-left: 10px;
}

.next-story-m h4 {
  font-weight: 600;
  font-size: 16px;
  white-space: normal;
  vertical-align: top;
  display: table-cell;
  color: #fff;
  vertical-align: middle;
  padding: 5px 10px 8px;
  line-height: 18px;
}

.next-story-m a h4:after {
  width: 20px;
  display: inline-block;
}

.next-story-m a:hover h4:after {
  font-weight: 400;
  color: #fff;
  content: '\f105';
  margin-left: 5px;
  font-family: "FontAwesome";
}

.next-story-m img {
  width: 110px;
  margin-top: -28px;
  text-align: center;
  height: 100%;
  border: none !important;
  display: table-cell;
  float: right;
}

.next-story-m .next {
  line-height: 0.9;
  background: none;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  background: #000;
  display: inline-block;
  padding: 5px 10px 8px;
}

.article-extra section {
  margin-bottom: 20px;
}

.article-extra section h4 {
  margin-bottom: 10px;
}

.promoted-block {
  margin-top: 15px;
}

.promoted-block h4 {
  margin-bottom: 10px;
}

.also-read {
  margin-top: 15px;
}

.also-read a {
  color: #000;
}

#uatu-title {
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .also-wrapper .clearfix {
    display: none;
  }
}

.article-horizontal {
  max-width: 300px;
  display: inline-block;
  vertical-align: top;
  min-width: 50px;
  width: 23.275%;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 0 2.3%;
}

.article-horizontal:first-child {
  margin-left: 0;
}

@media (max-width: 992px) {
  .article-horizontal {
    width: 48.8%;
    max-width: 500px;
    margin-bottom: 10px;
  }
  .article-horizontal:nth-child(4) {
    margin-left: 0;
  }
}

.article-horizontal img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.most-block .tab-content ol li span {
  width: 34px;
  padding: 10px 0 0;
  text-align: right;
  min-width: 40px;
}

.most-block .tab-content ol li span.fa-comments {
  padding: 0;
  width: auto;
  min-width: auto;
}

.most-block .tab-content ol li a {
  padding: 10px 0 0 10px;
}

.most-block .clearfix {
  border-bottom: 1px solid #ffffff;
  margin: 0 20px;
}

.most-block .clearfix:last-child {
  border: 0;
}

@media (max-width: 480px) {
  .most-block .clearfix {
    border-bottom: 0;
    margin: 0;
  }
  .most-block li {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
}

.most-block-full span.item-count {
  width: 45px;
}

#MostRead-more {
  display: none;
}

.show-more #MostRead-more {
  display: block;
}

.see-more {
  margin-right: 10px;
  padding: 10px 0;
  text-align: right;
}

.mini-banners div {
  text-align: center;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0;
}

@media (min-width: 992px) {
  .mini-banners div {
    float: left;
    width: 33.3333333333%;
  }
}

@media (max-width: 768px) {
  .mini-banners div {
    margin-bottom: 10px;
  }
}

.bottom-leaderboard {
  padding-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}

header .advert {
  background: #ffffff;
  padding-bottom: 20px;
}

@media (max-width: 600px) {
  header .advert {
    padding-bottom: 10px;
    min-height: auto;
  }
}

header #sectionBranding {
  background: #ffffff;
  position: relative;
  border-left: solid 1px #efefef;
  border-right: solid 1px #efefef;
  padding: 10px 0;
}

@media (max-width: 480px) {
  header #sectionBranding {
    padding: 0;
  }
}

header #sectionBranding .logo {
  min-height: 90px;
}

@media (max-width: 480px) {
  header #sectionBranding .logo {
    min-height: 40px;
  }
}

header #sectionBranding .logo img {
  padding: 10px 0;
}

@media (max-width: 768px) {
  header #sectionBranding .logo img {
    width: 60%;
    height: auto;
  }
}

header #sectionBranding .widget-weather {
  position: absolute;
  right: 10px;
  margin-top: 15px;
  width: 180px;
}

@media (max-width: 768px) {
  header #sectionBranding .widget-weather {
    display: none;
  }
}

header #sectionBranding .widget-weather p {
  padding-top: 32px;
}

header #sectionBranding .widget-weather .weather-icon {
  position: absolute;
  top: -15px;
  left: 54%;
  display: block;
  margin-left: -2em;
}

header #sectionBranding .widget-weather .weather-icon div {
  padding: 0 0 5px;
  font-size: 3em;
}

.main-nav {
  background: #ffffff;
}

.main-nav a {
  display: inline-block;
  padding: 0 8px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 15px;
  line-height: 35px;
}

.main-nav a:hover {
  color: #ffffff;
}

.main-nav nav {
  margin: 0 15px;
  padding-left: 0;
  border-bottom: 5px solid;
}

@media (max-width: 991px) {
  .main-nav nav {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .main-nav nav > a {
    display: none;
  }
  .main-nav nav > a:nth-child(1), .main-nav nav > a:nth-child(2), .main-nav nav > a:nth-child(3), .main-nav nav > a:nth-child(4) {
    display: inline-block;
  }
}

.main-nav nav .button-toggle-nav {
  display: none;
}

@media (max-width: 768px) {
  .main-nav nav .button-toggle-nav {
    display: inline-block;
  }
}

.main-nav nav + nav {
  overflow: hidden;
  height: 30px;
  border-bottom: none;
  background-color: #f7f4f1;
}

@media (max-width: 768px) {
  .main-nav nav + nav {
    display: none;
  }
}

.main-nav nav + nav a {
  padding: 0 10px;
  text-transform: capitalize;
  color: #3f3f3f;
  border-bottom: 3px solid transparent;
  font-size: 14px;
  font-weight: 600;
  line-height: 27px;
}

.main-nav nav + nav a:active, .main-nav nav + nav a:visited {
  color: #3f3f3f;
}

.main-nav nav + nav a:hover {
  border-bottom: 3px solid;
  background-color: transparent;
}

.main-nav nav + nav a:active {
  color: #797979;
}

.main-nav .title {
  background: url("/resources/responsive-static/images/header-nav-arrow.png") center right;
}

#navMobile {
  display: none;
}

#navMobile.on {
  display: block;
}

#navMobile .in-menu-options {
  border-bottom: 1px solid #444;
}

#navMobile .options-container {
  background: #000;
}

#navMobile .options-container button {
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  border: none;
  outline: none;
  background-color: transparent;
}

#navMobile .options-container a {
  float: right;
  padding: 0 16px;
  line-height: 50px;
}

#navMobile #searchContainer {
  padding: 17px 13px;
  background-color: #f7f4f1;
}

#navMobile #searchContainer input[type="text"] {
  width: 75%;
  padding: 9px;
}

#navMobile #searchContainer button {
  float: right;
  width: 36px;
  height: 36px;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 50px;
  background-color: #371556;
}

#navMobile .nav-items {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #343434;
}

#navMobile .nav-items a {
  display: block;
  width: 100%;
  padding: 5px 0 5px 15px;
  color: #ffffff;
  border-bottom: 1px solid #444;
  outline: none;
}

.footer-container {
  border: 1px solid #efefef;
  border-top: none;
  width: 100%;
  margin: auto;
  padding: 10px 15px 0;
  background-color: #fff;
  font-size: 12px;
}

@media (max-width: 768px) {
  .footer-container {
    width: 100%;
  }
  .footer-container .switch-to-mobile {
    display: none;
  }
}

.footer-container ul {
  padding: 0;
  list-style: none;
}

.footer-container a,
.footer-container a:active,
.footer-container a:visited {
  color: #3f3f3f;
}

.footer-strip {
  height: 4px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.footer-links {
  float: left;
  margin: 0;
}

@media (max-width: 768px) {
  .footer-links {
    padding: 0;
  }
}

.footer-links li a {
  color: #999999;
}

.footer-notice {
  clear: none;
  margin: 5px 0;
}

.ipso-regulated {
  margin: 10px 0 0;
  padding: 10px 0;
  border-bottom: 4px #f9f9f9 solid;
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .ipso-regulated {
    margin: 0 0 15px;
    padding: 0;
  }
}

.ipso-regulated::after {
  display: block;
  visibility: hidden;
  clear: both;
  overflow: hidden;
  width: 0;
  height: 0;
  content: ".";
  font-size: 0;
  line-height: 0;
}

.ipso-regulated h5 {
  display: block;
  float: left;
  /*margin: 0 15px 0 0;*/
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: normal;
}

@media (max-width: 768px) {
  .ipso-regulated h5 {
    float: none;
    margin-top: 10px;
  }
}

.ipso-regulated h5 span {
  display: block;
  font-family: 'Times New Roman', Times, serif;
  font-size: 34px;
}

.ipso-regulated p {
  display: block;
  float: right;
  clear: none;
  width: 800px;
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .ipso-regulated p {
    float: none;
    width: 100%;
  }
}

.footer-submenu {
  width: 100%;
}

@media (max-width: 768px) {
  .footer-submenu {
    padding: 0;
  }
}

.footer-links li,
.footer-submenu li {
  display: inline-block;
  margin-right: 15px;
}

/*
 *  Footer used exclusively on herald scotland
*/
#herald {
  margin: 0;
  padding: 30px 0 0;
  color: #333333;
  border-top: 1px #d8d8d8 solid;
  background-color: #f9f9f9;
}

#herald strong {
  font-weight: 600;
}

#herald h4 {
  font-weight: 600;
  margin: 0 0 20px;
}

#herald .footer-container {
  margin: 0;
  padding: 10px 0;
}

#herald .footer-links-list > li {
  border-right: 1px #d8d8d8 solid;
  line-height: 1.7;
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  #herald .footer-links-list > li {
    float: left;
    width: 50%;
  }
}

@media (min-width: 992px) {
  #herald .footer-links-list > li {
    float: left;
    width: 16.6666666667%;
  }
}

#herald .footer-links-list > li.our-network {
  font-weight: 600;
}

#herald .footer-links-list > li.our-colleagues, #herald .footer-links-list > li.our-network {
  border-right: 0;
}

@media (max-width: 480px) {
  #herald .footer-links-list > li:nth-child(odd) {
    clear: left;
    border-right: 0;
  }
  #herald .footer-links-list > li .switch-to-mobile {
    display: none;
  }
}

#herald .ipso-regulated {
  clear: both;
  float: none;
}

#herald .ipso-logo {
  line-height: 22px;
}

#herald.et {
  background-color: transparent;
  border-top: 0;
}

#herald.et .footer-container,
#herald.et .footer-links-list a {
  background-color: #333;
  color: #999;
}

#herald.et .ipso-regulated {
  margin-bottom: 0;
}

#DFP_top_leaderboard {
  padding-top: 5px;
}

@media (max-width: 765px) {
  #DFP_top_leaderboard {
    height: 57px;
    padding-top: 0;
  }
}

#topNav {
  background: #eae8e5;
  border-top: 1px solid #371556;
  border-bottom: 1px solid #e3e3eb;
}

@media (max-width: 1000px) {
  #topNav #socialDrops > div {
    padding: 4px 5px;
  }
}

@media (max-width: 940px) {
  #topNav #socialDrops > span,
  #topNav .top-nav-secondary a:nth-child(5) {
    display: none;
  }
}

@media (max-width: 860px) {
  #topNav .top-nav-secondary a:nth-child(4) {
    display: none;
  }
}

@media (max-width: 760px) {
  #topNav .top-nav-secondary a:nth-child(2) {
    display: none;
  }
}

@media (max-width: 670px) {
  #topNav .top-nav-secondary a:nth-child(3) {
    display: none;
  }
}

@media (max-width: 630px) {
  #topNav {
    display: none;
  }
}

.top-nav-secondary a {
  display: inline-block;
  float: left;
  padding: 4px 10px;
  margin: 4px 0;
  font-weight: bold;
  font-size: 14px;
  color: #3f3f3f;
  text-transform: uppercase;
}

.top-nav-secondary a.book-an-ad {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 9px 10px;
  margin: 0;
}

#socialDrops > div,
#socialDrops > span {
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 4px 7px;
  margin: 5px 0;
}

#socialDrops a span.fa-facebook {
  color: #3b5998;
}

#socialDrops a span.fa-twitter {
  color: #55acee;
}

.social-dropdown {
  position: relative;
}

.social-feed {
  left: -86px;
  background: #fff;
  border: solid 2px #fff;
  box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.3);
  color: #444;
  width: 220px;
  border-radius: 1px;
  display: none;
  position: absolute;
  z-index: 100;
}

.social-feed .social-header {
  display: block;
  color: #fff;
  margin: 0;
  width: 100%;
  font-weight: 600;
  font-size: 17px;
  line-height: 10px;
  padding: 10px;
  margin-bottom: 10px;
}

.social-feed .social-header .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  z-index: 9;
  position: absolute;
  left: 92px;
  top: -8px;
}

.social-feed .social-header i {
  font-size: 20px;
  padding: 0 10px 0 0;
}

.social-feed li {
  margin: 0 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #eee;
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: 444;
  position: relative;
}

.social-feed li h4 {
  font-weight: 600;
}

.sd-facebook .social-header {
  background: #3b5998;
}

.sd-facebook .social-header .arrow {
  border-color: transparent transparent #3b5998;
}

.sd-twitter .social-header {
  background: #55acee;
}

.sd-twitter .social-header .arrow {
  border-color: transparent transparent #55acee;
}

.sd-instagram .social-header {
  background: #5851db;
}

.sd-instagram .social-header .arrow {
  border-color: transparent transparent #5851db;
}

.sd-linkedin .social-header {
  background: #0077B5;
}

.sd-linkedin .social-header .arrow {
  border-color: transparent transparent #0077B5;
}

.top-nav-primary {
  float: right;
}

.top-nav-primary > div,
.top-nav-primary form {
  float: left;
}

.top-nav-primary a {
  display: inline-block;
  padding: 4px 5px;
  margin: 4px 0;
  font-weight: bold;
  font-size: 14px;
  color: #3f3f3f;
  text-transform: uppercase;
}

.top-nav-primary .fa-user {
  margin-right: 5px;
}

.top-nav-primary form {
  display: inline-block;
  position: relative;
}

.top-nav-primary form label {
  position: absolute;
  top: -99999em;
  left: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.top-nav-primary form input {
  font-size: 14px;
  margin: 3px;
  padding: 5px 15px 5px 5px;
  background: #ffffff;
  max-height: 30px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.top-nav-primary form button {
  width: 24px;
  height: 24px;
  position: absolute;
  padding: 0 3px 3px;
  top: 6px;
  right: 9px;
  border: none;
  box-shadow: none;
  border-radius: 2em;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  background: #501b81;
  min-width: 0;
}

.top-nav-primary form button i {
  margin: 0;
}

.top-nav-primary form input::-webkit-input-placeholder {
  color: #501b81;
  font-weight: 600;
}

.top-nav-primary form input::-moz-placeholder {
  color: #501b81;
  font-weight: 600;
}

.top-nav-primary form input:-moz-placeholder {
  /* Older versions of Firefox */
  color: #501b81;
  font-weight: 600;
}

.top-nav-primary form input:-ms-input-placeholder {
  color: #501b81;
  font-weight: 600;
}

#mainNav.menu-open {
  position: static;
}

#mainNav.menu-open #subNav {
  display: block;
}

#mainNav.menu-open .top-level-nav:not(.active) {
  display: none;
}

@media (max-width: 480px) {
  #mainNav.menu-open #mobileLoginNav {
    display: block;
  }
}

@media (max-width: 780px) {
  #mainNav {
    border-left: 0;
    border-right: 0;
  }
}

#primaryNav {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  position: relative;
  overflow: hidden;
  padding-right: 70px;
  padding-left: 10px;
  height: 2.2em;
}

@media (max-width: 480px) {
  #primaryNav {
    height: 2.6em;
  }
}

#primaryNav a {
  color: #fff;
  padding: 4px 9px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  float: left;
}

@media (max-width: 600px) {
  #primaryNav a {
    font-size: 17px;
  }
}

#primaryNav a.slide-control {
  float: right;
}

#primaryNav a.slide-control span {
  margin-left: 5px;
}

.right-buttons {
  position: absolute;
  right: 0;
  top: 0;
}

.right-buttons .slide-control {
  border-left: 1px solid #000;
}

.display-search,
.mobile-login {
  display: none;
  float: right;
  height: 32px;
  width: 32px;
  text-align: center;
}

.display-search button,
.mobile-login button {
  font-size: 20px;
  background: none;
  color: #fff;
  margin: 0 5px;
  padding: 2px;
  border: 0;
}

@media (max-width: 480px) {
  .menu-open .display-search,
  .menu-open .mobile-login {
    display: block;
  }
}

.mobile-search {
  margin: 0 auto;
  width: auto;
  position: relative;
  padding: 5px 5px 0;
}

.mobile-search label {
  position: absolute;
  top: -999999em;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.mobile-search input[type=text] {
  width: 100%;
  padding: 8px 14% 9px 5px;
  border: 0;
  outline: 0;
  text-transform: capitalize;
  font-size: 15px;
  border-radius: 3px;
}

.mobile-search button {
  width: 55px;
  height: 27px;
  position: absolute;
  padding: 0 3px 3px;
  top: 10px;
  right: 3%;
}

@media (max-width: 768px) {
  #primaryNav.show-mobile-search {
    height: auto;
    padding-right: 0;
  }
}

#subNav {
  overflow: hidden;
  height: 25px;
  padding-left: 10px;
}

#subNav a {
  text-transform: capitalize;
  display: inline-block;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 600;
  float: left;
  color: #444;
  line-height: 25px;
}

#subNav .crumb {
  font-weight: 600;
  padding-right: 0;
}

#subNav .crumb:after {
  margin-left: 10px;
  font-weight: bold;
  font-family: "FontAwesome";
  content: '\f105';
}

#subNav.nav-open {
  overflow: visible;
  height: auto;
}

#dropMenu {
  padding: 5px 15px 0;
}

#dropMenu a {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

#dropMenu a, #dropMenu a:hover {
  color: #ffffff !important;
}

#dropMenu h2 {
  color: #ffffff;
  font-size: 17px;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  padding: 10px;
}

#dropMenu h2 i {
  font-size: 12px;
  margin-left: 5px;
}

#dropMenu h2 a {
  display: block;
  padding: 0;
}

.menu-block {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 5px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px 15px;
}

.menu-block:first-child {
  padding-top: 5px;
}

.menu-block.tint {
  margin-top: -10px;
}

.menu-block.tint nav {
  padding-top: 10px;
}

.menu-block.send-us {
  margin-top: -5px;
  padding-top: 5px;
}

.menu-block.send-us p {
  font-size: 16px;
  padding: 0 10px 10px;
}

.menu-block.send-us p a {
  text-decoration: underline;
  padding: 0;
}

.menu-block.send-us p a:hover {
  background: inherit;
}

.menu-block a {
  padding: 10px;
}

.close-menu {
  margin: -5px -15px 0;
  padding: 0;
}

.close-menu button {
  width: 50%;
  background: none;
  display: block;
  font-size: 18px;
  margin: 0 auto;
  padding-bottom: 10px;
  text-align: center;
  border: none;
  box-shadow: none;
  border-radius: 2em;
  font-weight: 600;
  color: #ffffff;
  padding: 0.4em 2em;
  cursor: pointer;
  min-width: 0;
}

.drop-menu-sub-nav a {
  padding: 10px;
  float: left;
  width: 20%;
  display: inline-block;
  font-size: 15px;
}

@media (max-width: 768px) {
  .drop-menu-sub-nav a {
    width: 25%;
  }
}

@media (max-width: 600px) {
  .drop-menu-sub-nav a {
    width: 33%;
  }
}

@media (max-width: 480px) {
  .drop-menu-sub-nav a {
    width: 50%;
  }
}

#home aside > div {
  position: relative;
}

#home aside .fixed {
  position: fixed;
  top: 10px;
}

#home aside .pinned {
  position: absolute;
  bottom: 10px;
}

.live-news-block {
  margin-bottom: 10px;
  font-size: 16px;
}

.live-news-block twitterwidget {
  width: auto !important;
}

.live-news-block h2,
.live-news-block h3 {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
}

.live-news-block h2 {
  display: inline-block;
  padding: 5px 10px;
  color: #ffffff;
  background: #EA3F35;
}

.live-news-block h3 {
  margin-bottom: 5px;
}

.live-news-block img {
  width: 100%;
  height: auto;
}

.live-news-block .timestamp {
  display: inline-block;
  color: #ff0000;
  font-size: 14px;
  line-height: 16px;
}

.live-news-block iframe {
  width: 280px !important;
}

.live-news-block section {
  height: 300px;
  padding: 10px;
  overflow-y: auto;
  background: #3f3f3f;
}

.live-news-block section .timestamp {
  display: block;
  padding: 0;
  color: #e2e1f4;
  font-size: 14px;
}

.live-news-block div {
  margin-bottom: 10px;
}

.live-news-block div:last-child {
  margin-bottom: 0;
}

.live-news-block div a {
  color: #5fa0cf;
}

.live-news-block .live-more-link {
  color: #ffffff;
  font-weight: 700;
}

.live-news-block > a {
  display: block;
  width: 100%;
  padding: 10px;
  color: #ffffff;
  background: #3c6237;
  font-weight: 700;
  text-align: right;
}

.live-news-block > a i {
  color: #ffffff;
}

.live-news-block > a:hover {
  color: #3c6237;
  background: #ffffff;
}

.live-news-block > a:hover i {
  color: #3c6237;
}

.live-news-block blockquote {
  color: #ffffff;
}

.send-us-your-news {
  margin: 0 0 20px 0;
  padding: 10px 0;
  text-align: center;
}

.send-us-your-news a {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}

.bc-player-4yx7owbcg_default .vjs-big-play-button:active,
.bc-player-4yx7owbcg_default .vjs-big-play-button:focus,
.bc-player-4yx7owbcg_default:active .vjs-big-play-button,
.bc-player-4yx7owbcg_default:hover .vjs-big-play-button {
  background-color: #501B81 !important;
}

@media (max-width: 600px) {
  .see-more-stories {
    display: none;
  }
}

label {
  margin-bottom: 2px;
}

#home {
  font-size: 16px;
}

#home > section {
  float: none;
  clear: both;
}

#home h1,
#home h2 {
  word-break: break-word;
}

#home a.comments {
  margin-left: 10px;
}

#home .headline {
  margin-bottom: 20px;
}

#home .admin-links {
  float: none;
  clear: both;
}

#home .meta {
  font-size: 14px;
}

#home .meta .sitename {
  line-height: 16px;
  display: block;
}

#home .meta .share-stats {
  display: block;
}

#home .standard-list article.headline img,
#home .standard-list article.headline section {
  float: left;
}

#home .standard-list article.headline img {
  width: 60%;
  height: auto;
}

#home .standard-list article.headline section {
  width: 40%;
  padding-left: 10px;
}

#home .standard-list .articles-highlighted article {
  width: 50%;
  float: left;
  padding-right: 20px;
  margin-bottom: 30px;
}

#home .standard-list .articles-highlighted article img {
  width: 100%;
  margin-bottom: 5px;
  height: auto;
}

#home .standard-list .articles-highlighted article section {
  width: 100%;
}

#home .standard-list .articles-highlighted article section h2 {
  font-size: 16px;
}

#home .standard-block a.comments {
  color: #C4C4C4;
}

#home .standard-block .articles-list {
  width: 66.66666%;
  float: left;
}

#home .standard-block.with-ad h1.page-section {
  font-size: 22px;
  padding-bottom: 10px;
}

#home .standard-block.with-ad h1.page-section i {
  font-size: 14px;
}

#home .standard-block h1.page-section,
#home .standard-list h1.page-section {
  margin: 10px 0;
}

#home .standard-block article a,
#home .standard-list article a {
  color: #3f3f3f;
}

#home .standard-block .timestamp,
#home .standard-list .timestamp {
  color: #371556;
}

#home .standard-block h2,
#home .standard-list h2 {
  font-size: 16px;
}

#home .standard-block article a,
#home .standard-list article a {
  color: #000000;
}

#home .standard-list .articles-highlighted article section h2 {
  font-size: 16px;
}

#home .standard-block article.featured {
  width: 33.3333%;
  padding-right: 20px;
  float: left;
  margin-bottom: 20px;
}

#home .standard-block article.featured img {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  padding-right: 0;
}

#home .standard-block article.featured h2 {
  font-size: 20px;
  line-height: 1.1em;
  font-weight: 600;
}

#home .standard-block article.featured p {
  font-size: 16px;
  display: none;
}

#home .standard-block article.featured section {
  padding-left: 0;
}

#home .more-news {
  margin-bottom: 30px;
  display: block;
  width: 100%;
  text-align: right;
  font-size: 18px;
  padding-right: 15px;
}

#home .more-news i {
  font-size: 12px;
  vertical-align: middle;
  margin: 0;
}

#home #jobs-carousel-panel {
  margin-bottom: 30px;
}

#home .traffic-and-travel,
#home .whats-on {
  padding-right: 15px;
}

#home .traffic-and-travel li {
  padding: 0 0 5px 20px;
  list-style: none;
  background-repeat: no-repeat;
  background-position: left 6px;
}

#home .traffic-and-travel .red {
  background-image: url("../img/disc-red.gif");
}

#home .traffic-and-travel .amber {
  background-image: url("../img/disc-amber.gif");
}

#home .whats-on li span {
  display: inline-block;
  float: left;
  width: 65px;
}

#home .whats-on li a {
  display: block;
  overflow: hidden;
}

#home .incident-count {
  display: block;
  margin: 0 0 5px;
  color: #ff0000;
}

#home .incident-count em {
  padding: 2px 5px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #ff0000;
}

#home .local-info {
  margin-bottom: 30px;
}

#home .local-info #events-live-travel-panel > section {
  float: left;
  width: 33.3333337%;
}

#home .local-info #events-live-travel-panel > section > div {
  padding: 10px;
}

#home .local-info form,
#home .local-info h2,
#home .local-info ul {
  margin: 0 0 10px;
}

#home .local-info form input[type=text] {
  width: 210px;
}

#home .local-info .deco-strip {
  display: none;
}

#home .local-info .page-section {
  font-size: 30px;
}

#home .articles-list article {
  min-height: 110px;
  width: 50%;
  float: left;
  padding-right: 15px;
  margin-bottom: 15px;
}

#home .articles-list article img {
  width: 48.03%;
  float: left;
}

#home .articles-list article section {
  width: 51.97%;
  padding-left: 10px;
  float: left;
}

#home .articles-list article section h2 {
  font-size: 16px;
}

#home .articles-list article.no-image section {
  width: 100%;
  float: none;
}

#home .articles-list .label {
  line-height: 14px;
  display: inline;
}

#home .articles-list .news-cta {
  border-top-style: solid;
  border-top-width: 4px;
}

#home .articles-list form {
  text-align: center;
}

#home .articles-list form p {
  margin: 10px;
  font-weight: 600;
}

#home .articles-list form input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  display: inline-block;
  height: 30px;
  width: 70%;
}

#home .articles-list form button {
  margin-top: -5px;
  display: inline-block;
  width: 20%;
  min-width: auto;
  padding: 3px;
  height: 30px;
}

#home #sectionHomepageNews {
  padding-top: 15px;
  margin: 0 -10px 0 -15px;
  display: table;
  /* I don't think this is needed - .lead-blocks is only used in sports section */
  /*.lead-blocks {
    width: 100%;
    .secondary-article, .tertiary-article {
      h1 {
        font-size: 18px;
        line-height: 20px;
      }
    }
  }*/
}

#home #sectionHomepageNews h1 {
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 5px;
}

#home #sectionHomepageNews .articles-highlighted h2 {
  font-size: 20px;
}

@media (max-width: 600px) {
  #home #sectionHomepageNews .articles-highlighted section {
    padding-left: 10px;
  }
}

#home #sectionHomepageNews div.content {
  display: block;
  float: left;
  width: calc(100% - 318px);
  vertical-align: top;
}

#home #sectionHomepageNews aside {
  display: block;
  min-width: 310px;
  float: right;
  vertical-align: top;
}

#home #sectionHomepageNews aside h1.page-section {
  font-size: 22px;
}

#home #sectionHomepageNews .news-cta.odd.light-background {
  background: #e0edf5;
  border-top: none;
}

#home #sectionHomepageNews .news-cta.odd.light-background p {
  padding-top: 5px;
  font-size: 18px;
  line-height: 20px;
}

#home #sectionHomepageNews .articles-cta {
  width: 50%;
  float: left;
}

#home #sectionHomepageNews .articles-cta h2 {
  font-size: 20px;
  line-height: 20px;
}

#home #sectionHomepageNews .articles-cta p {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 480px) {
  #home #sectionHomepageNews div#liveMultiHide {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #home #sectionHomepageNews div#liveMultiHide .panel-gallery {
    width: 300px;
    margin: 0 auto;
  }
}

#home #sectionHomepageSport h1.title {
  margin: 15px 0;
}

#home #sectionHomepageSport .clearfix-odd {
  display: none;
}

#home #sectionHomepageSport .content {
  padding: 0;
  width: 100%;
  float: none;
  clear: both;
}

#home #sectionHomepageSport article.headline h1 {
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 10px;
}

#home #sectionHomepageSport article.headline p {
  font-size: 18px;
}

#home #sectionHomepageSport article.headline img,
#home #sectionHomepageSport article.headline section {
  float: right;
}

#home #sectionHomepageSport article.headline section {
  padding-right: 15px;
}

#home #sectionHomepageSport .articles-highlighted .articles-cta,
#home #sectionHomepageSport .articles-highlighted article {
  width: 33.33333%;
}

#home #sectionHomepageSport .articles-list article {
  width: 33.33333%;
}

#home #sectionHomepageSport .articles-ad {
  text-align: right;
}

#home #sectionHomepageSport aside.articles-list article h2 {
  font-size: 16px;
}

@media (min-width: 601px) and (max-width: 768px) {
  #home #sectionHomepageSport aside.articles-list article img {
    width: 67%;
  }
}

@media (min-width: 601px) and (max-width: 768px) {
  #home #sectionHomepageSport aside.articles-list section {
    width: 100%;
    padding-left: 0;
  }
}

#home #sectionHomepageSport .lead-blocks {
  float: left;
  width: 64.5%;
  margin-right: 20px;
}

@media (max-width: 960px) {
  #home #sectionHomepageSport .lead-blocks {
    width: 58%;
  }
}

@media (max-width: 850px) {
  #home #sectionHomepageSport .lead-blocks {
    width: 56.3%;
  }
}

@media (max-width: 600px) {
  #home #sectionHomepageSport .lead-blocks {
    width: 100%;
  }
}

#home #sectionHomepageSport .lead-blocks img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  clear: both;
}

@media (max-width: 600px) {
  #home #sectionHomepageSport .lead-blocks .articles-list {
    padding: 0;
  }
}

#home #sectionHomepageSport .lead-blocks aside.articles-list article {
  width: 100%;
}

@media (max-width: 768px) {
  #home #sectionHomepageSport .lead-blocks aside {
    width: 40%;
  }
}

@media (max-width: 600px) {
  #home #sectionHomepageSport .lead-blocks aside {
    display: inline-block;
    width: 100%;
  }
}

#home #sectionHomepageSport .lead-blocks .lead-article {
  float: left;
  background: #f7f4f1;
  width: 62.4%;
  margin-right: 20px;
  margin-bottom: 20px;
}

@media (max-width: 860px) {
  #home #sectionHomepageSport .lead-blocks .lead-article {
    width: 100%;
  }
}

@media (max-width: 850px) {
  #home #sectionHomepageSport .lead-blocks .lead-article {
    width: 100%;
  }
}

@media (max-width: 768px) {
  #home #sectionHomepageSport .lead-blocks .lead-article {
    width: 101%;
  }
}

@media (max-width: 480px) {
  #home #sectionHomepageSport .lead-blocks .lead-article {
    width: 107%;
    margin: auto -12px 20px;
  }
}

#home #sectionHomepageSport .lead-blocks .lead-article a {
  display: block;
}

#home #sectionHomepageSport .lead-blocks .lead-article a p:hover,
#home #sectionHomepageSport .lead-blocks .lead-article a:hover p {
  color: #000;
  transition: none;
}

#home #sectionHomepageSport .lead-blocks .lead-article h1 {
  margin: 0 15px 10px;
  font-size: 24px;
  line-height: 26px;
}

@media (max-width: 600px) {
  #home #sectionHomepageSport .lead-blocks .lead-article h1 {
    margin: 0 10px;
  }
}

#home #sectionHomepageSport .lead-blocks .lead-article p {
  margin: 0 15px 10px;
  font-size: 16px;
  line-height: 20px;
}

@media (max-width: 600px) {
  #home #sectionHomepageSport .lead-blocks .lead-article p {
    margin: 0 10px;
  }
}

#home #sectionHomepageSport .lead-blocks .lead-article .meta {
  margin: 10px 15px 20px;
}

#home #sectionHomepageSport .lead-blocks .lead-article .meta a {
  display: inline;
}

#home #sectionHomepageSport .lead-blocks .secondary-article,
#home #sectionHomepageSport .lead-blocks .tertiary-article {
  float: left;
  width: 34.2%;
  margin-bottom: 20px;
}

@media (max-width: 860px) {
  #home #sectionHomepageSport .lead-blocks .secondary-article,
  #home #sectionHomepageSport .lead-blocks .tertiary-article {
    width: 48%;
    margin-right: 4%;
  }
}

@media (max-width: 480px) {
  #home #sectionHomepageSport .lead-blocks .secondary-article,
  #home #sectionHomepageSport .lead-blocks .tertiary-article {
    width: 45.5%;
    margin-left: 3%;
    margin-right: 0;
  }
}

@media (max-width: 940px) {
  #home #sectionHomepageSport .lead-blocks .secondary-article,
  #home #sectionHomepageSport .lead-blocks .tertiary-article {
    width: 32%;
    margin-right: 0;
  }
}

@media (max-width: 850px) {
  #home #sectionHomepageSport .lead-blocks .secondary-article,
  #home #sectionHomepageSport .lead-blocks .tertiary-article {
    width: 48%;
  }
}

@media (max-width: 600px) {
  #home #sectionHomepageSport .lead-blocks .secondary-article,
  #home #sectionHomepageSport .lead-blocks .tertiary-article {
    margin-left: 0;
  }
}

@media (max-width: 850px) {
  #home #sectionHomepageSport .lead-blocks .secondary-article {
    margin-right: 4%;
  }
}

#home #sectionHomepageSport .lead-blocks .tertiary-article {
  display: block;
  margin-right: 0;
}

@media (max-width: 860px) {
  #home #sectionHomepageSport .lead-blocks .tertiary-article {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  #home #sectionHomepageSport aside .articles-ad {
    display: block;
  }
}

@media (max-width: 600px) {
  #home #sectionHomepageSport aside #DFP_standard_mpu_1 {
    text-align: center;
  }
}

#home .standard-block.with-ad .articles-list,
#home .standard-block.with-ad .story-ad {
  width: 33.3333%;
}

#home .standard-block.with-ad .articles-list article {
  width: 100%;
}

@media (max-width: 600px) {
  #home .standard-block.with-ad .articles-list {
    width: 100%;
  }
}

#home .standard-block.with-ad .story-ad {
  float: left;
}

#home #sectionHomepageSport article.headline section {
  padding-left: 0;
}

#home .disaster-block {
  position: relative;
}

#home .disaster-block h2 {
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1em;
}

#home .disaster-block .mobile-only {
  display: none;
  padding: 0 15px 15px;
}

#home .disaster-block article,
#home .disaster-block img {
  float: left;
}

#home .disaster-block article {
  width: 42%;
  padding: 10px 25px 10px 10px;
}

#home .disaster-block img {
  width: 56.25%;
  height: auto;
  padding: 15px 0;
}

#home .disaster-block .comments,
#home .disaster-block .timestamp,
#home .disaster-block a {
  color: #3f3f3f;
}

#home .disaster-block .meta {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

#home .commercial-feature {
  color: #4A91E1;
  text-transform: uppercase;
  display: block;
  font-size: 15px;
}

#home .featured-block {
  margin: 0 0 15px;
}

#home .featured-block > section {
  padding: 10px 15px 5px;
}

#home .featured-block article {
  float: left;
  width: 50%;
  padding-bottom: 5px;
}

#home .featured-block article section {
  float: left;
  width: 70%;
  padding: 5px 15px;
}

#home .featured-block img {
  float: left;
  width: 30%;
  border: 10px solid #ffffff;
}

#home .featured-block p {
  font-size: 15px;
}

/**
 * RESPONSIVE STYLES
 */
@media (max-width: 768px) {
  #home .standard-list article.headline .mobile-only,
  #home .standard-list article.headline section {
    padding-left: 10px;
    padding-right: 10px;
  }
  #home .standard-block article.featured section {
    padding-left: 10px;
  }
  #home .standard-block {
    margin-left: -10px;
    margin-right: -10px;
  }
  #home .standard-block .deco-strip {
    margin-left: 10px;
    margin-right: 10px;
  }
  #home .standard-block .articles-list,
  #home .standard-block > h1 {
    padding-left: 10px;
    padding-right: 10px;
  }
  #home .standard-block .deco-strip {
    margin-left: 10px;
    margin-right: 10px;
  }
  #home .disaster-block h2 {
    font-size: 40px;
  }
  #home .disaster-block article,
  #home .disaster-block img {
    float: none;
  }
  #home .disaster-block article {
    width: 100%;
  }
  #home .disaster-block article .meta,
  #home .disaster-block article p {
    display: none;
  }
  #home .disaster-block img {
    width: 100%;
    padding: 0 15px;
  }
  #home .disaster-block p.mobile-only {
    padding: 10px 15px;
  }
  #home .disaster-block .mobile-only {
    display: block;
  }
  #home .standard-block article.featured {
    width: 100%;
    float: none;
    padding: 0;
  }
  #home .standard-block article.featured img,
  #home .standard-block article.featured section {
    width: 50%;
    float: left;
  }
  #home .standard-block article.featured img {
    /*padding-right: 15px;*/
  }
  #home .standard-block article.featured h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  #home .standard-block article.featured p {
    display: block;
    font-size: 18px;
    line-height: 1.2em;
  }
  #home .standard-block .articles-list {
    width: 100%;
    float: none;
  }
  #home .standard-block .articles-list article img,
  #home .standard-block.with-ad .articles-list article img {
    width: 42.3%;
  }
  #home .standard-block .articles-list article section,
  #home .standard-block.with-ad .articles-list article section {
    width: 57.7%;
  }
  #home .local-info #events-live-travel-panel .traffic-and-travel {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
  #home .local-info #events-live-travel-panel > section {
    width: 50%;
  }
  #home #sectionHomepageNews article.headline .mobile-only {
    display: block;
    margin-bottom: 15px;
  }
  #home #sectionHomepageNews article.headline img {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
  #home #sectionHomepageNews article.headline section h1 {
    display: none;
  }
  #home #sectionHomepageNews article.headline section {
    width: 100%;
    float: none;
  }
  #home #sectionHomepageNews .articles-highlighted img {
    float: left;
  }
  #home #sectionHomepageNews .articles-highlighted section {
    padding-left: 15px;
    float: left;
  }
  #home #sectionHomepageNews .articles-highlighted article,
  #home #sectionHomepageNews .articles-list article {
    width: 100%;
  }
  #home #sectionHomepageNews .articles-highlighted article img,
  #home #sectionHomepageNews .articles-list article img {
    width: 36.666666666666664%;
  }
  #home #sectionHomepageNews .articles-highlighted article section,
  #home #sectionHomepageNews .articles-list article section {
    width: 63.33333333333333%;
  }
  #home #sectionHomepageNews .articles-highlighted article.no-image section,
  #home #sectionHomepageNews .articles-list article.no-image section {
    width: 100%;
  }
  #home #sectionHomepageNews .articles-list section {
    width: 100%;
  }
  #home #sectionHomepageSport .articles-ad {
    display: none;
  }
  #home #sectionHomepageSport .articles-highlighted article {
    width: 50%;
  }
  #home #sectionHomepageSport .articles-list article {
    width: 50%;
  }
  #home #sectionHomepageSport .articles-list > .clearfix {
    display: none;
  }
  #home #sectionHomepageSport .articles-list .clearfix-odd {
    display: block;
  }
  #home .standard-block.with-ad .articles-list {
    width: 50%;
    float: left;
  }
  #home .standard-block.with-ad .articles-list article {
    width: 100%;
  }
  #home .standard-block.with-ad .story-ad {
    width: 50%;
    text-align: center;
  }
}

@media (max-width: 600px) {
  #home .standard-block article.featured p,
  #home .standard-block.with-ad article.featured p {
    display: none;
  }
  #home .standard-block .articles-list article,
  #home .standard-block.with-ad .articles-list article {
    width: 100%;
  }
  #home .standard-block .articles-list article img,
  #home .standard-block.with-ad .articles-list article img {
    width: 25%;
  }
  #home .standard-block .articles-list article section,
  #home .standard-block.with-ad .articles-list article section {
    width: 75%;
  }
  #home .standard-block .story-ad,
  #home .standard-block.with-ad .story-ad {
    width: 100%;
    float: none;
    clear: both;
    margin: 10px 0 20px;
  }
  #home .standard-block .story-ad #DFP_standard_mpu_2,
  #home .standard-block.with-ad .story-ad #DFP_standard_mpu_2 {
    text-align: center;
  }
  #home .standard-block.with-ad .articles-list {
    width: 100%;
  }
  #home .featured-block article {
    width: 100%;
    float: none;
    padding: 0;
  }
  #home #most-full-block {
    display: none;
  }
  #home .standard-block .featured .mobile-only {
    display: none;
  }
  #home #sectionHomepageNews {
    margin: 0 -10px 0 -15px;
    display: block;
  }
  #home #sectionHomepageNews aside,
  #home #sectionHomepageNews div.content {
    display: block;
    width: 100%;
    display: block;
  }
  #home #sectionHomepageNews aside {
    min-width: auto;
    width: 100%;
    float: none;
    clear: both;
    display: block;
    padding: 10px;
  }
  #home #sectionHomepageSport article.headline .mobile-only {
    display: block;
  }
  #home #sectionHomepageSport article.headline img {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
  #home #sectionHomepageSport article.headline section {
    width: 100%;
  }
  #home #sectionHomepageSport article.headline section h1 {
    display: none;
  }
  #home #sectionHomepageSport .articles-highlighted article,
  #home #sectionHomepageSport .articles-list article {
    width: 100%;
    float: none;
    padding: 0;
  }
  #home #sectionHomepageSport .articles-highlighted article h2,
  #home #sectionHomepageSport .articles-list article h2 {
    font-size: 15px;
  }
  #home #sectionHomepageSport .articles-highlighted img,
  #home #sectionHomepageSport .articles-highlighted section {
    float: left;
  }
  #home #sectionHomepageSport .articles-highlighted img {
    width: 36.666666666666664%;
  }
  #home #sectionHomepageSport .articles-highlighted section {
    width: 63.33333333333333%;
    padding-left: 10px;
  }
  #home .disaster-block article {
    padding: 10px 10px 0;
  }
  #home #sectionHomepageSport .articles-highlighted img,
  #home #sectionHomepageSport .articles-list article img,
  #home #sectionHomepageSport aside.articles-list article img {
    width: 35.5%;
  }
  #home #sectionHomepageSport .articles-highlighted section,
  #home #sectionHomepageSport .articles-list article section,
  #home #sectionHomepageSport aside.articles-list article section {
    width: 64.5%;
  }
  #home #sectionHomepageSport aside.articles-list article section {
    width: 57.7%;
  }
}

@media (max-width: 480px) {
  #home .standard-block.with-ad .articles-list {
    width: 100%;
    float: none;
  }
  #home .standard-block.with-ad .articles-list article {
    width: 100%;
  }
  #home .standard-block.with-ad .story-ad {
    width: 100%;
    text-align: center;
    float: none;
  }
  #home .standard-block article.featured p,
  #home .standard-block.with-ad article.featured p {
    display: block;
  }
  #home #sectionHomepageNews .articles-highlighted article,
  #home #sectionHomepageNews .articles-list article,
  #home #sectionHomepageSport .articles-highlighted,
  #home #sectionHomepageSport .articles-list,
  #home .articles-list article,
  #home .standard-block .articles-list article,
  #home .standard-block.with-ad .articles-list article {
    padding-left: 0;
    padding-right: 0;
  }
  #home #sectionHomepageNews .articles-highlighted article img,
  #home #sectionHomepageNews .articles-list article img,
  #home #sectionHomepageSport .articles-highlighted img,
  #home #sectionHomepageSport .articles-list img,
  #home .articles-list article img,
  #home .standard-block .articles-list article img,
  #home .standard-block.with-ad .articles-list article img {
    width: 36.666666666666664%;
  }
  #home #sectionHomepageNews .articles-highlighted article section,
  #home #sectionHomepageNews .articles-list article section,
  #home #sectionHomepageSport .articles-highlighted section,
  #home #sectionHomepageSport .articles-list section,
  #home .articles-list article section,
  #home .standard-block .articles-list article section,
  #home .standard-block.with-ad .articles-list article section {
    width: 63.33333333333333%;
  }
  #home .standard-block .articles-list article img,
  #home .standard-block.with-ad .articles-list article img {
    width: 36.5%;
  }
  #home .standard-block .articles-list article section,
  #home .standard-block.with-ad .articles-list article section {
    width: 63.5%;
  }
  #home .local-info #events-live-travel-panel > section {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
  #home #sectionHomepageNews .articles-highlighted section {
    padding-left: 10px;
    /* 10px instead of 15px */
  }
  #home #sectionHomepageNews aside {
    width: 100%;
    float: none;
    clear: both;
    display: block;
    padding: 10px 0;
  }
  #home #sectionHomepageNews aside > div {
    margin-left: 10px;
    margin-right: 10px;
  }
  #home #sectionHomepageNews .articles-highlighted,
  #home #sectionHomepageNews .articles-list {
    padding: 0 10px;
  }
  #home #sectionHomepageNews .articles-list article.no-image section {
    width: 100%;
  }
  #home .disaster-block {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 30px;
  }
  #home .disaster-block h2 {
    font-size: 32px;
  }
  #home .disaster-block .meta {
    left: 15px;
  }
  #home .standard-block article.featured .mobile-only {
    display: block;
  }
  #home .standard-block article.featured .mobile-only,
  #home .standard-block article.featured section {
    padding-left: 10px;
    padding-right: 10px;
  }
  #home .standard-block article.featured img {
    width: 100%;
    padding: 0;
  }
  #home .standard-block article.featured section {
    width: 100%;
    float: none;
  }
  #home .standard-block article.featured section h2 {
    display: none;
  }
  #home #sectionHomepageSport .articles-list article img {
    width: 42.3%;
  }
  #home #sectionHomepageSport .articles-list article section {
    width: 57.7%;
  }
  #home #sectionHomepageSport aside.articles-list article img {
    width: 71.5%;
  }
  #home #sectionHomepageSport aside.articles-list article section {
    width: 100%;
  }
}

.article-labels .breaking {
  background-color: #EA3F35;
}

.article-labels .commercial,
.article-labels .exclusive {
  background-color: #007F4C;
}

.article-labels .live {
  background-color: #4A91E1;
}

h1.headline {
  margin: 0 0 20px;
  font-size: 34px;
  line-height: 1.1em;
}

@media (max-width: 768px) {
  h1.headline {
    margin-right: 30px;
  }
}

#article .v2 .promoted-block {
  margin-top: 35px;
}

#article.article-wrapper {
  margin: 0 -15px;
}

#article.article-wrapper article {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  #article.article-wrapper article {
    float: left;
    width: 100%;
  }
}

@media (min-width: 992px) {
  #article.article-wrapper article {
    float: left;
    width: 66.6666666667%;
  }
}

@media (max-width: 768px) {
  #article.article-wrapper article {
    width: 60%;
  }
}

@media (max-width: 765px) {
  #article.article-wrapper article {
    width: 100%;
  }
}

#article.article-wrapper aside {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
}

@media (min-width: 992px) {
  #article.article-wrapper aside {
    float: left;
    width: 33.33333%;
  }
}

@media (max-width: 768px) {
  #article.article-wrapper aside {
    float: left;
    width: 40%;
    display: block;
  }
}

@media (max-width: 480px) {
  #article.article-wrapper aside {
    display: none;
  }
}

@media (max-width: 765px) {
  #article.article-wrapper aside {
    display: none;
  }
}

#article.article-wrapper .article-hero {
  text-align: center;
}

#article.article-wrapper .article-hero img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 480px) {
  #article.article-wrapper .article-hero img {
    width: 100%;
  }
}

#article.article-wrapper .hero-caption {
  padding-bottom: 5px;
}

#article.article-wrapper .hero-caption a {
  display: block;
}

#article.article-wrapper .hero-caption span {
  display: block;
  margin-top: 5px;
}

#article .article-credits {
  padding: 10px 0;
}

#article .article-credits .author-image {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

#article .article-credits .author-image img {
  border-radius: 50px;
}

@media (max-width: 480px) {
  #article .article-credits .author-image {
    display: none;
  }
}

#article .article-credits .author-details {
  float: left;
}

#article .article-credits p a {
  color: #36336c;
}

#article .article-credits p span {
  color: #36336c;
}

#article .article-credits .twitter-button {
  margin-left: 10px;
}

@media (max-width: 480px) {
  #article .article-credits .twitter-button {
    display: inline;
    margin-left: 0;
  }
}

#article #responsive-cta {
  position: relative;
  background-color: #f8f8f8;
}

#article .article-body h2,
#article .article-body p {
  margin-bottom: 10px;
  word-break: break-word;
}

#article .article-body p,
#article .article-body ul li {
  font-size: 16px;
}

#article .article-body ul {
  list-style: disc;
  margin: 0 0 10px 30px;
}

#article .article-body a,
#article .article-body b,
#article .article-body strong {
  font-weight: 600;
}

#article .article-body em,
#article .article-body i {
  font-style: italic;
}

#article .article-body a {
  text-decoration: underline;
}

#article .article-body iframe {
  padding-bottom: 15px;
}

#article #advertisingContainer {
  position: relative;
}

/* Article Live */
#article .livefeed-summary {
  margin-bottom: 20px;
}

.livefeed-item {
  padding: 10px 20px 10px 0;
  margin: 20px 0 10px;
  display: table;
  table-layout: fixed;
  border-bottom: 4px solid #e3e3eb;
  width: 100%;
}

.livefeed-content,
.livefeed-timestamp {
  display: table-cell;
}

.livefeed-content video {
  max-width: 100%;
  height: auto;
}

.livefeed-timestamp {
  padding: 0 20px 0 0;
  width: 110px;
  text-align: right;
}

.liveTime {
  margin-bottom: 10px;
}

.livefeed-content img {
  max-width: 100%;
  height: auto;
}

#articleGate {
  display: none;
}

#subscriptionLockedContent {
  width: 100%;
  text-align: left;
  margin-top: 20px;
  filter: blur(2px);
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
}

.subscription-content-wrapper {
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #F7F3F0 !important;
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  text-align: center;
  -webkit-box-shadow: 0px -1px 10px 7px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px -1px 10px 7px rgba(0, 0, 0, 0.18);
  box-shadow: 0px -1px 10px 7px rgba(0, 0, 0, 0.18);
}

.subscription-content-wrapper h3 {
  font-size: 16pt;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
}

.subscription-content-wrapper p {
  font-size: 12pt;
  padding: 10px;
}

.subscription-content-wrapper .button {
  margin: 10px;
  display: block;
  text-align: center;
  font-size: 12pt;
}

.subscription-content-wrapper .button:nth-of-type(2) {
  background-color: transparent;
  border: 1px solid #ffffff;
}

.subscription-content-wrapper .button:nth-of-type(2):hover {
  border: 1px solid #cccccc;
  color: #cccccc;
}

.subscription-content-wrapper span.quotee {
  color: #ada9a9;
  display: block;
  padding-top: 10px;
  font-style: italic;
}

.subscription-content-wrapper .sign-in + a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  text-decoration: none;
}

.subscription-content-wrapper .seperator {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #F7F3F0;
  margin: auto;
}

.subscription-content-wrapper .sign-in {
  background-color: #437ac3;
  color: #ffffff;
  padding-bottom: 10px;
}

.subscription-content-wrapper .sign-in p {
  padding-top: 10px;
  font-weight: 600;
}

.subscription-content-wrapper .article-image {
  text-align: center;
}

.subscription-content-wrapper .article-image i {
  display: none;
}

.subscription-content-wrapper .article-image p {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .subscription-content-wrapper h3 {
    text-align: left;
  }
  .subscription-content-wrapper h3 a {
    text-decoration: none;
  }
  .subscription-content-wrapper .article-no-image {
    text-align: left;
    overflow: hidden;
    padding: 10px;
  }
  .subscription-content-wrapper .article-no-image i {
    display: block;
    font-size: 60pt;
    margin-top: -10px;
    line-height: 0.7;
    float: left;
    padding-right: 5px;
  }
  .subscription-content-wrapper .article-no-image p {
    margin-top: 0px;
    padding: 10px;
    padding-top: 0px;
    float: left;
    width: 100%;
  }
  .subscription-content-wrapper .article-no-image p span.main-quote {
    float: none;
    display: block;
    padding-left: 40px;
  }
  .subscription-content-wrapper .article-no-image p span.quotee {
    float: none;
    display: block;
    padding-left: 40px;
    margin-top: 5px;
    color: #9e9999;
    font-style: italic;
  }
  .subscription-content-wrapper .article-image {
    text-align: left;
    overflow: hidden;
    padding: 10px;
  }
  .subscription-content-wrapper .article-image img {
    float: left;
    width: 20%;
  }
  .subscription-content-wrapper .article-image i {
    display: block;
    font-size: 60pt;
    margin-top: -10px;
    line-height: 0.7;
    float: left;
    padding-right: 5px;
  }
  .subscription-content-wrapper .article-image p {
    margin-top: 10px;
    padding: 10px;
    padding-top: 0px;
    float: left;
    width: 75%;
  }
  .subscription-content-wrapper .article-image p span.main-quote {
    float: none;
    display: block;
    padding-left: 40px;
  }
  .subscription-content-wrapper .article-image p span.quotee {
    float: none;
    display: block;
    padding-left: 40px;
    margin-top: 5px;
    color: #9e9999;
    font-style: italic;
  }
  .subscription-content-wrapper .sign-in {
    overflow: hidden;
  }
  .subscription-content-wrapper .sign-in .text {
    float: left;
    text-align: left;
    width: 49%;
  }
  .subscription-content-wrapper .sign-in .text p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .subscription-content-wrapper .sign-in .cta {
    float: right;
    width: 47%;
  }
  .subscription-content-wrapper .sign-in .cta a {
    text-decoration: none;
  }
  .subscription-content-wrapper .sign-in .cta .button {
    display: block;
    margin: 10px;
    font-size: 12pt;
    text-align: center;
  }
}

/* Sharing buttons responsive */
@media (max-width: 480px) {
  #article .top-sharing.mobile-affix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 0;
    z-index: 99999;
  }
  #article .top-sharing.mobile-affix .bg-twitter,
  #article .top-sharing.mobile-affix .bg-whatsapp,
  #article .top-sharing.mobile-affix .comments-button,
  #article .top-sharing.mobile-affix .custom-sharing-toggle,
  #article .top-sharing.mobile-affix .whatsapp-link {
    display: none;
  }
  #article .top-sharing.mobile-affix .bg-fb {
    width: calc(50% - 12px);
    border-radius: 0;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  #article .top-sharing.mobile-affix .bg-fb:after {
    content: "Share to Facebook";
    font-size: 16px;
  }
  #article .top-sharing.mobile-affix .email-link {
    width: calc(50% - 12px);
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  #article .top-sharing.mobile-affix .email-link button {
    width: 100%;
    border-radius: 0;
    background-color: #929292;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  #article .top-sharing.mobile-affix .email-link button:after {
    content: "...or by email";
    font-size: 16px;
    margin-left: 5px;
  }
}

#announcements {
  position: relative;
  /* Search facet */
}

#announcements h2 {
  margin: 0;
  display: inline-block;
}

#announcements h2 a {
  color: #337ab7 !important;
}

#announcements h2 a:hover {
  color: #14497f !important;
}

#announcements #imageUploadFile {
  position: fixed;
  top: -10000px;
}

#announcements #imageUploadPreview {
  margin-top: 8px;
}

#announcements .book-ad-bottom {
  text-align: center !important;
  padding-top: 115px;
  margin: 20px 0 0 !important;
}

#announcements .book-ad {
  margin: 13px 0 21px;
  display: inline-block;
  float: right;
}

#announcements .book-ad a.button:hover {
  border: 1px solid transparent;
}

#announcements .book-ad .book-tel {
  display: inline-block;
  white-space: no-wrap;
  margin-left: 10px;
}

#announcements .book-ad .book-tel a {
  margin-left: 5px;
}

#announcements .announcement-facet {
  width: 100%;
  background: #eae8e5;
  display: block;
  clear: both;
}

#announcements .announcement-facet span {
  float: left;
  width: 22.5%;
  margin: 10px 1.2%;
  display: inline-block;
}

#announcements .announcement-facet span label {
  display: block;
  font-size: 20px;
  font-weight: 600;
}

#announcements .announcement-facet span input,
#announcements .announcement-facet span select {
  font-size: 16px;
  width: 100%;
  padding: 3px;
  height: 30px;
}

#announcements .announcement-facet span input.button,
#announcements .announcement-facet span select.button {
  min-width: 0;
  padding: 3px 8px;
}

#announcements .search-header h3 {
  padding: 8px 12px 0;
}

#announcements .search-header-deaths {
  background: none;
  background-image: url("/resources/responsive-static/images/search-death-header.jpg");
  background-position: 0;
  background-repeat: no-repeat;
  padding: 100px 0 20px;
}

#announcements .search-header-deaths h3 {
  color: #ffffff;
  padding: 0 0 8px 10px;
}

#announcements .search-header-deaths div.inner-box {
  background-color: rgba(0, 0, 0, 0.5);
  margin: 10px 15px 0;
  padding: 8px 0 0 8px;
  height: 100px;
}

#announcements .search-header-deaths input.button {
  background-color: #ffffff;
  border: 2px solid #501b81;
  color: #000000;
  padding-top: 0;
}

#announcements .search-header-deaths input.button:hover {
  background-color: #d7d7d7;
  color: #000000;
}

#announcements .notice-pager {
  width: 100%;
  margin: 0;
  clear: both;
}

#announcements .notice-pager:after {
  padding-bottom: 5px;
}

#announcements .notice-pager.bottom-pager {
  height: 60px;
}

#announcements .notice-pager.bottom-pager .pager {
  margin-top: 0;
}

#announcements .notice-pager .sort-search {
  margin: 10px 0 5px;
  display: inline-block;
  float: none;
}

#announcements .notice-pager .sort-search fieldset {
  display: inline;
}

#announcements .notice-pager .sort-search label {
  display: inline;
  font-size: 19px;
  margin: 15px 10px 15px 0;
  display: inline-block;
}

#announcements .notice-pager .sort-search select {
  font-size: 15px;
}

#announcements .notice-pager .pager {
  float: right;
  margin: 24px 0 0;
}

#announcements .notice-pager .pager .r-align {
  padding: 0;
  text-align: center;
}

#announcements .notice-pager .pager a {
  height: 35px;
  line-height: 1;
  padding: 7px 0 0;
}

#announcements .notice-pager .pager a:active, #announcements .notice-pager .pager a:hover {
  border-radius: 50%;
  color: #ffffff !important;
}

#announcements .notice-pager .pager a:active span.disabled, #announcements .notice-pager .pager a:hover span.disabled {
  margin-top: -10px;
}

#announcements .notice-pager .pager li a,
#announcements .notice-pager .pager li span {
  border: none;
  padding: 9px 0 0;
}

#announcements .notice-pager .pager .disabled.button-pager,
#announcements .notice-pager .pager li a.button-pager.fa.tiny,
#announcements .notice-pager .pager span a.button-pager.fa.tiny {
  padding-top: 10px;
}

#announcements .notice-pager .pager span.disabled,
#announcements .notice-pager .pager span.selected {
  line-height: 1;
  height: 35px;
  text-decoration: none;
}

#announcements .notice-pager .pager span.disabled {
  padding: 9px 0 0;
}

/*.announcements .tiled-list > ul > li:hover {
    background: $white-alabaster;
}*/
#announcements .tiled-list > h3 {
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: 3px solid #6CB3FD;
}

#announcements .tiled-list > ul {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -15px;
}

#announcements .tiled-list > ul > li {
  display: inline-block;
  float: left;
  font-size: 16px;
  position: relative;
  margin: 0 0 15px 15px;
  /*background: lighten($announcement-warm-grey, 5%);*/
  border-radius: 3px;
  min-width: 300px;
  transition: all 0.3s linear 0s;
  width: 31.7%;
  height: 250px;
  min-height: 250px;
}

#announcements .tiled-list > ul > li:hover {
  background: #fcfcfc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#announcements .tiled-list > ul > li:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}

#announcements .tiled-list > ul > li.cta {
  height: 252px;
  min-width: 302px;
  margin-bottom: 13px;
  margin-left: 13px;
}

#announcements .tiled-list > ul > li.cta > a {
  margin: 0;
  text-align: center;
  height: 250px;
}

#announcements .tiled-list > ul > li#DFP_standard_mpu_1 {
  text-align: center;
}

#announcements .tiled-list > ul > li a {
  margin: 10px;
  height: 165px;
  display: block;
  overflow: hidden;
}

#announcements .tiled-list > ul > li a p {
  color: #444;
  transition: all 0.3s linear 0s;
  max-height: 100px;
  overflow: hidden;
  margin: 15px 0 40px;
  font-size: 15px;
  line-height: 20px;
}

#announcements .tiled-list > ul > li a.buttons {
  height: 25px;
  text-align: center;
}

#announcements .tiled-list > ul > li a:hover p {
  transition: all 0.3s linear 0s;
}

#announcements .tiled-list > ul > li h4 {
  text-transform: uppercase;
}

#announcements .tiled-list > ul > li h4 a {
  height: auto;
}

#announcements .tiled-list > ul > li h3 {
  font-size: 19px;
  display: inline;
  color: #444;
  margin: 0;
  line-height: 1.2;
  margin-right: 5px;
}

#announcements .tiled-list > ul > li .timestamp {
  color: #a27caf;
}

#announcements .tiled-list > ul > li .timestamp:after {
  content: " ";
  display: table;
  margin-bottom: 10px;
}

#announcements .tiled-list > ul > li .notice-image {
  width: 95px;
  height: 95px;
  border-radius: 50px;
  overflow: hidden;
  float: left;
  margin: 5px 15px 0 0;
  background: #bbb;
}

#announcements .tiled-list > ul > li .notice-image img {
  margin: -5px 0 0;
  width: 100%;
  height: auto;
  min-width: 95px;
  min-height: 100%;
}

#announcements .tiled-list li span:last-child {
  text-align: center;
  color: #501b81;
  font-size: 14px;
  font-weight: 600;
  border: solid 1px #eae8e5;
  border-radius: 20px;
  padding: 1px 10px;
  background: #ffffff;
  white-space: nowrap;
}

#announcements .new-note-alert {
  width: 140px;
  height: 44px;
  display: block;
  position: absolute;
  right: -1px;
  top: -1px;
  border-top-right-radius: 3px;
}

#announcements .new-note-alert:after {
  content: 'New Message';
  display: block;
  font-weight: 400;
  text-align: right;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  margin-right: 2px;
  margin-top: 0;
  -webkit-transform: rotate(376deg);
  -moz-transform: rotate(16deg);
  -ms-transform: rotate(16deg);
  -o-transform: rotate(16deg);
  -webkit-font-smoothing: subpixel-antialiased;
  font-smooth: always;
}

#announcements .message-board .new-note-alert {
  border-radius: 0;
  right: 0;
  top: 0;
}

/* Promo panel */
#announcements .tiled-list .promo-ad-space {
  border-radius: 0;
  color: #fff;
  border: transparent;
  box-shadow: none;
  float: right;
  width: 31.7%;
  min-width: 300px;
  height: 250px;
}

#announcements .tiled-list .promo-ad-space h3 {
  display: block;
  font-size: 29px !important;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  margin: 0 20px;
}

#announcements .tiled-list .promo-ad-space > ul {
  margin: 2px 8px 0 0;
}

#announcements .tiled-list .promo-ad-space > ul > li {
  color: #444 !important;
  list-style: disc inside;
  padding-left: 16px;
}

#announcements .tiled-list .promo-ad-space > ul > li > a {
  color: #444 !important;
  margin-left: 0;
  display: inline;
  margin: 0 auto;
  height: auto;
  text-align: center;
}

#announcements .tiled-list .promo-ad-space > ul > li > a:hover {
  color: #fff !important;
}

#announcements .tiled-list .promo-ad-space > ul > li > a:active, #announcements .tiled-list .promo-ad-space > ul > li > a:hover {
  border: transparent;
  box-shadow: none;
}

/* Notice footer */
#announcements .notice-footer {
  padding: 20px 0;
  border-bottom: 3px solid #eae8e5;
  font-size: 16px;
  float: left;
  margin-bottom: 20px;
}

#announcements .notice-footer .alert-form {
  width: 48%;
  margin-right: 15px;
  float: left;
  display: inline;
  border: 20px solid #312056;
  padding: 10px 10px 5px;
}

#announcements .notice-footer .alert-form h4 {
  color: #312056;
}

#announcements .notice-footer .alert-form > p {
  padding-top: 5px;
  font-size: 13px;
  word-wrap: break-word;
  overflow-x: hidden;
}

#announcements .notice-footer .alert-form form > p {
  color: #000000;
}

#announcements .notice-footer .alert-form form span input {
  width: 100%;
  margin: 5px 0;
  float: none;
  font-size: 15px;
}

#announcements .notice-footer .alert-form form button {
  margin: 5px 0;
}

/* More Announcements Box */
#announcements .user-articles {
  float: right;
  width: 49%;
}

#announcements .user-articles ul {
  padding: 0;
  overflow: hidden;
  position: relative;
}

#announcements .user-articles ul li {
  display: inline-block;
  width: 30.5%;
  min-width: 100px;
  float: left;
  padding: 5px 10px 5px 0;
  margin: 0 10px 0 0;
  border-right: solid 1px #ccc;
}

#announcements .user-articles ul li:last-child {
  margin-right: 0;
  border-right: none;
  padding-right: 0;
}

#announcements .user-articles ul li h3 {
  margin: 5px 0;
  font-size: 18px;
}

#announcements .user-articles ul li h3:hover:after {
  content: '\f105';
  font-family: "FontAwesome";
  margin-left: 5px;
  font-weight: normal;
}

#announcements .user-articles ul li:nth-child(3n+3) {
  border-right: none;
}

/* Colour combos for different sections (if needed) */
#announcements .deaths .hero-article-inner,
#announcements .deaths .notice-container,
#announcements .tiled-list .deaths {
  background: #edf5f5;
}

#announcements .deaths .notice-container strong a,
#announcements .deaths h2 a,
#announcements .tiled-list .deaths a {
  color: #457575 !important;
}

#announcements .deaths .hero-article-inner h3 strong,
#announcements .notice.deaths h1 strong,
#announcements .tiled-list .deaths h3 strong {
  border-bottom: solid 2px #457575;
}

#announcements .births .hero-article-inner,
#announcements .births .notice-container,
#announcements .tiled-list .births {
  background: #fdf2f6;
}

#announcements .births .notice-container strong a,
#announcements .births h2 a,
#announcements .tiled-list .births a {
  color: #E22860 !important;
}

#announcements .births .hero-article-inner h3 strong,
#announcements .notice.births h1 strong,
#announcements .tiled-list .births h3 strong {
  border-bottom: solid 2px #E22860;
}

#announcements .birthdays .hero-article-inner,
#announcements .birthdays .notice-container,
#announcements .tiled-list .birthdays {
  background: #fff6f2;
}

#announcements .birthdays .notice-container strong a,
#announcements .birthdays h2 a,
#announcements .tiled-list .birthdays a {
  color: #D84400 !important;
}

#announcements .birthdays .hero-article-inner h3 strong,
#announcements .notice.birthdays h1 strong,
#announcements .tiled-list .birthdays h3 strong {
  border-bottom: solid 2px #D84400;
}

#announcements .exams .hero-article-inner,
#announcements .exams .notice-container,
#announcements .tiled-list .exams {
  background: #f9fdfd;
}

#announcements .exams .notice-container strong a,
#announcements .exams h2 a,
#announcements .tiled-list .exams a {
  color: #30B3A6 !important;
}

#announcements .exams .hero-article-inner h3 strong,
#announcements .notice.exams h1 strong,
#announcements .tiled-list .exams h3 strong {
  border-bottom: solid 2px #30B3A6;
}

#announcements .marriages .hero-article-inner,
#announcements .marriages .notice-container,
#announcements .tiled-list .marriages {
  background: #fbeffb;
}

#announcements .marriages .notice-container strong a,
#announcements .marriages h2 a,
#announcements .tiled-list .marriages a {
  color: #B030B0 !important;
}

#announcements .marriages .hero-article-inner h3 strong,
#announcements .notice.marriages h1 strong,
#announcements .tiled-list .marriages h3 strong {
  border-bottom: solid 2px #B030B0;
}

#announcements .anniversaries .hero-article-inner,
#announcements .anniversaries .notice-container,
#announcements .tiled-list .anniversaries {
  background: #f1eaf8;
}

#announcements .anniversaries .notice-container strong a,
#announcements .anniversaries h2 a,
#announcements .tiled-list .anniversaries a {
  color: #703AA9 !important;
}

#announcements .anniversaries .hero-article-inner h3 strong,
#announcements .notice.anniversaries h1 strong,
#announcements .tiled-list .anniversaries h3 strong {
  border-bottom: solid 2px #703AA9;
}

#announcements .greetings .hero-article-inner,
#announcements .greetings .notice-container,
#announcements .tiled-list .greetings {
  background: #fdf6ea;
}

#announcements .greetings .notice-container strong a,
#announcements .greetings h2 a,
#announcements .tiled-list .greetings a {
  color: #EE9D19 !important;
}

#announcements .greetings .hero-article-inner h3 strong,
#announcements .notice.greetings h1 strong,
#announcements .tiled-list .greetings h3 strong {
  border-bottom: solid 2px #EE9D19;
}

#announcements .other .hero-article-inner,
#announcements .other .notice-container,
#announcements .tiled-list .other {
  background: #f8fff6;
}

#announcements .other .notice-container strong a,
#announcements .other h2 a,
#announcements .tiled-list .other a {
  color: #1FAF00 !important;
}

#announcements .notice.other h1 strong,
#announcements .other .hero-article-inner h3 strong,
#announcements .tiled-list .other h3 strong {
  border-bottom: solid 2px #1FAF00;
}

#announcements .alert-form form span input {
  width: 100%;
  margin: 5px 0;
  float: none;
  font-size: 15px;
}

#announcements .alert-form form button {
  margin: 5px 0;
}

@media (max-width: 992px) {
  #announcements .tiled-list > ul > li {
    width: 48%;
  }
  #announcements .tiled-list > ul > li.cta {
    margin: 0 0 15px 15px;
  }
  #announcements .tiled-list .promo-ad-space {
    width: 48%;
    float: none;
  }
}

@media (max-width: 768px) {
  #announcements .book-ad-bottom {
    padding-top: 0;
  }
  #announcements .search-header-deaths {
    background-position-x: -200px;
  }
  #announcements .notice-pager {
    text-align: center;
    float: none;
  }
  #announcements .notice-pager .pager {
    text-align: center;
    float: none;
    margin-top: 0;
  }
  #announcements .notice-footer .alert-form form button {
    display: block;
    width: auto;
  }
  #announcements article.row {
    margin-left: 15px;
    margin-right: 15px;
  }
  #announcements .tiled-list > ul {
    margin: 0;
  }
  #announcements .tiled-list > ul > li {
    height: auto;
    min-height: 251px;
    float: none;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin: 0 0 15px;
  }
  #announcements .tiled-list > ul > li.cta {
    margin: 0 0 15px;
  }
  #announcements .tiled-list .promo-ad-space {
    width: 100%;
  }
  #announcements .notice-pager .sort-search label {
    margin: 0;
  }
  #announcements .user-articles ul li {
    width: 100%;
    display: block;
    float: none;
    border-right: none;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
  }
}

@media (max-width: 480px) {
  #announcements h2 {
    margin-top: 10px;
  }
  #announcements .book-ad-top {
    display: none !important;
  }
  #announcements .book-ad {
    text-align: center;
  }
  #announcements .book-ad .book-tel {
    text-align: center;
    padding: 5px;
  }
  #announcements .announcement-facet span {
    width: auto;
    margin: 10px 3%;
    display: block;
    float: none;
  }
  #announcements .announcement-facet span input,
  #announcements .announcement-facet span select {
    width: 100%;
    display: block;
  }
  #announcements .announcement-facet span input.button {
    margin: 15px 0;
  }
  #announcements .search-header-deaths {
    background-position-x: -400px;
    background-position-y: -32px;
    height: 270px;
    padding: 0;
  }
  #announcements .search-header-deaths input,
  #announcements .search-header-deaths select {
    width: 97%;
  }
  #announcements .search-header-deaths h3 {
    font-size: 18px;
    padding: 4px 10px;
  }
  #announcements .search-header-deaths div.inner-box {
    margin: 5px 20px 0;
    padding: 2px 0 0 2px;
    height: 240px;
  }
  #announcements .tiled-list > ul > li.cta {
    margin: 0 0 15px;
  }
  #announcements .notice-footer .alert-form {
    margin-right: 0;
    display: block;
    width: auto;
    float: none;
  }
  #announcements article.row {
    margin: 0 !important;
  }
  #announcements .user-articles {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  #announcements .user-articles ul li {
    width: 100%;
    display: block;
    float: none;
    border-right: none;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
  }
}

.announcements .goback {
  font-size: 18px;
  padding-right: 64px;
  display: block;
  line-height: 1em;
  height: 48px;
}

#announcements h4, h3 {
  line-height: normal;
}

#announcements .notice {
  margin-top: 8px;
  width: 100%;
  clear: both;
}

#announcements .notice > .row {
  margin: 0;
}

#announcements .notice h4 a {
  display: block;
  clear: both;
  text-transform: uppercase;
  text-decoration: none;
}

#announcements .notice h4 a span {
  margin-right: 5px;
}

#announcements .notice main {
  margin: 20px 10px 0;
  display: block;
}

#announcements .notice main p {
  margin: 1em 0;
}

#announcements .notice .notice-container {
  width: 100%;
  float: left;
  display: inline;
  clear: right;
  margin-right: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-radius: 3px;
}

#announcements .notice aside {
  width: 100%;
  float: none;
  clear: both;
  width: 30%;
  display: inline-block;
  margin-left: 16px;
}

#announcements .notice aside .advert {
  text-align: center;
}

#announcements .notice aside ul li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
}

#announcements .notice aside .alert-form {
  border: 20px solid #312056;
  padding: 10px;
  margin: 20px 0;
}

#announcements .notice aside .alert-form > p {
  padding-top: 5px;
  font-size: 13px;
  word-wrap: break-word;
  overflow-x: hidden;
}

#announcements .notice .notice-header {
  margin: 0 10px;
  min-height: 50px;
  padding-bottom: 10px;
  border-bottom: solid 4px #D8D8D8;
  position: relative;
  border-radius: 3px 3px 0 0;
}

#announcements .notice .notice-header strong a {
  margin-top: 10px;
  display: block;
  clear: both;
  font-weight: 400;
  text-transform: uppercase;
}

#announcements .notice .notice-header h1 {
  color: #000;
  display: inline-block;
  clear: both;
  font-size: 24px;
  margin: 10px 0;
  line-height: 1.1;
}

#announcements .notice .notice-header h1 strong {
  margin: 10px;
}

#announcements .notice .notice-header .social {
  float: right;
  display: block;
  clear: both;
  margin: 10px 0;
  font-size: 20px;
}

#announcements .notice .notice-header .social button {
  border: solid 1px #eee;
  min-height: 32px;
  margin-top: -4px;
  height: 100% !important;
  max-height: 50px;
  width: 34px;
  padding: inherit;
  color: #501b81;
  background: #fff;
}

#announcements .notice .notice-header .social button .fa-twitter {
  color: #3ea1cb;
}

#announcements .notice .notice-header .social button .fa-facebook {
  color: #14497f;
  right: 40px;
}

#announcements .notice .img-container {
  margin: 5px 0 20px 10px;
  width: 200px;
  float: right;
  overflow: hidden;
}

#announcements .notice .img-container img {
  display: block;
  width: 100%;
  height: auto;
}

#announcements .notice .timestamp {
  margin: 0;
  display: block;
  color: #A27CAF;
}

#announcements .notice .notice-views {
  display: inline-block;
  margin: 0;
  color: #777;
}

#announcements .notice .mpu {
  min-width: 300px;
  height: 250px;
  margin-bottom: 20px;
}

#announcements .notice .mpu a {
  margin: 0 auto;
  display: block;
  text-align: center;
}

#announcements .notice .login-warning {
  background: #f7f4f1;
  padding: 6px;
  margin: 10px 0 0;
}

#announcements .notice .login-warning a {
  color: #337ab7 !important;
}

#announcements .notice .notice-gallery {
  display: block;
  margin: 16px auto 0;
  text-align: center;
}

#announcements .notice .notice-gallery .icon.icon-cancel:before {
  content: "";
  font-family: "mojito-icons" !important;
}

#announcements .notice .notice-gallery div.gallery-image {
  display: inline-block;
  width: 30%;
  margin: 10px 1.2% 20px;
  position: relative;
}

#announcements .notice .notice-gallery div.gallery-image img {
  cursor: pointer;
  border: 3px solid transparent;
  border-radius: 80px;
  background: #bbb;
}

#announcements .notice .notice-gallery div.gallery-image span {
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  display: none;
}

#announcements .notice .notice-gallery div.gallery-image span:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  color: #7ed321;
  margin: 0 5px 0 -6px;
}

#announcements .notice .notice-gallery .content {
  display: none;
}

#announcements .notice .notice-add-image {
  padding-bottom: 10px;
}

#announcements .notice .notice-add-image h3 {
  margin-bottom: 16px;
  margin-top: 20px;
}

#announcements .notice .notice-add-image h3 span {
  font-weight: 400;
}

#announcements .notice .notice-add-image p {
  margin-bottom: 0;
}

#announcements .notice .notice-container .message-board {
  margin: 0 0 5px;
  padding-bottom: 5px;
  /*div {
    display: block;
    clear: both;
  }*/
}

#announcements .notice .notice-container .message-board h3 {
  display: inline-block;
  margin: 12px 5px 7px 0;
}

#announcements .notice .notice-container .message-board h4,
#announcements .notice .notice-container .message-board h5 {
  line-height: normal;
  font-size: 19px;
}

#announcements .notice .notice-container .message-board span {
  font-weight: 400;
  font-style: italic;
  margin-left: 5px;
  color: #616167;
}

#announcements .notice .notice-container .message-board a.button {
  color: #f1f1f7 !important;
}

#announcements .notice .notice-container .message-board ul {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

#announcements .notice .notice-container .message-board ul li {
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  margin-top: 20px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

#announcements .notice .notice-container .message-board ul li.nested-comment {
  border-top: 2px dashed rgba(0, 0, 0, 0.1);
  margin-top: 0;
}

#announcements .notice .notice-container .message-board ul li .img-container {
  margin: 20px 10px 0 0;
  width: 160px;
  border-radius: 20px;
  float: left;
  overflow: hidden;
  background: #bbb;
}

#announcements .notice .notice-container .message-board ul li .img-container img {
  display: block;
  border-radius: 0 0 3px 3px;
}

#announcements .notice .notice-container .message-board ul li .login-warning {
  font-size: 14px;
  display: inline;
  margin-right: 0;
  border-radius: 20px;
  padding: 3px 10px;
}

#announcements .notice .notice-container .message-board ul li a {
  font-size: 14px;
  margin-right: 5px;
}

#announcements .notice .notice-container .message-board ul li h4 {
  margin-bottom: 4px;
}

#announcements .notice .notice-container .message-board .login-warning {
  background: none;
  margin: 0 0 10px;
  padding: 0;
}

#announcements .notice .notice-container .message-board textarea {
  height: 8em;
  width: 100%;
  margin-top: 5px;
  font-size: 16px;
}

#announcements .notice .notice-container .message-board input {
  font-size: 16px;
}

#announcements .notice .notice-container .message-board .noticeCounter {
  font-size: 14px;
}

#announcements .notice .notice-container .message-board .replied-post:before {
  background: none;
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  top: 3px;
  left: 0;
  right: 0;
  bottom: 4px;
}

#announcements .notice .notice-container .message-board .replied-post {
  margin: 15px 5px 0;
  padding: 20px 8px 10px;
  position: relative;
}

#announcements .notice .notice-container .message-board button.button-inverse {
  min-width: auto;
  margin-bottom: 10px;
}

#announcements .notice .notice-form {
  background-color: #ffffff;
  height: 250px;
  height: 100%;
  margin-bottom: 20px;
  padding: 0 10px;
  font-size: 16px;
}

#announcements .notice .notice-form h2 {
  padding: 6px 0;
  margin: 0;
}

#announcements .notice .notice-form fieldset {
  padding: 0;
}

#announcements .notice .notice-form fieldset p.tiny.quiet {
  margin-bottom: 8px;
}

#announcements .notice .notice-form textarea {
  height: 155px;
  width: 100%;
  margin: 0;
  font-size: 16px;
}

#announcements .notice .notice-form .noticeCounter {
  margin: 0;
}

#announcements .notice .notice-form input {
  border-radius: 20px;
  box-shadow: none;
  border: solid 1px #ddd;
  text-align: center;
  margin: 10px 0;
  transition: all 0.3s linear 0s;
}

#announcements .notice .notice-form .button,
#announcements .notice .notice-form .button-inverse {
  display: block;
  margin: 10px auto 20px;
  padding: 3px 2em 6px;
  white-space: nowrap;
}

#announcements .notice .notice-form div.left,
#announcements .notice .notice-form div.right {
  clear: none;
  margin-top: 4px;
  text-align: center;
  width: 48%;
}

#announcements .notice .notice-form div.left.left,
#announcements .notice .notice-form div.right.left {
  float: left;
}

#announcements .notice .notice-form div.left.right,
#announcements .notice .notice-form div.right.right {
  float: right;
}

#announcements .notice .notice-form div.left button,
#announcements .notice .notice-form div.right button {
  width: 208px;
}

#announcements .notice .notice-form div.left p,
#announcements .notice .notice-form div.right p {
  margin: 0;
}

#announcements .notice .notice-container {
  width: 64%;
}

#announcements .notice aside {
  min-width: 318px;
  width: 30%;
}

#announcements .notice #imageUpload,
#announcements .notice #imageSelect {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 976px) {
  #announcements .notice .notice-container {
    width: 57%;
  }
  #announcements .notice aside {
    width: 40%;
    min-width: initial;
  }
}

@media (max-width: 800px) {
  #announcements .notice .notice-container {
    width: 100%;
  }
  #announcements .notice aside {
    margin-left: 0;
    width: 100%;
  }
  #announcements .alert-form form button {
    display: block;
  }
  #announcements .notice .notice-gallery div.gallery-image {
    width: 20%;
  }
}

@media (max-width: 480px) {
  #announcements .notice .img-container {
    width: 100%;
    border-radius: 0 0 3px 3px;
    border: none;
    margin: -20px 0 20px;
  }
  #announcements .notice .img-container img {
    display: block;
    width: 100%;
    height: auto;
  }
  #announcements .notice .notice-header .social {
    float: left;
  }
  #announcements .notice .notice-gallery div.gallery-image {
    width: 30%;
  }
  #announcements .notice .notice-gallery div.gallery-image img {
    width: 75px;
    height: 75px;
  }
  #announcements .notice .notice-form div.left,
  #announcements .notice .notice-form div.right {
    float: none;
    margin: 0 auto;
    width: 100%;
  }
}

#announcementsAsideSearchForm {
  width: 100%;
  background: #eae8e5;
  padding: 10px;
}

#announcementsAsideSearchForm h3 {
  color: #474646;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

#announcementsAsideSearchForm input[type="text"], #announcementsAsideSearchForm select {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 15px;
  padding: 3px;
}

#announcementsAsideSearchForm input[type="submit"] {
  display: block;
  width: 100%;
  font-size: 15px;
  margin-bottom: 5px;
}

.livefeed b, .livefeed strong {
  font-weight: 600;
}

.livefeed em {
  font-style: italic;
}

.livefeed ol {
  list-style-type: decimal;
  margin-left: 15px;
}

.livefeed ul {
  list-style-type: disc;
  margin-left: 15px;
}

.livefeed p {
  margin-bottom: 10px;
}

.schemeRed #breakingNewsBanner {
  background-color: #A01016;
}

.schemeRed #breakingNewsBanner a:focus, .schemeRed #breakingNewsBanner a:hover,
.schemeRed #breakingNewsBanner a.close:focus,
.schemeRed #breakingNewsBanner a.close:hover {
  color: #f86f77;
}

.schemeRed #breakingNewsBanner a h1 {
  color: #fff !important;
}

.schemeBlue #breakingNewsBanner,
.schemeBlueHerald #breakingNewsBanner {
  background-color: #14497f;
}

.schemeBlue #breakingNewsBanner a:focus, .schemeBlue #breakingNewsBanner a:hover,
.schemeBlue #breakingNewsBanner a.close:focus,
.schemeBlue #breakingNewsBanner a.close:hover,
.schemeBlueHerald #breakingNewsBanner a:focus,
.schemeBlueHerald #breakingNewsBanner a:hover,
.schemeBlueHerald #breakingNewsBanner a.close:focus,
.schemeBlueHerald #breakingNewsBanner a.close:hover {
  color: #9ab7e3;
}

.schemeBlue #breakingNewsBanner a h1,
.schemeBlueHerald #breakingNewsBanner a h1 {
  color: #fff !important;
}

.schemeBlue #breakingNewsBanner a h2,
.schemeBlueHerald #breakingNewsBanner a h2 {
  color: #fff !important;
}

.schemeGreen #breakingNewsBanner {
  background-color: #1b5731;
}

.schemeGreen #breakingNewsBanner a:focus, .schemeGreen #breakingNewsBanner a:hover,
.schemeGreen #breakingNewsBanner a.close:focus,
.schemeGreen #breakingNewsBanner a.close:hover {
  color: #aad9a0;
}

.schemeGreen #breakingNewsBanner a h1 {
  color: #fff !important;
}

.schemePurple #breakingNewsBanner {
  background-color: #504DA1;
}

.schemePurple #breakingNewsBanner a:focus, .schemePurple #breakingNewsBanner a:hover,
.schemePurple #breakingNewsBanner a.close:focus,
.schemePurple #breakingNewsBanner a.close:hover {
  color: #b8c0de;
}

.schemePurple #breakingNewsBanner a h1 {
  color: #fff !important;
}

#breakingNewsBanner {
  display: none;
  bottom: 0;
  color: #ffffff;
  left: 0;
  height: 90px;
  position: fixed;
  right: 0;
  width: auto;
  z-index: 3000039;
  padding: 10px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.12);
}

@media (max-width: 991px) {
  #breakingNewsBanner {
    overflow: auto;
  }
}

#breakingNewsBanner a {
  color: #fff;
  text-decoration: none;
}

#breakingNewsBanner h1 {
  font-size: 26px;
  height: 26px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 6px;
  clear: none;
}

@media (max-width: 991px) {
  #breakingNewsBanner h1 {
    font-size: 20px;
    height: 20px;
  }
}

#breakingNewsBanner h2 {
  font-size: 30px;
  height: 30px;
  margin: 0;
}

@media (max-width: 991px) {
  #breakingNewsBanner h2 {
    font-size: 26px;
    height: 26px;
  }
}

#breakingNewsBanner .close {
  float: right;
  font-size: 30px;
  line-height: 30px;
}

@media (max-width: 991px) {
  #breakingNewsBanner .close {
    font-size: 26px;
    height: 26px;
  }
}

/*# sourceMappingURL=style.css.map */