@import 'variables';
@import 'base/fonts';

html,
body {
  font-family: 'Avenir', sans-serif;
  background: #fff;
  color: $tiber;
}
a,
a:active,
a:visited {
  color: $aqua;
}
amp-img.cover img {
  object-fit: cover;
}
amp-img.contain img {
  object-fit: contain;
}
.fixed-height-container {
  position: relative;
  width: 100%;
  height: 75vw;
  max-width: 1024px;
  max-height: 768px;
}
/* AMP Boilerplate Overrides */
.ampstart-headerbar {
  background: $dark-pine-green;
  .ampstart-navbar-trigger {
    color: #fff;
  }
}
.ampstart-sidebar {
  background: $tiber;
  color: #fff;
  .ampstart-dropdown > section > header {
    padding-right: 1.25em;
    &:after {
      position: absolute;
      top: 50%;
      right: 0.25rem;
      margin-top: -0.5em;
      padding: 0;
      content: '';
      width: 1em;
      height: 1em;
      filter: invert(1);
      background-repeat: no-repeat;
      background-size: 1em 1em;
      background-position: center;
      background-image: linear-gradient(transparent, transparent),
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title>expand</title><path d="M17.5 4.75l-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');
    }
  }
  .ampstart-dropdown > [expanded] > header:after {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
  }
}
.ampstart-nav-dropdown .ampstart-dropdown-item,
.ampstart-nav-dropdown .ampstart-dropdown > section > header,
.ampstart-nav-dropdown amp-accordion ul {
  background: $tiber;
  color: #fff;
}
.ampstart-sidebar .ampstart-icon {
  fill: #fff;
}
/* Other CSS */
