body {
  color: #2E3152;
  font-family: "Brown-Light";
}
input,
button,
select,
textarea {
  font-family: "Brown-Light";
}
h1.template-title {
  font-size: 3em;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
th,
.bold,
.metro .descr-text,
a {
  font-family: "Brown-Bold";
  font-weight: normal;
}
.unbold {
  font-family: "Brown-Light" !important;
}
i,
em {
  font-family: "Brown-Lightitalic";
  font-style: normal;
}
.title-line-top {
  border-top: 2px solid #2E3152;
  padding-top: 15px;
}
.bg-img-no-filter .text {
  bottom: 0 !important;
}
.btn-black {
  background-color: #2E3152;
  color: white;
}
.btn-green {
  background: #2E3152 !important;
}
.btn-primary {
  background-color: #ED3D48;
  border-color: #ED3D48;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #e21522;
  border-color: #e21522;
}
.bg.purple {
  background-color: #302d53;
}
a {
  color: #ED3D48;
}
a:hover,
a:active,
a:focus {
  color: #e21522;
}
.color-green {
  color: #1e9e1e !important;
}
.featitem {
  background: #2E3152 !important;
}
.rarea-hero .title {
  background-color: #2E3152;
  color: white;
}
a.label {
  background: #2E3152 !important;
  color: white;
}
li[class*='fp'] {
  border-left: 0 !important;
}
#mainnav .navbar-inner,
#footer,
.descr,
.eventitem .date,
#peoplenav .span4 {
  background: #eff0f6;
}
#peoplenav .indexcard a:link,
#peoplenav .indexcard a:visited {
  background: #eff0f6 !important;
}
.feedfilter li a,
#people-nav-menu ul li,
#filterlist ul > li {
  color: #2E3152;
  background: #eff0f6;
}
.feedfilter li a a,
#people-nav-menu ul li a,
#filterlist ul > li a {
  color: #2E3152;
}
.breadcrumb,
hr,
.widget-title,
.home #sidebar h2,
#peoplenav h3 {
  border-color: #eff0f6;
}
#footer h3 {
  border-color: #ced0e4;
}
input[type="text"] {
  border-color: #ced0e4;
}
.pubmeta,
.postmeta {
  color: #6c72ad;
}
.climate-change #progtags {
  background: #2E3152;
}
/*
img, 
.featitemimg, .rarea-hero,
.cc-nav .span3 img,
.single-faqs .cc-nav .span3#faqs img, 
.tax-faq-type .cc-nav .span3#faqs img, 
.cc-nav .span3:hover img, 
.cc-nav .span3#cc-current img {
	-webkit-filter: sepia(1) saturate(1) hue-rotate(180deg);
	filter: gray;
	filter: grayscale(100%);
	filter: sepia(1) saturate(1) hue-rotate(180deg);
}
*/
.img-no-filter,
.bg-img-no-filter,
.brand img {
  -webkit-filter: none;
  filter: none;
}
#header img,
#footer img,
.ssba img {
  -webkit-filter: none;
  filter: none;
}
@font-face {
  font-family: "Brown-Light";
  src: url("../fonts/lineto-brown-light.eot");
  src: url("../fonts/lineto-brown-light.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-brown-light.woff2") format("woff2"), url("../fonts/lineto-brown-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Brown-Lightitalic";
  src: url("../fonts/lineto-brown-lightitalic.eot");
  src: url("../fonts/lineto-brown-lightitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-brown-lightitalic.woff2") format("woff2"), url("../fonts/lineto-brown-lightitalic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Brown-Bold";
  src: url("../fonts/lineto-brown-bold.eot");
  src: url("../fonts/lineto-brown-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-brown-bold.woff2") format("woff2"), url("../fonts/lineto-brown-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
#header .headerlogo {
  height: 70px;
  width: auto;
}
#header .headerlogo.lse {
  margin-right: 35px;
}
@media (max-width: 933px) {
  #header .headerlogo {
    height: 60px;
  }
  #header .headerlogo.lse {
    margin-right: 30px;
  }
}
@media (max-width: 878px) {
  #header .headerlogo {
    height: 55px;
  }
  #header .headerlogo.lse {
    margin-right: 25px;
  }
}
#header input {
  font-size: 14px;
}
#mobilenav .brand img {
  height: 35px;
  width: auto;
  margin-left: 10px;
}
.metro .tile {
  background-color: #302d53;
}
.metro .tile.descr-text-beneath {
  position: relative;
}
.metro .tile.descr-text-beneath img {
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .metro .tile.descr-text-beneath img {
    margin-bottom: 0;
  }
}
.metro .tile.descr-text-beneath .descr-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: #404573;
}
.metro .tile .descr-text,
.metro .descr-text {
  background: #2E3152;
}
.img-80-percent {
  width: 80%;
  height: auto;
  margin: auto;
  display: block;
}
.rarea-hero {
  width: 100%;
}
.rarea-hero.text-beneath {
  height: auto;
}
.rarea-hero.text-beneath .text {
  position: relative;
  bottom: 0;
}
.rarea-hero.text-beneath .text .title.lighter {
  background-color: #404573;
}