/* background for logo and top menu, not on home page though */
body:not(.home) #site-navigation.navbar,
body:not(.home) .site-header.headroom .navbar {
background-color: #409;
background-image: none;
opacity: 90%;
}

/* for menu on home page */
.has-header-image.inspiro-front-page #site-navigation.navbar,
.has-header-image.inspiro-front-page .headroom--not-top .navbar
{ background-color: #409; }

/* keep logo big enough to read the words in it */
.header-logo-wrapper { min-width: 120px; }

/* shrink height of title part */
@media (min-width: 64em) { .page .entry-cover-image { height: 240px; } }
@media (max-width: 64em) { .page .entry-cover-image { height: 220px; } }
@media (max-width: 48em) { .page .entry-cover-image { height: 200px; } }
@media (max-width: 40em) { .page .entry-cover-image { height: 180px; } }
@media (max-width: 30em) { .page .entry-cover-image { height: 150px; } }

/*sub menu entries from main menu */
@media (min-width: 64em) {
  .navbar-nav ul { background: #409; }
  /*body.home .navbar-nav ul { background: #114; }*/
}

.site-footer .footer-widgets {
  flex-wrap: nowrap; /* overrides Inspiro default */
  justify-content: space-between;
  padding-top: 0; /* overrides Inspiro 30px, .widget has padding-top instead */
  align-items: center;
}

.site-info a { /* for links in footer */
  color: #409;
  font-weight: bold;
}

/* reduce space between footer logos and contact/cookies text */
footer .widget { margin-bottom: 0; }
.site-info { padding-top: 1em; }

footer>.inner-wrap>p { /* For <p> above logos */
  color: #888;
  margin-top: 0.5em;
  margin-bottom: 0;
}

/* No need for .widget-columns-n flex settings since using space-between above, except for narrow screens, */
@media screen and (max-width: 650px) {  /* thinks: also need flex-wrap: wrap? */
  .site-footer .widget-columns-n .widget-column { flex: 0 1 50%; }
}

/* Reduce spacing between logos on less-wide screens */
@media screen and (max-width: 1000px) {
  .site-footer .widget-columns-n .widget-column { padding-right: 1em; }
}

#footer-logos-area>.widget-column>.widget {
  padding-top: 15px;
}

#footer-neso { min-width: 65px; max-width: 130px; }
#footer-ngeso { min-width: 130px; max-width: 240px; }
#footer-epsrc { min-width: 90px; max-width: 160px; }
#footer-advinf { min-width: 85px; max-width: 150px; }
#footer-ossila { min-width: 60px; max-width: 125px; }
#footer-ocf { min-width: 70px; max-width: 150px; }
#footer-granthamcentre { min-width: 65px; max-width: 125px; }
#footer-energyinstitute { min-width: 110px; max-width: 180px; }

/* Override theme for padding, esp. important for PV_Live, PV_Forecast to minimise crushing content into tiny width */
@media screen and (max-width: 40em){
  .page div.entry-content { padding: 0 1.5%; }
}

/* Contact page acknowledgement, */
div.wpforms-container-full .wpforms-confirmation-container-full,
div.wpforms-container-full .wpforms-confirmation-container-full>p {
  background-color: #f5edff;
}
div.wpforms-container-full .wpforms-confirmation-container-full {
  border: 1px solid #409;
}
.cc-icon { height:22px !important; margin-left:3px; vertical-align:text-bottom; }
.license>p>a { text-decoration: none !important; }
