@import "~@nowtv/nowtv-styleguide/dist/styleguide.css";
@import "~nowtv-grid/dist/scss/nowtv_grid.scss";
@import "~@nowtv/nowtv-styleguide/dist/fonts.css";

@mixin clearfix {
  &:before, &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

$green: #37ac47;

body {
  background-color: $green;
  font: 14px / 18px nowtv, Helvetica, Arial, sans-serif !important; /* temp to prevent bootstrap */
}

.title {
  color: white;
}

.section-title {
  border-bottom: 2px solid $green;
  padding-bottom: 8px;
  margin: 0 0 20px 0;
}

.now-accordion__icon {
  svg g {
    fill: $green;
  }
}

.component-nav {
  a {
    display: inline-block;
    margin-right: 2em;
  }
}

h3 {
  margin: 0 0 20px 0;
}

section {
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 20px;
  background-color: white;
  border-radius: 6px;
  position: relative;
}

pre {
  text-align: left;
}

.category {
  margin-bottom: 30px;
}

.billSection-proRatedHeader {
  position: relative;
  @include clearfix;
}

.billSection-duration {
  position: absolute;
  right: 0px;
  top: -3px;
  color: white;
  background-color: orange;
  padding: 3px 4px;
}