/* Site-specific changes on top of the original Drupal theme (style.css). */

/* Homepage header block (fades between pink and green): smaller than the
   theme's 600px / 400px. Top padding keeps clear of the fixed 80px header. */
.home-header-block {
  height: 400px; }
.home-header-block .logo-large {
  padding-top: 130px; }
.home-header-block .pay-off {
  margin-bottom: 30px; }
@media screen and (max-width: 480px) {
  .home-header-block {
    height: 300px; }
  .home-header-block .logo-large {
    padding-top: 90px; } }

/* Notice link in the header menu (links to info.digitalis.nl). Pink on the
   full desktop menu; inside the hamburger menu it is white like the rest. */
.region-header-top .menu li.menu-notice a {
  font-weight: 700; }
@media screen and (min-width: 1001px) {
  .region-header-top .menu li.menu-notice a {
    color: #b84486; } }


/* Hamburger menu up to 1000px instead of the theme's 800px, so the full
   menu only shows when it fits next to the logo. These are the theme's own
   max-width: 800px header rules from style.css, applied to 801-1000px too. */
@media screen and (min-width: 801px) and (max-width: 1000px) {
  #logo {
  margin-left: 30px; }
  .region-header-top .m-toggle {
  display: block; }
  .region-header-top .block-menu {
  position: absolute;
  top: 80px;
  right: 0px; }
  .region-header-top .menu {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background-color: #0b6551;
  margin: 0px;
  width: 200px;
  padding: 10px 0; }
  .region-header-top .menu.open {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible; }
  .region-header-top .menu li {
  float: none;
  margin-right: 0px;
  border-bottom: 1px solid #0d735c; }
  .region-header-top .menu li:last-child {
  border: none; }
  .region-header-top .menu li ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
  position: static;
  left: 0px;
  top: 0px;
  padding: 0px;
  padding-bottom: 10px;
  width: 100%; }
  .region-header-top .menu li ul li {
  padding: 0 0 0 10px;
  border: none;
  width: 100%; }
  .region-header-top .menu li ul li a {
  padding: 8px 0 8px 20px;
  border: none;
  font-weight: 600;
  text-transform: none; }
  .region-header-top .menu li ul li a:hover {
  background-color: #0b6551; }
  .region-header-top .menu li ul li a.active {
  background-color: #0b6551;
  text-decoration: underline; }
  .region-header-top .menu li a, .region-header-top .menu li span {
  color: #FFFFFF;
  display: block;
  padding: 18px 0 18px 20px; }
  .region-header-top .menu li a:hover, .region-header-top .menu li span:hover {
  color: #FFF; }
  .region-header-top .menu li a.active, .region-header-top .menu li a.active-trail, .region-header-top .menu li span.active, .region-header-top .menu li span.active-trail {
  color: #FFF;
  background-color: #094e3e; }
  .region-header-top .language-switcher-locale-url {
  border-left: none;
  padding-left: 0px;
  margin-right: 25px; } }