@font-face {
  font-family: "CoreMellow";
  src: local('Core Mellow'),
       local('Core Mellow 49 Cp Regular'),
       url('fonts/coremellow49.woff2') format('woff2'),
       url('fonts/coremellow49.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: CenturyGothic, "Century Gothic", CenturyGothic, sans-serif;
  color: #000;
  background-color: #fff;
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6,
.fieldset-legend {
  font-family: CenturyGothic-Bold, "Century Gothic", CenturyGothic, sans-serif;
}

.breadcrumbs {
  display: none;
}

.meta-header {
  position: fixed;
  width: 100%;
  z-index: 500;
  background: #222222;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
}

.meta-header a,
.off-canvas a {
  color: #fff;
}

.meta-header a:hover,
.meta-header a:focus,
.off-canvas a:hover,
.off-canvas a:focus {
  color: #5895bd;
}

.meta-header-inner .block-sitebranding {
  overflow: hidden;
  max-width: none !important;
  width: auto !important;
  margin-left: 0 !important;
}

.meta-header-inner .block-sitebranding img {
  max-height: 48px;
}

.region-header {
  padding-top: 3em;
}

label {
  color: #000000;
}

.commerce-checkout-flow label {
  color: #000;
}

nav.tabs {

}

a,
 .breadcrumbs a {
  color: #3097f3;
}

a:hover,
a:focus {
  color: #cee4fb;
}

.button {
  font-family: CenturyGothic-Bold, "Century Gothic", CenturyGothic, sans-serif;
  background-color: #3097f3;
  border: 1px solid #3097f3;
  transition: border-color 0.6s, background-color 0.6s;
}

.button:hover,
.button:focus {
  background-color: #fff;
  border-color: #fff;
  color: #3097f3;
}

.button.secondary {
  border-color: #767676;
}

.button.secondary:hover,
.button.secondary:focus {
  border-color: #5e5e5e;
}


.pager__item.is-active {
  background-color: #3097f3;
}

table thead,
table tbody,
table tfoot {
  background-color: #3097f3;
  color: #ffffff;
}

/* prevents striping for dark themes */
table tbody tr {
  background-color: #3097f3;
}

table a {
  color: #ffffff;
  text-decoration: underline;
}

table a:hover {
  color: #ffffff;
}

#block-electricnow-primary-local-tasks {
  margin: 1rem 0;
}

#block-electricnow-local-actions li {
  list-style-type: none;
}

footer {
  background: #222222;
  color: #fff;
  border-bottom-color: #5895bd;
}

#gdpr-footer {
  background: #222222;
  color: white;
}

.ottera--epg {
  background: #000000aa;
  color: #ffffff;
}

.ottera--row--objects.flickity-enabled.flickity--past-start::before,
.ottera--row--objects.ottera-row-style--slider.flickity-enabled::before,
.show--season-episodes.flickity-enabled.flickity--past-start::before {
  background: linear-gradient(to left, #ffffff00 0, #ffffffff 100%);
}

.ottera--row--objects.flickity-enabled::after,
.show--season-episodes.flickity-enabled::after {
  background: linear-gradient(to right, #ffffff00 0, #ffffffff 100%);
}

.node--show .show--season--episode--title {
  color: black;
}

/* maybe change me */
.install-android--icon a {
  background-image: url("/themes/custom/elec/electricnow/icon-192.png");
}

body.devices,
body.node-page--electric-surge {
  color: white;
  background: #000;
}

body.devices .meta-header,
body.devices footer,
body.node-page--electric-surge .meta-header,
body.node-page--electric-surge footer {
  background: #000;
}

body.node-page--electric-surge .field--name-body {
  max-width: 60rem;
  margin: 0 auto;
}

.elecnow-devices {
  text-align: center;
  max-width: 60rem;
  margin: 0 auto;
}

.elecnow-devices--logo {
  display: block;
  text-align: center;
  max-width: 700px;
  margin: 0.5rem auto 2rem;
}

.elecnow-devices h2 {
  text-transform: uppercase;
}

.elecnow-devices--devices {
  margin: 3rem 0 5rem;
}

.elecnow-devices--devices--list img,
.elecnow-devices--partners--list img {
  width: auto;
  max-height: 44px;
  margin: 0.75rem 1.25rem;
}

.elecnow-devices--devices--list .elecnow-devices--android {
  max-height: 60px;
}

.elecnow-devices--devices--list .elecnow-devices--android-tv {
  max-height: 36px;
}

.elecnow-devices--cta {
  font-size: 2.5rem;
  margin: 5rem auto 2rem;
  font-family: CoreMellow, CenturyGothic, sans-serif;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  .elecnow-devices--cta {
    font-size: 4rem;
  }
}

@media screen and (min-width:1200px) {
  body.node-page--electric-surge .field--name-body {
    max-width: 75rem;
    font-size: 1.1rem;
  }

  body.node-page--electric-surge .field--name-body a img {
    width: 200px !important;
  }
}

@media screen and (min-width: 1920px) {
  body.node-page--electric-surge .field--name-body {
    max-width: 85rem;
    font-size: 1.2rem;
  }

  body.node-page--electric-surge .field--name-body a img {
    width: 300px !important;
  }
}