@page {
  margin: 10mm 15mm;
}

.layout-container {
  padding-top: 0 !important;
}

nav.block-menu,
.block-iom-google-translate,
footer {
  display: none;
}

// #iommap {
//   background-color: #ffffff;
// }

header,
.header--sticky {
  position: relative;
  margin-bottom: 13px;
  padding: 20px 0 0;

  .region-header {
    margin: 0;
    width: 100%;
    height: auto;
    padding-left: 5px;
    max-width: initial;
    border-bottom: none;
    padding-bottom: 10px;
  }

  .block-system-branding-block {
    padding-left: 58px;
    margin-right: 10px;
  }

  .site-logo {
    width: 52px;
    height: 40px;
    transform: translateY(0);

    img {
      width: 100%;
    }
  }

  .site-name a {
    font-size: 20px;
  }

  .site-slogan {
    display: block;
    font-size: 16px;
  }
}

canvas {
  max-width: initial;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

h3 {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  color-adjust: exact;
  printer-colors: exact;
}

h2 {
  font-size: 18px;
  line-height: 1.2;
}

// .mapWrapper {
//   max-height: 90vh;
//   min-height: 0 !important;
//   height: auto !important;
//   max-width: 20cm;
//   width: initial;
// }

// .map.mapboxgl-map {
//   height: 10cm;
//   min-height: 0;
// }

// .mapTitle {
//   width: 100%;
//   height: auto;
//   text-align: left;
//   padding-top: 0;

//   .mapTitle-main {
//     width: 100%;
//     max-width: 100%;
//   }

//   .mapTitle-sub {
//     display: none;
//   }
// }

// .block-iom-map .mapPanel--bottom .mapPanel-inner {
//   background-color: transparent;
//   width: 100%;
// }

// .mapPanel--right,
// .mapPanel--left {
//   display: none;
// }

// .mapInfoPrint {
//   display: block;
//   font-size: 12px;
//   padding-top: 5px;
//   page-break-after: always;

//   .mapLastUpdatedPrint {
//     font-size: 10px;
//   }
// }

// .profile {
//   overflow: hidden;
// }

// .profile .profile-row--head {
//   display: flex;
//   padding-top: 0;
//   height: auto;
//   -webkit-print-color-adjust: exact;
//   print-color-adjust: exact;
//   color-adjust: exact;
//   printer-colors: exact;
// }

// .profile .profile-row {
//   display: flex;
//   margin-right: -20px;
//   font-size: 12px;
// }

// .profile-indicatorValue {
//   font-size: 13px;
// }

// .profileItem-title,
// .profile-categoryName {
//   font-size: 16px;
//   line-height: 1.2;
// }

// .profile .profile-col {
//   width: calc(100% / 3);
//   padding: 1cm 20px 0 0;
//   max-width: 100%;
//   clear: both;

//   ul {
//     margin-bottom: 0;
//   }

//   li {
//     page-break-inside: avoid;
//   }

//   .profile-indicator {
//     page-break-after: avoid;
//   }

//   .profile-indicatorName {
//     max-width: 83%;
//     width: 83%;
//     flex: initial;
//   }
// }

// .profile .profileCharts {
//   height: auto;
//   clear: both;

//   .profileItem {
//     width: 100%;
//     margin: 0;
//     padding: 0;
//     display: block;
//     page-break-inside: avoid;
//   }

//   .profileChart {
//     max-width: 100%;
//     width: 100%;
//     height: auto;
//     margin-bottom: 20px;

//     svg,
//     .recharts-wrapper {
//       max-width: 100%;
//       width: 100% !important;
//     }
//   }
// }

// .mapDisclaimer {
//   pointer-events: all;
//   margin: 5px 0;
//   padding: 5px;
//   height: auto;
//   width: 70%;
// }

// .profile {
//   width: 100%;
// }

// .profile .profile-row–head {
//   height: auto;
//   clear: both;
//   margin-top: 2cm;
//   margin-bottom: 2cm;
//   text-align: left;

//   &::after {
//     content: "";
//     display: block;
//     clear: both;
//   }
// }

#sliding-popup {
  display: none !important;
}