/*Site Layout*/

/* #Basic Styles */
html {
  margin: 0; padding: 0;
}

body {
   line-height: 1;
   font: 16px/21px Roboto, Source Sans Pro, Gill Sans, Trebuchet MS, Arial, sans-serif;
   color: #555555;
   -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
   -webkit-text-size-adjust: 100%;
   margin: 0; padding: 0;
   background-color: #F4FCFF;
}

section {
   margin: 14px 0px;
}

ul, ol { margin: 21px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; }
ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 21px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }

/* #Typography */
h1, h2, h3, h4, h5, h6 {
   color: #333333;
   font-weight: normal; 
}

h1 { font-size: 46px; line-height: 50px; margin: 21px 0; }   
h2 { font-size: 35px; line-height: 40px; margin: 21px 0; }
h3 { font-size: 28px; line-height: 34px; margin: 14px 0;}
h4 { font-size: 21px; line-height: 30px; margin: 14px 0;}
h5 { font-size: 17px; line-height: 24px; margin: 14px 0;}
h6 { font-size: 14px; line-height: 21px; margin: 14px 0;}

p { margin: 0 0 20px 0; }
p img { margin: 0; }

em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }
b { font-weight: bold; }
i { font-style: italic; }

hr {
   height: 0;
   border: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   margin-left: 10px; margin-right: 20px;
}

/* #Links */
a, a:visited {
   text-decoration: none;
   outline: 0;

   transition:all 0.3s;
   -webkit-transition:all 0.3s;
   -o-transition:all 0.3s;
   -moz-transition:all 0.3s;
   -ms-transition:all 0.3s
}

p a, p a:visited { line-height: inherit; }
:focus, :active { outline: 0; }

/* #Site Styles  */
.body-bg{
}

.site-logo {
   padding: 20px 0 10px 10px;
   float: left;
}

.site-logo img {
  /* padding: 10px 0 20px 0;*/
 /* ERL */
   width: 350px;
}


.ERL_menu_wrapper {
    position: absolute;
    right: 0px;
	top: 0px
}

.ERL_social_wrapper {
   float: right;
   padding-right: 20px;
   padding-top: 5px;
   font-size: 20px;
   text-align: right;
}

.ERL_nav_wraper {
       padding-top: 40px;
}

.right {
float: right;
}
.left{
float: left;
}
.container.governing-body-section {
    padding: 30px 0;
    color: #ffffff;
    background-image: url("/static/cmsapp/images/bkgrd_grass.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    background-position: 50% 50%;
    height: 350px;
    }

    .governing-body-info {
    width: 80%;
    margin: auto;
    line-height: 1.5;
    font-size: 125%;
    text-align: center;
    font-weight: bold;
    }
.new-menu {
float: right;
}

.governing-body-info-table {
display:table;
height:300px;
}
.governing-body-info-row {
   display:table-cell;
   vertical-align:middle;
}
.governing-body-info-cell {
   margin-left:auto;
   margin-right:auto;
}


.ReadMoreButton {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
   background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
   background-color:#f9f9f9;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   border:1px solid #dcdcdc;
   display:inline-block;
   cursor:pointer;
   color:#666666;
   font-family:Arial;
   font-size:15px;
   font-weight:bold;
   padding:11px 45px;
   text-decoration:none;
   text-shadow:0px 1px 0px #ffffff;
}
.ReadMoreButton:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
   background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
   background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
   background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
   background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
   background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
   background-color:#e9e9e9;
}
.ReadMoreButton:active {
   position:relative;
   top:1px;
}

.container {
  width: 100%;
}

.page-container {
   width: 100%;
   margin: 0 auto;
}

.row {
   margin-bottom: 21px;
}

.box {
}

.page-card {
  margin: 20px;
}

/* Self Clearing Goodness */
.clear {
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}

