/*
	Theme Name: MAPCREATOR HELP PAGES
	Theme URI: http://mapcreator.here.com
	Description: Custom WordPress Theme for HELP pages.
	Version: 1.0
	Author: Alf Diaz
	Author URI: alf.diaz@here.com
	Tags:
*/
* {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
}
h1 {
  color: #00afaa;
  margin: 0.2em 0 0.5em 0;
  font-size: 5rem;
  font-weight: 200;
}
h2 {
  font-weight: 300;
}
h3 {
  font-weight: 300;
}
h4 {
  font-weight: 300;
}
h5 {
  font-weight: 300;
}
h6 {
  font-weight: 300;
}
h2:before {
  display: block;
  content: " ";
  margin-top: -60px;
  height: 60px;
  visibility: hidden;
}
a {
  color: #00afaa;
}
a:visited {
  color: #00afaa;
}
a:active {
  color: #00afaa;
}
a:hover {
  color: #48dad0;
}
a:focus {
  outline: none;
}
blockquote {
  font-size: inherit;
  border-left: none;
  padding-left: 30px;
}
body {
  padding-bottom: 60px;
}
.container .row {
  margin-top: 60px;
}
td {
  border: 1px solid #9b9da2;
}
th {
  border: 1px solid #9b9da2;
}
footer {
  position: fixed;
  bottom: 0;
  background-color: #383c45;
  width: 100%;
  height: 36px;
  line-height: 36px;
}
footer > div {
  text-align: center;
}
footer > div .copyright {
  color: #cdced0;
}
footer > div a {
  padding: 0 0.8rem;
}
.here-logo {
  background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjgzLjQ2IDI1OS4xMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7ZmlsbDojNDhkYWQwO30uY2xzLTR7ZmlsbDojZmZmO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIyODMuNDYiIGhlaWdodD0iMjU5LjExIi8+PC9jbGlwUGF0aD48L2RlZnM+PHRpdGxlPkhFUkUgTG9nbyAtIE5lZyBSR0I8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgaWQ9IkhFUkVfTG9nb18tX05lZ19SR0IiIGRhdGEtbmFtZT0iSEVSRSBMb2dvIC0gTmVnIFJHQiI+PGcgY2xhc3M9ImNscy0yIj48cG9seWdvbiBjbGFzcz0iY2xzLTMiIHBvaW50cz0iMCAyMjAuMDEgMzkuMTEgMjU5LjEyIDM5LjExIDI1OS4xMiA3OC4yMiAyMjAuMDEgMCAyMjAuMDEiLz48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTEzNS4zNiwxMzEuMTljLTguMTctOS43LTcuNzgtMTQuOTMtMi43MS0yMCw2LjE1LTYuMTMsMTIuMzgtMy41NCwxOS4zNywzLjI2Wk0yMTkuMDksMjQuODNjNi4xNS02LjEzLDEyLjM4LTMuNTQsMTkuMzcsMy4yNkwyMjEuNzcsNDQuNzhjLTguMTctOS43LTcuNzUtMTQuODktMi42OC0xOS45NG01MC41NSwxN0MyNjIsNTMuMjQsMjQ4Ljg1LDcxLjY2LDIzNSw1Ny43OWwzNS4xLTM1LjFjLTMuMTUtMy4zNy01LjU0LTYuMTktNy4zNy04LTE4LjkyLTE5LTQwLjI0LTE5LjIyLTU3LTIuNTYtMTEuMTcsMTEuMTMtMTQuMDksMjMuODgtMTAuODQsMzZsLTExLTEyLjUyYy0zLjE4LDEuNzYtMTYuNjYsMTMuNjItNi41NiwzMS41N0wxNjQuNzcsNTYuNjgsMTQ4LjA1LDczLjM0bDIyLjU3LDIyLjU3Yy0xNy40NC0xMy44NC0zNi4yMy0xMi40OC01MS4zMSwyLjU2LTE2LjE1LDE2LjEtMTUsMzUuNjEtMi45Miw1MS42N0wxMTQsMTQ3LjczQzk4LDEzMS43OCw4MC42NywxMzcuNDEsNzIuMDksMTQ2Yy02LjYyLDYuNjMtMTAuNjksMTUuNzUtOSwyMi4wOEwyOC40NCwxMzMuNDMsMTAsMTUxLjgzLDc4LjIyLDIyMGgzNi42TDkwLjI1LDE5NS40NGMtMTIuOS0xMy4xMi0xMy4xMy0yMC4wNy02Ljg1LTI2LjMsNi02LDEzLjA3LTIuMjcsMjUuNDUsMTAuMDhsMjQuMjgsMjQuMjcsMTguMy0xOC4zLTIzLTIzYzE2LjYxLDEyLjU2LDM2LjUxLDEzLjIzLDU0LjI2LTQuNDdsLjMxLS4zM2gwQzE5My44NSwxNDcuMjksMTk3LDEzNy41MiwxOTcsMTM3LjUybC0xMy44My05LjI5Yy03LjYyLDExLjM4LTIwLjc2LDI5Ljg0LTM0LjY0LDE2TDE4My43NCwxMDksMjA1LjY2LDEzMWwxOS4xMi0xOS4xMkwxOTcuMzUsODQuNGMtMTIuODEtMTIuODItNS4yMi0yNC44NS4xMS0yOS4zOGE1NC4zMSw1NC4zMSwwLDAsMCwxMC43OSwxNWMxNy43NCwxNy43OSw0MC42NywyMS4zOCw2MC44MywxLjI3bC4zMi0uMzNoMGMxMC44OC0xMC4wNiwxNC4wNi0xOS44NCwxNC4wNi0xOS44NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48L2c+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPgo=') no-repeat;
  height: 35px;
  width: 100%;
  font-size: 24px;
  color: #ffffff;
  z-index: 1;
  display: block;
  margin: 12px 0 0 0;
  padding-left: 60px;
}
.form-control {
  border-radius: 0;
}
.form-control:focus {
  border-color: #00afaa;
  box-shadow: 0;
  -webkit-box-shadow: 0;
}
.navbar-inverse {
  background-color: #383c45;
}
.navbar-header > .navbar-brand {
  line-height: 30px;
}
.navbar-nav > li > a {
  line-height: 30px;
}
.btn {
  border-radius: 0;
}
.btn-primary {
  color: #ffffff;
  background-color: #48dad0;
  border-color: #48dad0;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #00afaa;
  border-color: #00afaa;
}
.btn-success {
  color: #ffffff;
  background-color: #48dad0;
  border-color: #48dad0;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #00afaa;
  border-color: #00afaa;
}
.btn-outline-primary {
  color: #48dad0;
  background-image: none;
  background-color: transparent;
  border-color: #48dad0;
}
.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #00afaa;
  border-color: #00afaa;
}
.btn-outline-success {
  color: #48dad0;
  background-image: none;
  background-color: transparent;
  border-color: #48dad0;
}
.btn-outline-success:hover {
  color: #ffffff;
  background-color: #00afaa;
  border-color: #00afaa;
}
.sidebar-module .sidebar-title {
  line-height: 4rem;
  font-weight: 400;
}
.help-navigation {
  display: none;
}
.help-navigation ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  background-color: #efefef;
}
.help-navigation .page_item a {
  display: block;
  color: #0f1621;
  padding: 8px 16px;
  text-decoration: none;
}
.help-navigation .page_item:not(.current_page_item) a:hover {
  background-color: #383c45;
  color: #ffffff;
}
.help-navigation .children {
  display: none;
}
.help-navigation .children .page_item a {
  background-color: #d1f6f3;
  color: #0f1621;
  padding-left: 5rem;
  font-weight: 200;
}
.help-navigation .children .page_item:not(.current_page_item) a:hover {
  background-color: #383c45;
  color: #ffffff;
}
.help-navigation .children .current_page_item a {
  font-weight: 500;
  background-color: #a3ece7;
}
.help-navigation .current_page_item a {
  background-color: #48dad0;
  color: #ffffff;
}
.help-navigation .current_page_parent a {
  background-color: #48dad0;
  color: #ffffff;
}
.help-navigation .page_item_has_children > a::after {
  content: " \25be";
}
.help-navigation .page_item.page_item_has_children.current_page_item ul.children {
  display: block;
}
.help-navigation .page_item.page_item_has_children.current_page_ancestor.current_page_parent ul.children {
  display: block;
}
#to_top_btn {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.3;
  right: 8px;
  bottom: 42px;
  background-color: #000;
  box-sizing: content-box;
  color: #fff;
  cursor: pointer;
  font-size: 40px;
  font-weight: normal;
  width: 34px;
  height: 32px;
  padding: 5px;
  position: fixed;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  z-index: 9999;
  display: none;
}
#to_top_btn:before {
  content: "\2303";
  display: inline-block;
  line-height: 1.2em;
  font-weight: 400;
  vertical-align: top;
  text-align: center;
  -webkit-transition: color 0.1s ease-in 0;
  transition: color 0.1s ease-in 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#to_top_btn .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
