/*
	README:
	To add a new region style override, complete the following:
	1. copy this file and rename it using the region name (slug)
	2. Make sure it's included in the Grunt task 'sass.js' file so it compiles

	Earth Defaults:
	Gradient green: #007f3e
	Gradient mid (84%): #0095c7
	Gradient blue: #02bfff

*/
/*
	DEFINE VARIABLES
*/
@font-face {
  font-family: 'Kamerik';
  src: url('../../../fonts/bbc-earth/kamerik_105_romanian_book-webfont.eot');
  src: url('../../../fonts/bbc-earth/kamerik_105_romanian_book-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/bbc-earth/kamerik_105_romanian_book-webfont.woff2') format('woff2'), url('../../../fonts/bbc-earth/kamerik_105_romanian_book-webfont.woff') format('woff'), url('../../../fonts/bbc-earth/kamerik_105_romanian_book-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Kamerik';
  src: url('../../../fonts/bbc-earth/kamerik_105_romanian_bold-webfont.eot');
  src: url('../../../fonts/bbc-earth/kamerik_105_romanian_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/bbc-earth/kamerik_105_romanian_bold-webfont.woff2') format('woff2'), url('../../../fonts/bbc-earth/kamerik_105_romanian_bold-webfont.woff') format('woff'), url('../../../fonts/bbc-earth/kamerik_105_romanian_bold-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal; }

body.region-earth {
  /*
		PAGE STRIPES
	*/
  /*
		HEADER STYLES
	*/
  /*
		FOOTER STYLES
	*/
  /*
		GLOBAL STYLING
	*/
  /*
		COMPONENTS
	*/ }
  body.region-earth#programme-index section.mid {
    min-height: 85vh; }
  body.region-earth header.global:before, body.region-earth footer.global:before {
    background-color: #007f3e;
    background: -webkit-linear-gradient(left, #007f3e 0%, #0095c7 84%, #02bfff 100%);
    background: linear-gradient(to right, #007f3e 0%, #0095c7 84%, #02bfff 100%); }
  body.region-earth header.global li.todays-highlights > a, body.region-earth header.global div.nav-right > ul > li:hover > a, body.region-earth header.global li.dropdown li:hover a, body.region-earth header.global div.nav-search.active a, .no-js body.region-earth header.global div.nav-search:hover a, body.region-earth header.global li.programme li.last.view-all:hover, body.region-earth header.global div.nav-search a:hover {
    color: #02bfff; }
  body.region-earth header.global div.nav-right > ul > li.dropdown.has-child:not(.no-icon) > a:hover:after {
    background-image: url(../../../images/icons/list-thin-02bfff.svg); }
  body.region-earth header.global div.nav-search > .container form button:hover {
    background: #02bfff; }
  body.region-earth header.global div.nav-right > ul > li:hover > a, body.region-earth header.global div.nav-right > ul > li.nav-item-path > a {
    color: #02bfff; }
  .lteie9 body.region-earth header.global ul {
    float: right;
    margin-right: 60px; }
  body.region-earth footer.global a:hover {
    color: #02bfff !important; }
  body.region-earth footer.global .container > .col.col-nav {
    width: 52%; }
    @media screen and (max-width: 980px) {
      body.region-earth footer.global .container > .col.col-nav {
        width: 40%; } }
    @media screen and (max-width: 600px) {
      body.region-earth footer.global .container > .col.col-nav {
        width: 20%; } }
  body.region-earth footer.global .terms > span {
    display: inline; }
    body.region-earth footer.global .terms > span.links {
      border-left: 1px solid #888;
      margin-left: 5px;
      padding-left: 5px; }
  body.region-earth article.billboard header h1 {
    font-family: "Kamerik","Gill Sans Std w04","Gill Sans MT","Gill Sans",sans-serif;
    font-weight: 700;
    font-size: 5.8em;
    line-height: 0.9em;
    text-transform: initial;
    margin-bottom: 10px; }
    body.region-earth article.billboard header h1 img {
      max-height: 4em;
      max-width: 8em; }
    @media screen and (max-width: 700px) {
      body.region-earth article.billboard header h1 {
        font-size: 4em; } }
  body.region-earth article.billboard header h2 span.sub-heading {
    font-weight: 800; }
  body.region-earth article.component-carousel-single nav > a {
    color: #02bfff; }
    body.region-earth article.component-carousel-single nav > a:hover {
      color: #17141f; }
  body.region-earth div.programme-index header {
    /* TODO: GLOBAL */ }
    body.region-earth div.programme-index header .hgroup {
      width: 40%; }
      body.region-earth div.programme-index header .hgroup h1 {
        margin: 0;
        padding-top: 40px; }
    body.region-earth div.programme-index header .filters div.modes a.active {
      color: #02bfff; }
    body.region-earth div.programme-index header h4, body.region-earth div.programme-index header .filters .channels {
      display: none; }
  body.region-earth div.programme-index a.paginate:before {
    color: #02bfff;
    top: 2px;
    /* TODO: GLOBAL */ }
  body.region-earth div.programme-index a.paginate:hover {
    background: #02bfff; }
  body.region-earth article.component-video-carousel .item:hover .info:before {
    color: #02bfff; }
  .no-touch body.region-earth section.component-image-gallery .overlay nav a.close:hover:after {
    color: #02bfff; }
  body.region-earth .search-results ul.results li a h3 {
    color: #02bfff; }
  body.region-earth .form a, body.region-earth .copy a {
    color: #02bfff; }
    body.region-earth .form a:hover, body.region-earth .copy a:hover {
      color: #222222; }
  body.region-earth .form .field button:hover {
    background-color: #02bfff;
    color: white; }
  body.region-earth .remodal section a.share-btn:before {
    color: #02bfff; }
  body.region-earth .remodal section a.share-btn:hover {
    background: #02bfff; }
    body.region-earth .remodal section a.share-btn:hover:before {
      color: white; }
  body.region-earth .remodal section .schedule .item a {
    color: #02bfff; }
  body.region-earth .remodal section .schedule nav .btn span:before {
    color: #02bfff; }
  body.region-earth .remodal section .schedule nav .btn:hover {
    background: #02bfff; }
    body.region-earth .remodal section .schedule nav .btn:hover span:before {
      color: white; }
  body.region-earth .remodal section div.video.box a.player:hover span.play:before {
    color: #02bfff; }
  body.region-earth .remodal .remodal-close:hover:after {
    color: #02bfff; }
  body.region-earth .btn.btn-black.icon:before {
    color: #02bfff; }
  body.region-earth .btn.btn-black.icon:hover {
    background: #02bfff; }
    body.region-earth .btn.btn-black.icon:hover:before {
      color: white; }

@media only screen and (max-width: 600px) {
  body.region-earth header.global nav div.nav-left > ul > li > .container > ul > li:hover, body.region-earth header.global nav div.nav-right > ul > li > .container > ul > li:hover, body.region-earth header.global.fixed nav div.nav-left > ul > li > .container > ul > li:hover, body.region-earth header.global.fixed nav div.nav-right > ul > li > .container > ul > li:hover {
    background-color: #02bfff;
    color: white; }
    body.region-earth header.global nav div.nav-left > ul > li > .container > ul > li:hover a, body.region-earth header.global nav div.nav-right > ul > li > .container > ul > li:hover a, body.region-earth header.global.fixed nav div.nav-left > ul > li > .container > ul > li:hover a, body.region-earth header.global.fixed nav div.nav-right > ul > li > .container > ul > li:hover a {
      color: white; } }


/*# sourceMappingURL=earth.css.map */