.logo-box {
  background-color: #fff;
  padding: 0px 30px 10px 30px;
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

.forecast-info iframe {
   min-height: 300px;
   width: 500px;
}

.pagination {
   display: flex;
   margin: 21px 0 0 0; 
   padding: 0; 
   clear: both;
}

.pagination li {
   padding: 10px;
   margin: 2px;
   border: 1px solid #aaa;
}

.pagination li.active {
   background-color: #cccc99;
}

.ERL_menu_social_wrapper {
float: right;
font-size: 1.5rem;
text-align: right;
}


.ta-forecast-cell {
border:solid;
border-color: lightgrey;
border-width:1px;
margin: 0.5rem;
}

.ta-level {
font-weight: bold;
}

.categories {
  margin: 0 20px 20px 20px;
}

.catg {
   padding: 10px 20px;
   margin: 0 10px;

   border: 1px solid #ccc;
   border-radius: 22px;

   background-color: #f6f6ee;

   font-size: 90%;
   font-weight: bold;
}

.page-body .left {
   float: left;
}

.page-body .right {
   float: right;
}

p.clear {
   clear: both;
}

.more-link {
   padding: 0 10px;
}

.more-link a {
   color: #fff;
   font-size: 120%;
}

.more-link a:hover {
   color: #0066cc;
}

.callout{
   background: url(../images/warnings-sign.png) no-repeat 40px 14px;
   background-size: 28px 28px;
   padding: 5px 0 5px 35px;
   margin-bottom: 0;
   background-color: /* #ffd23b; the exact pollen logo colour is this */ #edc319;
}

.callout h3 {
   font-size: 18px;
   padding-left: 50px;
   margin: 14px 0 10px 0;
   line-height: 20px;
   /* ERL color: #800000; */
   color: #800000;
   font-weight: bold;
}

.callout-msg {
   /* ERL color: #800000; */
      color: #003366;
}

.callout-msg p {
   margin: 0 0 10px 0;
}

.first-news-post {
  background-color: #eee;
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 10px 20px;  
  margin: 10px 0;
}

.first-news-post img {
  border: 2px solid #ddd;
}

.header-box {
  width: 100%;
  margin: 0 auto;
}

.header-box h2 {
  color: #fff;
  background-color: #383838;
  margin: 14px 0 0 0;
  padding: 10px 20px;
}

.news-container {
   padding: 30px 20px;
}

.news-post {
   padding: 4px 20px 10px 0;  
}

.news-post h2 {
   font-size: 20px;
   line-height: 1.5;
}

.news-post .date {
   font-weight: 650;
   padding-bottom: 6px; 
}

.news-post img {
   padding: 4px;
}

.news-post .intro {
   font-weight: 600;
}

.news-post .responsive-object {
   padding-bottom: 10px!important;
}

.news-post iframe {
   min-width: 600px;
   min-height: 400px;
}

.news-post a {
   color: #0066cc;
}

.press-arts {
   margin-bottom: 20px;
}

.press-art {
   margin: 6px 0;
   padding: 10px 30px 10px 20px;
   min-height: 100px;
   border: 1px solid #444;
   border-radius: 4px;
}

.press-art a {
   color: #0066cc;
}

.press-art .source {
   font-family: Roboto, sans-serif;
   padding-bottom: 6px;
}

.press-art .text {
   text-indent: 10px;
   font-style: italic;
}

.press-thumb {
   float: left;
   height: 72px;
   margin: 4px 16px 4px 0;
   border: 1px solid #aaa;
}

.press-art .text p::before {
   content: '" ';
   font-size: 110%;
}

.press-art .text p::after {
   content: ' "';
   font-size: 110%;
}

.press-art .date {
   font-weight: 600;
   padding-bottom: 10px;
}

.faq-page a {
   color: #444;
}

.faq-quests {
   margin-bottom: 20px;
}

.faq-quest {
   margin: 5px 0;
   min-height: 82px;
   border: 1px solid #444; 
}

.faq-quest-text {
   padding: 28px 90px 0px 90px;
}

.faq-quest-text-no-img {
   padding: 28px 90px 0px 20px;
}

.faq-thumb {
   float: left;
   height: 72px; 
   margin: 4px;
   border: 1px solid #aaa;
}

.faq-quest a {
   color: #333;
}

.faq-quest:hover {
   background-color: #f6f6ee;
   color: #0066cc;
}

.faq-body {
   padding-bottom: 20px;
}

.faq-body ul{
   list-style-type: circle;
}

.faq-body img {
   border: 1px solid #aaa;
}

.teammembers {
   margin-bottom: 30px;   
}

.teammember {
   margin: 20px 30px 20px 0;
   line-height: 1.5;
}

.teammember a {
   color: #0066cc;
}

.teammember a:visited {
   color: #0066cc;
}

.team-img {
   float: left; 
   margin: 10px 10px 10px 0;
}

.member-name {
   font-weight: bold;
   font-size: 110%;
   color: #444;
}

.member-title {
   text-transform: uppercase;
   font-size: 90%;
}

.member-biodata {
   padding-top: 4px;
   min-height: 80px;
}

.advert-box {
  margin: 0 auto;
  background-color: #fff;
}

.advert-section {
   padding: 0 20px;
}

.advert-section img {
   margin: 0 40px 20px 0;
}

.help-text {
   color: #666;
   font-weight: bold;
   font-style: italic;
}

.help-text a {
   color: #336600;
}

/* #Copyright */
.container.copyright-section {
  /*  background: rgba(7,27,57, 1); */
   background: #094183;
   color: #ffffff;
   padding: 14px 0 14px 10px;
   font-size: 12px;
}

.bottom-UoM-logo {
    width: 150px;
    padding: 10px;
}
.store-badges-bottom {
max-width:150px;
}

.container.copyright-section section {
   margin-bottom: 0px;
}

.copyright-section a{
   color: #bbb; text-decoration: none;
}

.copyright-section a:hover{
   color: #e3e3e3;
}

.uk-article-meta {
    color: black !important;
}


@media (max-width: 767px) {

   .ERL_menu_wrapper {
      float: left;
   }
}

/* #Media Sizing Queries */
/* Large Desktop screens */
@media (min-width: 1450px) {
}

/* Small Laptop screens */
@media (min-width: 1009px) and ( max-width: 1450px ) {

}
@media (min-width: 767px) and ( max-width: 1008px ) {
   .logo-box {
    /* background: url(../icons/footer-bg.jpg); */
    /* padding: 0px 30px; */
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
}

.ERL_nav_wraper {
    padding-top: 80px;
}
}

/* Tablets Landscape */
@media (min-width: 959px) and (max-width: 1099px) {
}

/* Tablets Portrait */
@media (min-width: 768px) and (max-width: 959px) {
  .faq-quest-text {
     padding: 10px 0 0 90px;
  }

  .faq-quest-text-no-img {
     padding: 10px;
  }
}

/* Mobile Landscape */
@media (min-width: 550px) and (max-width: 767px) {
   .faq-quest-text {
     padding: 10px 0 0 90px;
  }

  .faq-quest-text-no-img {
     padding: 10px;
  }
}

/* Mobile Portrait */
@media (max-width: 549px) {
   body {
     font-size: 14px;
   }

   .callout {
     padding-left: 10px;
     background: url(../images/warnings-sign.png) no-repeat 30px 16px;
     background-color: /* #ffd23b; the exact pollen logo colour is this */ #edc319;
     background-size: 24px 24px;
   }

   .callout h3 {
     font-size: 16px;
     font-weight: bold;
   }

   .callout-msg {
     padding: 0 20px;
   }

   .art-matter p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
   }
   
   .site-logo img {
  /* padding: 10px 0 20px 0;*/
 /* ERL */
   width: 200px;
}


.ERL_social_wraper {
   display:none;
}

.ERL_nav_wraper {
   padding: 0px;
}
   .governing-body-info-cell {
    font-size: 70%;
}

  .faq-quest-text {
     padding: 0 0 0 90px;
  }

  .faq-quest-text-no-img {
     padding: 0;
  }

  p {
    margin: 10px;
  }
}