/**
 * Toggle on/off.
 */
.min-large,
.min-medium {
  display: none;
}

.max-small {
  display: block;
}

/**
 * Typography.
 */
h1 {
  font-size: 2.2em;
}

.layout-compact h5 {
  font-size: 1.1em;
  line-height: 1.3em;
}

/**
 * Header.
 */
header,
header > * {
  background-color: #1d2732;
  text-align: center;
  height: 70px;
  line-height: 70px !important;
}

/**
 * Header, toggle navigation.
 */
header > a.nav-toggle {
  left: 15px;
  font-size: 28px;
  color: #ddd;
}

/**
 * Header, logo.
 */
header > .logo {
  position: static;
  display: inline-block;
  font-size: 22px;
}

header > .logo a {
  color: white !important;
}

/**
 * Navigation.
 */
.nav-on nav {
  display: block;
}

/**
 * Breadcrumbs.
 */
ol.breadcrumbs {
  margin: -5px 0 20px 0px;
}

/**
 * Main.
 */
main {
  margin: 20px 10px;
}

/**
 * Main, navigation expanded.
 */
.expanded main {
  left: 0;
}

.nav-on main {
  left: 150px;
}

.nav-on.expanded main {
  left: 300px;
}

/**
 * Line content separator.
 */
.line-sep:only-of-type:after {
  background-color: transparent;
}

/**
 * Band.
 */
.band {
  margin: 0;
}

.band h2 {
  font-size: 1.6em;
}

/**
 * Wide.
 */
div.wide,
figure.wide img {
  margin-left: -10px !important;
  width: calc(100% + 20px) !important;
}

/**
 * Membership.
 */
.membership {
  padding: 30px 10px;
}

/**
 * Membership upsell (v1).
 */
.v1.membership-upsell > div {
  padding: 50px 10px;
  background:
    url("/National_Library/20170827070107oe_/https://euobserver.com/graphics/upsell/house.svg") no-repeat 5% bottom/200px auto,
    url("/National_Library/20170827070107oe_/https://euobserver.com/graphics/upsell/cloud.svg") no-repeat -20px 25%/100px auto
    #26b084
  ;
}

.v1.membership-upsell h1,
.v1.membership-upsell h2 {
  font-size: 2.2em;
}

/**
 * Membership upsell (plans).
 */
.membership-upsell .plans > div {
  margin: 0 0 0 -10px;
}

.membership-upsell .plan {
  margin: 0 0 10px 10px;
}

.membership-upsell .plan > div h5 {
  font-size: 2.5em;
}

/**
 * Membership upsell (footer).
 */
.membership-upsell .footer {
  display: block;
  text-align: center;
}

.membership-upsell .footer > div:last-child {
  flex-direction: column;
  margin: 30px 0 0 0;
}

.membership-upsell .footer img {
  margin: 0 0 10px 0;
}

/**
 * Membership upsell (v2).
 */
.v2.membership-upsell > div {
  height: 80px;
  width: 100%;
  padding: 0 50px 0 10px;
  background-position: right 140px top 20px;
}

.v2.membership-upsell h1 {
  font-size: 1.3em;
  line-height: 1.2em;
  padding-left: 0;
  border: none;
  margin-right: 10px;
}

.v2.membership-upsell .button {
  padding: 1em;
}

/**
 * Grid.
 */
.grid {
  margin: 0 -5px;
}

/**
 * Grid, column.
 */
[class*='col-'] {
  width: 100%;
  padding: 0 5px;
}

/**
 * Grid layouts.
 */
article + article,
.layout-compact > :last-child,
div + .right {
  margin-top: 2em;
}

.layout-compact article > .grid > div {
  width: 50%;
}

.layout-compact h4:first-child,
.layout-compact h5:first-child {
  margin-top: 0;
}

.layout-compact .summary,
.layout-compact time {
  display: none;
}