@import url('roboto/stylesheet.css');

/*********************************************
 * COLORS
 *********************************************/
:root {
  --white:     #ffffff;
  --whitebg:   #ffffffaa;
  --gray:      #454545;
  --gray600:   #757575;
  --tooltipbg: rgba(0, 0, 0, 0.9);
  --blue:      #4575b4;
  --orange:    #fc8d59;
  --outline:   #334eff;
  --linkcolor: #355a8b;
  --theadbg:   #225a9a;
  --tbodybg:   #e8f1fa;
}

span[lang="en"] {
  font-style: italic;
}

/*********************************************
 * GLOBAL STYLES
 *********************************************/
 * {
  box-sizing: border-box;
 }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.reveal-viewport {
  background-color: var(--white);
  background-image: url('color-background.svg');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.reveal {
  font-family: Roboto, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: var(--gray);
}

.reveal ::selection {
  color: var(--white);
  background: var(--gray);
  text-shadow: none;
}

.reveal ::-moz-selection {
  color: var(--white);
  background: var(--gray);
  text-shadow: none;
}

.reveal .slides > section > section {
	height: 100%;
	padding: 0;
}

.reveal .slides section,
.reveal .slides section > section {
  line-height: 1.3;
  font-weight: inherit;
}

.reveal section .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
     -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  margin-left: 1rem;
  margin-right: 1rem;
}