#cookie-law-info-bar {
  padding: 4px 0;
}
#cookie-law-info-bar span a#cookie_action_close_header {
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
}
#toc h2 a {
  font-size: 24px;
}
#toc h4 a {
  color: #0f1621;
  font-size: 14px;
}
#toc h4 a:visited {
  color: #0f1621;
}
#toc h4 a:active {
  color: #0f1621;
}
#toc h4 a:hover {
  color: #48dad0;
}
#toc h4 a:focus {
  outline: none;
}
/* ######################## */
/* MEDIA QUERIES: */
/* ######################## */
/* Extra small devices (phones, less than 768px) */
@media (min-width: 0) and (max-width: 767px) {
  body {
    padding-top: 50px;
  }
  h1 {
    font-size: 4rem;
    margin: 0.1em 0;
  }
  h2 {
    font-size: 2.8rem;
  }
  .here-logo {
    height: 27px;
    font-size: 18px;
    margin-left: 18px;
    padding-left: 48px;
  }
  .footer {
    height: auto;
    line-height: normal;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .navbar {
    min-height: 60px;
  }
  .navbar-form .input-group .input-group-btn {
    width: 1%;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .help-navigation {
    display: block !important;
  }
  .toggle-menu {
    display: none;
  }
  .navbar-form {
    padding: 0;
  }
  .sidebar-module .sidebar-title {
    visibility: hidden;
    display: none;
  }
}
/* Large devices (large desktops, 1200px and up) */
