/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@font-face {
  font-family: 'Open Sans';
  src: url("../../fonts/OpenSans-Light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("../../fonts/OpenSans-Regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("../../fonts/OpenSans-Semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("../../fonts/OpenSans-Bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.Grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: stretch; }
  .Grid.Align-Top {
    align-items: flex-start; }
  .Grid.Align-Bottom {
    align-items: flex-end; }
  .Grid.Align-Center {
    align-items: center; }
  .Grid.Gutter {
    margin: 0 1em 0 1em; }
    .Grid.Gutter .Grid {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0; }
      .Grid.Gutter .Grid > .Cell:last-child {
        margin-bottom: 0; }
    .Grid.Gutter > .Cell {
      margin: 0 0 1em 0; }
    .Grid.Gutter:last-of-type {
      margin-bottom: 0; }
  .Grid .Cell {
    -webkit-box-flex: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .Grid .Cell.Align-Top {
      align-self: flex-start; }
    .Grid .Cell.Align-Bottom {
      display: flex;
      align-items: flex-end; }
    .Grid .Cell.Align-Center {
      display: flex;
      align-items: center; }
    .Grid .Cell.Pad {
      padding: 1em; }
  .Grid.Fit-Mobile > .Cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .Grid.Fit-Mobile.Gutter {
    margin: 0 0 1em 0; }
    .Grid.Fit-Mobile.Gutter:last-of-type {
      margin-bottom: 0; }
    .Grid.Fit-Mobile.Gutter > .Cell {
      margin: 0 .5em 0 .5em; }
      .Grid.Fit-Mobile.Gutter > .Cell:first-child {
        margin: 0 .5em 0 0; }
      .Grid.Fit-Mobile.Gutter > .Cell:last-child {
        margin: 0 0 0 .5em; }
  .Grid .Cell.Mobile-5 {
    flex: 0 0 5%; }
  .Grid .Cell.Mobile-10 {
    flex: 0 0 10%; }
  .Grid .Cell.Mobile-15 {
    flex: 0 0 15%; }
  .Grid .Cell.Mobile-20 {
    flex: 0 0 20%; }
  .Grid .Cell.Mobile-25 {
    flex: 0 0 25%; }
  .Grid .Cell.Mobile-30 {
    flex: 0 0 30%; }
  .Grid .Cell.Mobile-35 {
    flex: 0 0 35%; }
  .Grid .Cell.Mobile-40 {
    flex: 0 0 40%; }
  .Grid .Cell.Mobile-45 {
    flex: 0 0 45%; }
  .Grid .Cell.Mobile-50 {
    flex: 0 0 50%; }
  .Grid .Cell.Mobile-55 {
    flex: 0 0 55%; }
  .Grid .Cell.Mobile-60 {
    flex: 0 0 60%; }
  .Grid .Cell.Mobile-65 {
    flex: 0 0 65%; }
  .Grid .Cell.Mobile-70 {
    flex: 0 0 70%; }
  .Grid .Cell.Mobile-75 {
    flex: 0 0 75%; }
  .Grid .Cell.Mobile-80 {
    flex: 0 0 80%; }
  .Grid .Cell.Mobile-85 {
    flex: 0 0 85%; }
  .Grid .Cell.Mobile-90 {
    flex: 0 0 90%; }
  .Grid .Cell.Mobile-95 {
    flex: 0 0 95%; }
  .Grid .Cell.Mobile-100 {
    flex: 0 0 100%; }

@media (min-width: 34em) {
  .Grid.Fit-Small > .Cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .Grid.Fit-Small.Gutter {
    margin: 0 0 1em 0; }
    .Grid.Fit-Small.Gutter:last-of-type {
      margin-bottom: 0; }
    .Grid.Fit-Small.Gutter > .Cell {
      margin: 0 .5em 0 .5em; }
      .Grid.Fit-Small.Gutter > .Cell:first-child {
        margin: 0 .5em 0 0; }
      .Grid.Fit-Small.Gutter > .Cell:last-child {
        margin: 0 0 0 .5em; }
  .Grid .Cell.Small-5 {
    flex: 0 0 5%; }
  .Grid .Cell.Small-10 {
    flex: 0 0 10%; }
  .Grid .Cell.Small-15 {
    flex: 0 0 15%; }
  .Grid .Cell.Small-20 {
    flex: 0 0 20%; }
  .Grid .Cell.Small-25 {
    flex: 0 0 25%; }
  .Grid .Cell.Small-30 {
    flex: 0 0 30%; }
  .Grid .Cell.Small-35 {
    flex: 0 0 35%; }
  .Grid .Cell.Small-40 {
    flex: 0 0 40%; }
  .Grid .Cell.Small-45 {
    flex: 0 0 45%; }
  .Grid .Cell.Small-50 {
    flex: 0 0 50%; }
  .Grid .Cell.Small-55 {
    flex: 0 0 55%; }
  .Grid .Cell.Small-60 {
    flex: 0 0 60%; }
  .Grid .Cell.Small-65 {
    flex: 0 0 65%; }
  .Grid .Cell.Small-70 {
    flex: 0 0 70%; }
  .Grid .Cell.Small-75 {
    flex: 0 0 75%; }
  .Grid .Cell.Small-80 {
    flex: 0 0 80%; }
  .Grid .Cell.Small-85 {
    flex: 0 0 85%; }
  .Grid .Cell.Small-90 {
    flex: 0 0 90%; }
  .Grid .Cell.Small-95 {
    flex: 0 0 95%; }
  .Grid .Cell.Small-100 {
    flex: 0 0 100%; } }

@media (min-width: 48em) {
  .Grid.Fit-Medium > .Cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .Grid.Fit-Medium.Gutter {
    margin: 0 0 1em 0; }
    .Grid.Fit-Medium.Gutter:last-of-type {
      margin-bottom: 0; }
    .Grid.Fit-Medium.Gutter > .Cell {
      margin: 0 .5em 0 .5em; }
      .Grid.Fit-Medium.Gutter > .Cell:first-child {
        margin: 0 .5em 0 0; }
      .Grid.Fit-Medium.Gutter > .Cell:last-child {
        margin: 0 0 0 .5em; }
  .Grid .Cell.Medium-5 {
    flex: 0 0 5%; }
  .Grid .Cell.Medium-10 {
    flex: 0 0 10%; }
  .Grid .Cell.Medium-15 {
    flex: 0 0 15%; }
  .Grid .Cell.Medium-20 {
    flex: 0 0 20%; }
  .Grid .Cell.Medium-25 {
    flex: 0 0 25%; }
  .Grid .Cell.Medium-30 {
    flex: 0 0 30%; }
  .Grid .Cell.Medium-35 {
    flex: 0 0 35%; }
  .Grid .Cell.Medium-40 {
    flex: 0 0 40%; }
  .Grid .Cell.Medium-45 {
    flex: 0 0 45%; }
  .Grid .Cell.Medium-50 {
    flex: 0 0 50%; }
  .Grid .Cell.Medium-55 {
    flex: 0 0 55%; }
  .Grid .Cell.Medium-60 {
    flex: 0 0 60%; }
  .Grid .Cell.Medium-65 {
    flex: 0 0 65%; }
  .Grid .Cell.Medium-70 {
    flex: 0 0 70%; }
  .Grid .Cell.Medium-75 {
    flex: 0 0 75%; }
  .Grid .Cell.Medium-80 {
    flex: 0 0 80%; }
  .Grid .Cell.Medium-85 {
    flex: 0 0 85%; }
  .Grid .Cell.Medium-90 {
    flex: 0 0 90%; }
  .Grid .Cell.Medium-95 {
    flex: 0 0 95%; }
  .Grid .Cell.Medium-100 {
    flex: 0 0 100%; } }

@media (min-width: 62em) {
  .Grid .Cell.Large-5 {
    flex: 0 0 5%; }
  .Grid .Cell.Large-10 {
    flex: 0 0 10%; }
  .Grid .Cell.Large-15 {
    flex: 0 0 15%; }
  .Grid .Cell.Large-20 {
    flex: 0 0 20%; }
  .Grid .Cell.Large-25 {
    flex: 0 0 25%; }
  .Grid .Cell.Large-30 {
    flex: 0 0 30%; }
  .Grid .Cell.Large-35 {
    flex: 0 0 35%; }
  .Grid .Cell.Large-40 {
    flex: 0 0 40%; }
  .Grid .Cell.Large-45 {
    flex: 0 0 45%; }
  .Grid .Cell.Large-50 {
    flex: 0 0 50%; }
  .Grid .Cell.Large-55 {
    flex: 0 0 55%; }
  .Grid .Cell.Large-60 {
    flex: 0 0 60%; }
  .Grid .Cell.Large-65 {
    flex: 0 0 65%; }
  .Grid .Cell.Large-70 {
    flex: 0 0 70%; }
  .Grid .Cell.Large-75 {
    flex: 0 0 75%; }
  .Grid .Cell.Large-80 {
    flex: 0 0 80%; }
  .Grid .Cell.Large-85 {
    flex: 0 0 85%; }
  .Grid .Cell.Large-90 {
    flex: 0 0 90%; }
  .Grid .Cell.Large-95 {
    flex: 0 0 95%; }
  .Grid .Cell.Large-100 {
    flex: 0 0 100%; }
  .Grid.Fit-Large > .Cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .Grid.Fit-Large.Gutter {
    margin: 0 0 1em 0; }
    .Grid.Fit-Large.Gutter:last-of-type {
      margin-bottom: 0; }
    .Grid.Fit-Large.Gutter > .Cell {
      margin: 0 .5em 0 .5em; }
      .Grid.Fit-Large.Gutter > .Cell:first-child {
        margin: 0 .5em 0 0; }
      .Grid.Fit-Large.Gutter > .Cell:last-child {
        margin: 0 0 0 .5em; } }

@media (min-width: 75em) {
  .Grid .Cell.Extra-5 {
    flex: 0 0 5%; }
  .Grid .Cell.Extra-10 {
    flex: 0 0 10%; }
  .Grid .Cell.Extra-15 {
    flex: 0 0 15%; }
  .Grid .Cell.Extra-20 {
    flex: 0 0 20%; }
  .Grid .Cell.Extra-25 {
    flex: 0 0 25%; }
  .Grid .Cell.Extra-30 {
    flex: 0 0 30%; }
  .Grid .Cell.Extra-35 {
    flex: 0 0 35%; }
  .Grid .Cell.Extra-40 {
    flex: 0 0 40%; }
  .Grid .Cell.Extra-45 {
    flex: 0 0 45%; }
  .Grid .Cell.Extra-50 {
    flex: 0 0 50%; }
  .Grid .Cell.Extra-55 {
    flex: 0 0 55%; }
  .Grid .Cell.Extra-60 {
    flex: 0 0 60%; }
  .Grid .Cell.Extra-65 {
    flex: 0 0 65%; }
  .Grid .Cell.Extra-70 {
    flex: 0 0 70%; }
  .Grid .Cell.Extra-75 {
    flex: 0 0 75%; }
  .Grid .Cell.Extra-80 {
    flex: 0 0 80%; }
  .Grid .Cell.Extra-85 {
    flex: 0 0 85%; }
  .Grid .Cell.Extra-90 {
    flex: 0 0 90%; }
  .Grid .Cell.Extra-95 {
    flex: 0 0 95%; }
  .Grid .Cell.Extra-100 {
    flex: 0 0 100%; }
  .Grid.Fit-Extra > .Cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .Grid.Fit-Extra.Gutter {
    margin: 0 0 1em 0; }
    .Grid.Fit-Extra.Gutter:last-of-type {
      margin-bottom: 0; }
    .Grid.Fit-Extra.Gutter > .Cell {
      margin: 0 .5em 0 .5em; }
      .Grid.Fit-Extra.Gutter > .Cell:first-child {
        margin: 0 .5em 0 0; }
      .Grid.Fit-Extra.Gutter > .Cell:last-child {
        margin: 0 0 0 .5em; } }

* {
  box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Open Sans', 'Helvetica Neue', Sans;
  line-height: 2.25em;
  font-weight: 300;
  color: #4E4E4E; }

.container {
  max-width: 1200px;
  margin: 0 auto; }

.SlingRule {
  background: url("../../img/gradient-horizontal.jpg");
  background-size: cover;
  height: 10px; }

h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  font-weight: 300; }

a {
  color: #00678C;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.Text.Text--small {
  font-size: .8em;
  line-height: 2em; }

.Header.Header--home {
  background: url("../../img/Countrysidepanoramaatsunset.jpg");
  background-position: 50% 90%; }

.Header .Header-white {
  background: url("../../img/white-85-opacity-1px.png"); }

.Header .Header--container {
  justify-content: space-between; }
  @media (min-width: 48em) {
    .Header .Header--container {
      min-height: 280px; } }

.Header .Cell.Pad.Header--logoContainer {
  justify-content: center;
  padding: 0; }
  @media (min-width: 48em) {
    .Header .Cell.Pad.Header--logoContainer {
      justify-content: flex-start;
      padding: 1em; } }

.Header .Header--logo {
  width: 180px;
  height: 88px;
  background: url("../../img/sling-logo.svg") no-repeat;
  background-position: 50% 0%;
  text-indent: -1000px;
  overflow: hidden; }
  @media (min-width: 48em) {
    .Header .Header--logo {
      background-position: 0% 0%; } }

.Header .Cell.Pad.Header--subTitleContainer {
  justify-content: center;
  text-align: center;
  padding: 0; }
  @media (min-width: 48em) {
    .Header .Cell.Pad.Header--subTitleContainer {
      justify-content: flex-end;
      text-align: left;
      padding: 1em; } }

.Header .Header--subTitle {
  width: 220px; }

.News.News--home, .News.News--involved {
  line-height: 24px;
  list-style: none;
  padding: 0;
  margin: 0; }
  .News.News--home li, .News.News--involved li {
    margin-bottom: 24px; }
  .News.News--home p, .News.News--involved p {
    margin: .5em 0; }
  .News.News--home b, .News.News--involved b {
    display: block; }

.Panel h3 {
  text-transform: uppercase;
  font-weight: 600; }

.Panel.Panel--resources h2 {
  margin: 0 1rem; }

.Panel.Panel--resources .Cell--resources {
  padding-top: 0; }

.Panel.Panel--resources .List--resources {
  line-height: 24px;
  list-style: none;
  padding: 0;
  margin: 0; }

.Panel.Panel--resources p {
  margin: .5em 0; }

.Header--documentation {
  height: 180px;
  background: aliceblue; }
  .Header--documentation .Header--container {
    position: relative;
    display: flex;
    align-items: center; }
  .Header--documentation .sling-logo {
    width: 160px;
    height: 60px;
    background: url("../../img/sling-logo.svg") no-repeat;
    background-size: auto 60px;
    background-position: left center; }
  .Header--documentation h1 {
    flex: 1 1 auto; }
    @media (min-width: 75em) {
      .Header--documentation h1 {
        width: 1200px; } }

.page-container {
  font-weight: 400; }
  .page-container h1 {
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1.25; }
  .page-container h2 {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.25; }
  .page-container h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25; }
  .page-container h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25; }
  .page-container h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25; }
  .page-container h6 {
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1.25; }
  .page-container ul:first-child {
    font-size: 14px;
    line-height: 24px;
    max-width: 100%;
    margin: 0;
    background: #FFFBEF;
    padding: 24px 0;
    list-style: none; }
    .page-container ul:first-child li {
      max-width: 1200px;
      margin: 0 1rem; }
      @media (min-width: 75em) {
        .page-container ul:first-child li {
          margin: 0 auto; } }
  .page-container ul:first-child ul {
    list-style: none;
    padding: 0 24px; }
  .page-container p, .page-container h1, .page-container h2, .page-container h3, .page-container h4, .page-container h5, .page-container h6, .page-container ul, .page-container ol, .page-container table {
    max-width: 1200px;
    margin-left: 1rem;
    margin-right: 1rem; }
    @media (min-width: 75em) {
      .page-container p, .page-container h1, .page-container h2, .page-container h3, .page-container h4, .page-container h5, .page-container h6, .page-container ul, .page-container ol, .page-container table {
        margin-left: auto;
        margin-right: auto; } }
  .page-container code {
    font-size: 16px; }
  .page-container table {
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 16px;
    border-radius: 4px;
    overflow: hidden;
    background: #f8f8f8; }
    .page-container table thead {
      background: #5a5a5a;
      color: #fff;
      font-weight: 400; }
    .page-container table tbody tr:nth-child(even) {
      background-color: #ececec; }
    .page-container table th, .page-container table td {
      padding: 0px 8px;
      text-align: left; }
    .page-container table th {
      font-weight: 400; }
  .page-container .note {
    max-width: 1200px;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 4px 12px 4px 32px;
    margin-top: 16px;
    margin-bottom: 16px;
    border-radius: 4px;
    background: #ffeaa9;
    position: relative;
    overflow: hidden; }
    @media (min-width: 75em) {
      .page-container .note {
        margin-left: auto;
        margin-right: auto; } }
    .page-container .note:before {
      display: block;
      content: '';
      float: left;
      width: 20px;
      position: absolute;
      height: 100%;
      left: 0;
      top: 0;
      background: #FFC107; }

.Header--navigation {
  background: rgba(176, 226, 243, 0.8); }

.Header--navigationList {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 48em) {
    .Header--navigationList {
      margin: 0 -1em; } }

.Header--navigationListItem {
  display: inline-block; }

.Header--navigationLink {
  display: block;
  line-height: 68px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 2em; }
  .Header--navigationLink:hover {
    background: rgba(255, 255, 255, 0.5);
    text-decoration: none; }

.Panel {
  padding: 68px 0; }
  .Panel.Panel--yellow {
    background: #FFFBEF; }
  .Panel.Panel--lightGray {
    background: #F5F5F5; }
  .Panel.Panel--footer {
    padding: 34px 0; }

pre {
  background: #f8f8f8; }
  pre code.hljs {
    font-size: 1rem;
    line-height: 1.8rem;
    max-width: 1200px;
    display: block;
    margin: 0 auto;
    padding: 1em .5em; }

.ContentSwitcher {
  padding: 1em 0; }
  .ContentSwitcher.ContentSwitcher--lightGray {
    background: #F5F5F5; }
  .ContentSwitcher .ContentSwitcher--headers {
    list-style: none;
    margin: 0;
    padding: 0; }
  .ContentSwitcher .ContentSwitcher--headerItem {
    display: inline-block; }
    .ContentSwitcher .ContentSwitcher--headerItem h3 {
      margin: 0; }
      .ContentSwitcher .ContentSwitcher--headerItem h3 a {
        text-decoration: none;
        padding: 1em; }
        .ContentSwitcher .ContentSwitcher--headerItem h3 a.is-LinkDisabled {
          color: #676767; }
  .ContentSwitcher .ContentSwitcher--content {
    padding: 0;
    margin: 0;
    list-style: none; }
  .ContentSwitcher .ContentSwitcher--contentItemSubItem {
    font-size: 20px;
    margin: 20px 0; }
  .ContentSwitcher .ContentSwitcher--contentItemSubContent {
    padding-left: 12px; }
    .ContentSwitcher .ContentSwitcher--contentItemSubContent p {
      margin: 4px 0 0; }
    .ContentSwitcher .ContentSwitcher--contentItemSubContent code {
      font-family: 'Source Code Pro', 'Courier';
      font-weight: 300;
      color: black;
      font-size: 16px; }