.reveal section .wrapper header {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.reveal section .wrapper .descr {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.reveal section .wrapper .chart-container,
.reveal section .wrapper .table-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.reveal section .outtro ul.datalinks {
  margin: 0 auto;
}

/* ha nem az első/utoló elem függőlegesen, akkor kell a hely nyílnak */
.reveal .stack section:not(:first-child) {
  padding-top: 1rem;
}
.reveal .stack section:not(:last-child) {
  padding-bottom: 1rem;
}

.reveal a {
  color: var(--linkcolor);
}
.reveal nav a:hover {
  color: var(--white);
  background-color: var(--linkcolor);
}

.slide-menu-button a {
  color: currentColor;
}
.slide-menu-button a::after {
  display: none;
}

.reveal a[target]::after {
  content: '';
  display: inline-block;
  position: relative;
  top: 3px;
  width: 1em;
  height: 1em;
  margin: 0 0.1em;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256"><path fill="%23355a8b" d="M182 146c0,-5 4,-9 8,-9 5,0 9,4 9,9l0 46c0,17 -15,32 -33,32l-102 0c-18,0 -32,-14 -32,-32l0 -102c0,-18 14,-33 32,-33l46 0c5,0 9,4 9,9 0,4 -4,8 -9,8l-46 0c-8,0 -15,7 -15,16l0 102c0,8 7,15 15,15l102 0c9,0 16,-7 16,-15l0 -46zm-35 -98c-5,0 -8,-3 -8,-8 0,-4 3,-8 8,-8l69 0c4,0 8,4 8,8l0 69c0,5 -4,8 -8,8 -5,0 -8,-3 -8,-8l0 -49 -91 90c-3,4 -8,4 -11,0 -4,-3 -4,-8 0,-11l90 -91 -49 0z"/></svg>');
}

/*********************************************
 * NAVIGATION
 *********************************************/
 .reveal .controls {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
 .reveal .controls .navigate-left {
  left: 0;
  top: 0;
  width: 3.6em;
  height: 100%;
}
.reveal .controls .navigate-right {
  right: 0;
  top: 0;
  width: 3.6em;
  height: 100%;
}
.reveal .controls .navigate-up {
  top: 0;
  left: 0;
  width: 100%;
  height: 3.6em;
}
.reveal .controls .navigate-down {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.6em;
}
.reveal .controls .navigate-up .controls-arrow,
.reveal .controls .navigate-down .controls-arrow {
  position: relative;
  left: 50%;
  margin-left: -1.8em;
}

.reveal .controls .navigate-left.enabled,
.reveal .controls .navigate-right.enabled,
.reveal .controls .navigate-up.enabled,
.reveal .controls .navigate-down.enabled,
.reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled,
.reveal.rtl .controls[data-controls-back-arrows="faded"] .navigate-right.enabled,
.reveal:not(.rtl) .controls[data-controls-back-arrows="faded"] .navigate-left.enabled {
  opacity: .3;
}

.reveal .controls .navigate-left.enabled:hover,
.reveal .controls .navigate-right.enabled:hover,
.reveal .controls .navigate-up.enabled:hover,
.reveal .controls .navigate-down.enabled:hover,
.reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled:hover,
.reveal.rtl .controls[data-controls-back-arrows="faded"] .navigate-right.enabled:hover,
.reveal:not(.rtl) .controls[data-controls-back-arrows="faded"] .navigate-left.enabled:hover {
  opacity: .8;
}

/* ha nem engedélyezett a rendszerben az animáció, akkor ne mozogjanak */
@media (prefers-reduced-motion: reduce) {
  .reveal .controls button {
    transition: transform 0s linear !important;
  }
}

/* ne ugráljon a jobbra nyíl */
.reveal .controls .navigate-right.highlight,
.reveal .controls .navigate-down.highlight {
  animation: none !important;
}

/* tooltipek a nyilakon */
.reveal .controls button[data-tooltip]::after {
  display: none;
  content: attr(data-tooltip);
  position: absolute;
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  color: var(--white);
  background: var(--tooltipbg);
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.reveal .controls button.navigate-left[data-tooltip]::after {
  bottom: calc(50% + 2rem);
  left: 0.25rem;
}
.reveal .controls button.navigate-right[data-tooltip]::after {
  bottom: calc(50% + 2rem);
  right: 0.25rem;
}
.reveal .controls button.navigate-up[data-tooltip]::after {
  right: calc(50% + 1.5rem);
  top: 0.25rem;
}
.reveal .controls button.navigate-down[data-tooltip]::after {
  left: calc(50% + 1.5rem);
  bottom: 0.25rem;
}

.reveal .controls button:focus .controls-arrow {
	outline: 4px solid var(--outline);
	border-radius: 4px;
}

.reveal .controls button[data-tooltip]:focus::after {}
.reveal .controls button[data-tooltip]:hover::after {
  display: block;
  opacity: 1;
}

/* ha keskeny a képernyő, akkor kell a hely oldalt a nyílaknak */
@media (max-aspect-ratio: 4/3) {
  .wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/*********************************************
 * HEADERS
 *********************************************/
.reveal section header {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
     -moz-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  margin-bottom: 1rem;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  color: var(--gray);
  font-family: Roboto, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: normal;
  word-wrap: break-word;
}

.reveal h1 {
  margin: 1.5rem 2rem;
  font-size: 4rem;
  font-weight: 300;
}
.reveal h2 {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-right: 1em;
  font-weight: 400;
  font-size: 2rem;
  text-align: left;
}
.reveal h3 {
  margin-left: 2rem;
  font-size: 2em;
  font-weight: 700;
  text-align: left;
}

.reveal .kshlogo {
  height: 2.5rem;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

/*********************************************
 * OTHER
 *********************************************/
.reveal p {
  margin: 0;
  font-size: 0.9em;
  text-align: justify;
  line-height: 1.3;
  hyphens: auto;
}
.reveal p + p {
  text-indent: 2em;
}

.reveal strong,
.reveal b {
  font-weight: 700;
  color: var(--gray);
}

.reveal em {
  font-style: normal;
  font-weight: 700;
  color: var(--orange);
}

.reveal ul.listing {
  margin-left: 1em;
  font-size: 0.9em;
  text-align: left;
  line-height: 1.5;
  list-style: none;
}

.reveal ul.listing li {
  position: relative;
}
.reveal ul.listing li::before {
  content: "\2B9E";
  position: absolute;
  left: -1em;
  color: var(--orange);
}

/* nyitóoldal */
.reveal #cimlap div {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

.reveal #cimlap img#kshlogo {
  height: 100px;
}

.reveal #cimlap img#cover {
  width: 100%;
  height: auto;
}

/* tartalom */
.reveal nav ul {
  width: 27em;
  text-align: left;
  list-style: none;
}

.reveal nav ul li {
  margin: 0.1em 0;
}

.reveal nav ul li a {
  display: block;
}

.reveal nav ul li a {
  padding: 0.1em 0.2em;
}

/* felhasználói útmutató */
.reveal .keyboard div {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  margin-top: 0.25em;
}

.reveal .keyboard ~ p {
  margin-top: 1em;
}

.reveal .keyboard span:first-child {
  width: 9rem;
  margin-right: 1rem;
  text-align: center;
}

.reveal .keyboard svg.arrow {
  position: relative;
  top: .1em;
  width: 26px;
  height: 26px;
  fill: currentColor;
}

.reveal kbd {
  display: inline-block;
  margin: 2px;
  padding: 2px 4px;
  min-width: 1.5em;
  font-size: 0.7em;
  vertical-align: top;
  color: #333;
  background: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.reveal .keyboard kbd svg {
  vertical-align: -3px;
  width: 18px;
  height: 18px;
  fill: currentColor;
}

/* NSZ2022 adatbázis linkek */
.reveal ul.datalinks {
  margin-left: 1em;
  font-size: 0.9em;
  text-align: left;
  line-height: 1.5;
  list-style: none;
}
.reveal ul.datalinks li {
  position: relative;
  margin-bottom: 0.2em;
}
.reveal ul.datalinks li::before {
  content: "\2726";
  position: absolute;
  left: -1em;
  color: var(--orange);
}

/*********************************************
 * HIGHCHARTS
 *********************************************/
.reveal .chart-container {
  margin-top: 1em;
  background: url('chart-load.svg') no-repeat fixed center;
}
.reveal .chart-container.loaded {
  background: none;
}

.reveal .highcharts-tooltip table {
  border-collapse: collapse;
  border-spacing: 0;
}

.reveal .highcharts-tooltip th,
.reveal .highcharts-tooltip td {
  text-align: left;
  padding: 0;
  border: 0;
}

/*********************************************
 * TABLE
 *********************************************/
.reveal section .wrapper .table-container {
  margin-top: 1em;
  font-size: 0.75em;
}

.reveal section .wrapper .table-container table {
  margin: 0 auto;
  border-collapse: collapse;
}

.reveal section .wrapper .table-container table caption {
  margin-bottom: 0.5em;
  text-align: center;
}

.reveal section .wrapper .table-container table thead th,
.reveal section .wrapper .table-container table tbody th,
.reveal section .wrapper .table-container table tbody td {
  font-weight: 400;
  border-style: solid;
  border-width: 0 1px 1px 0;
}

.reveal section .wrapper .table-container table thead th {
  padding: 0.25em 1em;
  text-align: center;
  vertical-align: middle;
  color: var(--white);
  background-color: var(--theadbg);
  border-color: var(--white);
}

.reveal section .wrapper .table-container table tbody th {
  padding: 0.1em 1em;
  color: inherit;
  text-align: left;
}

.reveal section .wrapper .table-container table tbody th.level1 {
  font-weight: 700;
}
.reveal section .wrapper .table-container table tbody th.level2 {
  padding-left: 2em;
  font-weight: 400;
}

.reveal section .wrapper .table-container table tbody th.nuts1 {
  padding-left: 2em;
  font-weight: 700;
}
.reveal section .wrapper .table-container table tbody th.nuts2 {
  font-weight: 700;
}
.reveal section .wrapper .table-container table tbody th.nuts3 {
  font-weight: 400;
}

.reveal section .wrapper .table-container table tbody td {
  padding: 0.1em 1em;
  color: inherit;
  text-align: right;
}

.reveal section .wrapper .table-container table tbody tr > th:last-child,
.reveal section .wrapper .table-container table tbody tr > td:last-child {
  border-width: 0 0 1px 0;
}

.reveal section .wrapper .table-container table tbody tr:nth-child(odd) > th,
.reveal section .wrapper .table-container table tbody tr:nth-child(odd) > td {
  background-color: var(--white);
  border-color: var(--tbodybg);
}

.reveal section .wrapper .table-container table tbody tr:nth-child(even) > th,
.reveal section .wrapper .table-container table tbody tr:nth-child(even) > td {
  background-color: var(--tbodybg);
  border-color: var(--white);
}

/*********************************************
 * PRINT
 *********************************************/
html.reveal-print .reveal .slides section {
  height: 100%;
}

html.reveal-print .reveal-viewport {
  background-image: none;
}

html.reveal-print .reveal section .wrapper .chart-container,
html.reveal-print .reveal section .wrapper .table-container {
  margin-bottom: 1rem;
}

html.reveal-print .reveal section .wrapper .chart-container .highcharts-exporting-group,
html.reveal-print .reveal section .wrapper .chart-container .highcharts-map-navigation {
  display: none;
}