/*!
Theme Name: Huninet
Theme URI: http://underscores.me/
Author: Felhő
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: huninet
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Huninet is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import "fonts/style.css";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
}
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}
html {
  scroll-behavior: smooth;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
html,
body {
  margin: 0;
  padding: 0;
}
a:active,
a:hover {
  outline: 0;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.clearfix {
  zoom: 1;
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
body {
  position: relative;
  font-family: 'TCm', sans-serif;
  font-size: 1.375rem;
  font-weight: normal;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  background: white;
  color: #042F3D;
  text-rendering: optimizeLegibility;
}
h1 {
  font-family: 'CrPro', serif;
  font-weight: normal;
  font-size: 2em;
  line-height: 1.1em;
  letter-spacing: -0.03em;
}
h2 {
  font-family: 'CrPro', serif;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.3em;
  margin-bottom: 3rem;
}
h3 {
  font-family: 'TCm', sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.2em;
  font-style: italic;
  margin-bottom: 0.5em;
}
h4 {
  font-family: 'TCm', sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}
a {
  color: #0693C1;
  text-decoration: underline;
}
a.more {
  text-decoration: none;
  display: block;
  font-size: 0.9em;
  line-height: 1em;
  text-align: right;
}
a.more:hover {
  text-decoration: underline;
}
ul {
  margin: 0;
  padding: 0;
  padding-left: 1rem;
}
ul li {
  padding-left: 1rem;
}
.wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: auto;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
}
.block {
  position: relative;
  margin-bottom: 2rem;
  padding: 0 1.5rem;
}
.block .block-title {
  font-family: 'CrPro', serif;
  font-size: 1em;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 1rem;
}
.block .page-title-container {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.block .page-title-container .page-title .line {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #0693C1;
  top: 1.9rem;
  left: 0;
  z-index: -1;
}
.block .page-title-container .page-title h1 {
  position: relative;
  font-family: 'CrPro', serif;
  font-weight: 500;
  font-size: 3rem;
  display: inline-block;
  background-color: white;
  margin: 0;
  padding-right: 16px;
}
.block .page-title-container .page-subtitle {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  line-height: 1em;
  font-weight: 500;
  text-transform: uppercase;
}
.block .featured-image-container img {
  width: 100%;
}
.content-wrapper {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.small {
  display: block !important;
}
.large {
  display: none !important;
}
.navbar {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem 0;
  background-color: #0693C1;
  z-index: 9999;
}
.navbar .inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  padding: 0 1.5rem;
  margin: 0 auto;
}
.navbar .inner .site-branding a {
  display: block;
  color: white;
  text-decoration: none;
  font-size: 2rem;
}
.navbar .inner .site-branding a img {
  max-width: 100%;
  max-height: 40px;
}
.navbar .inner .menu-footer {
  display: none;
}
.navbar .inner nav.menu-container {
  position: fixed;
  width: 75vw;
  height: 100vh;
  top: 0;
  right: -100vw;
  left: auto;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  margin: 0;
  z-index: 997;
  opacity: 0;
  transition: right 0.5s, opacity 0.3s;
  background-color: white;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.4);
}
.navbar .inner nav.menu-container.open {
  right: 0;
  opacity: 1;
}
.navbar .inner ul.menu {
  position: relative;
  list-style: none;
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  padding: 1.5rem;
  margin: 0;
  text-align: right;
}
.navbar .inner ul.menu li {
  margin-bottom: 0.5rem;
}
.navbar .inner ul.menu li a {
  display: inline-block;
  font-family: 'TCm', sans-serif;
  color: #042F3D;
  font-weight: 500;
  font-size: 1.5em;
  text-decoration: none;
  padding: 0.3em 0.5em;
  padding-right: 0;
}
.navbar .inner ul.menu li a:hover,
.navbar .inner ul.menu li a.selected {
  text-decoration: none;
  color: #0693C1;
}
.navbar .inner ul.menu li.current-menu-item a,
.navbar .inner ul.menu li.current-menu-parent a {
  color: #0693C1;
}
.navbar .inner ul.menu li.menu-item-has-children {
  position: relative;
  padding-right: 24px;
}
.navbar .inner ul.menu li.menu-item-has-children a.dropdown-toggle {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  right: 0;
}
.navbar .inner ul.menu li.menu-item-has-children a.dropdown-toggle span {
  display: block;
  position: absolute;
  right: 6px;
  bottom: 15px;
  width: 11px;
  height: 11px;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(-45deg);
}
.navbar .inner ul.menu li.menu-item-has-children a.dropdown-toggle.open span {
  transform: rotate(135deg);
  bottom: 9px;
}
.navbar .inner ul.menu li.menu-item-has-children a.dropdown-toggle:hover {
  text-decoration: none;
}
.navbar .inner ul.menu li.menu-item-has-children ul.sub-menu {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 1em;
  overflow-y: hidden;
  max-height: 0;
  transition: none;
}
.navbar .inner ul.menu li.menu-item-has-children ul.sub-menu li {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
.navbar .inner ul.menu li.menu-item-has-children ul.sub-menu li a {
  font-weight: 600;
  font-size: 1em;
}
.navbar .inner ul.menu li.menu-item-has-children ul.sub-menu li.menu-item a {
  color: white;
}
.navbar .inner ul.menu li.menu-item-has-children ul.sub-menu li.menu-item a:hover {
  color: #0693C1;
}
.navbar .inner ul.menu li.menu-item-has-children ul.sub-menu li.current-menu-item a {
  color: #0693C1;
}
.navbar .inner ul.menu li.menu-item-has-children.open ul.sub-menu {
  transition: max-height 0.3s ease-in;
  max-height: 100vh;
}
.navbar .inner ul.social-menu {
  position: relative;
  list-style: none;
  width: 100%;
  margin: 0;
}
.navbar .inner ul.social-menu li {
  display: inline-block;
  font-size: 0.7em;
  font-weight: normal;
  margin-right: 0.2em;
}
.navbar .inner ul.social-menu li a {
  text-decoration: none;
  color: white;
  padding: 0;
}
.navbar .inner ul.social-menu li a span {
  padding: 0.5em;
  border-radius: 100%;
  border-width: 1px;
  border-color: white;
  border-style: solid;
  margin-left: 4px;
}
.navbar .inner ul.social-menu li a:hover {
  color: #0693C1;
}
.navbar .inner ul.social-menu li a:hover span {
  border-color: #0693C1;
}
.navbar .inner a.menu-toggle {
  display: block;
  margin-left: auto;
  margin-right: 0;
  width: 24px;
  height: 24px;
  background-image: url(img/icon-menu-wht.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(0deg);
  transition: transform 0.2s;
  z-index: 999;
}
.navbar .inner a.menu-toggle.open {
  background-image: url(img/icon-close-wht.svg);
  transform: rotate(90deg);
}
.hero-block {
  position: relative;
  width: 100%;
}
.hero-block .hero-content-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1.5rem;
  color: white;
}
.hero-block .hero-content-container .title {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1em;
}
.hero-block .hero-content-container .logo img {
  max-width: 150px;
}
.home-hero-block {
  height: 50vh;
  background-color: #0693C1;
  background-image: url(img/bg-network.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-hero-block {
  height: 140px;
}
.video-container {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}
.video-container .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container .video iframe {
  width: 100%;
  height: 100%;
}
figure {
  width: 100% !important;
}
figure figcaption {
  font-size: 0.8em;
  font-style: italic;
  margin-top: 0.3em;
  font-family: 'TCm', sans-serif;
  text-align: right;
}
ul.cards-container {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.cards-container li.card {
  padding: 0;
  margin: 0;
  border-top: 2px solid #0693C1;
  padding-top: 1rem;
  margin-bottom: 1rem;
}
ul.cards-container li.card a {
  text-decoration: none;
}
ul.cards-container li.card a:hover {
  text-decoration: underline;
}
ul.cards-container li.card .image-container img {
  width: 100%;
  margin-bottom: 1rem;
}
ul.cards-container li.card .text-container .title a {
  color: #042F3D;
}
ul.cards-container li.card .text-container .title h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.1em;
}
ul.cards-container.archive li.card:first-child {
  border-top: none;
}
.date {
  font-family: 'TCm', sans-serif;
  font-size: 1rem;
  line-height: 1em;
  color: #949C9F;
  margin-bottom: 0.5rem;
}
.date::before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0693C1;
}
.date.single {
  margin-bottom: 2rem;
}
.date.news::before {
  background-color: #0693C1;
}
.date.events::before {
  background-color: #C106B2;
}
ul.event-date-container {
  list-style: none;
  padding: 1rem;
  margin: 2rem 0;
  background-color: #F4F5F5;
}
ul.event-date-container li {
  padding: 0;
}
ul.datasheet-container {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 2rem;
}
ul.datasheet-container li {
  padding: 0.5rem 0;
  margin: 0;
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid white;
}
ul.datasheet-container li div {
  width: calc(50% - 0.75rem);
}
ul.datasheet-container li .data {
  font-family: 'TCm', sans-serif;
  text-align: right;
}
ul.datasheet-container li:first-child {
  border-top: 1px solid white;
}
footer.footer-block {
  margin-bottom: 0;
  margin-top: auto;
}
footer.footer-block .footer-container {
  display: block;
  height: 100%;
  font-size: 0.8em;
  line-height: 1em;
  color: #949C9F;
  padding: 1.5rem 0;
}
/*
@media screen and (min-width: @small-screen) {
	@import "_small.less";
}
*/
@media screen and (min-width: 640px) {
  h2.single-title {
    font-size: 2rem;
  }
  /*.small {
	display: none !important;
}
.medium {
	display: block !important;
}
.large {
	display: none !important;
}*/
  .navbar .inner nav.menu-container {
    width: 50vw;
  }
  ul.cards-container {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
  }
  ul.cards-container li.card {
    width: calc(50% - 1rem);
  }
  ul.cards-container.featured-first li.card:first-child {
    width: 100%;
    display: flex;
  }
  ul.cards-container.featured-first li.card:first-child .image-container {
    order: 2;
    flex-basis: calc(50% + 1rem);
    flex-shrink: 0;
    padding-left: 2rem;
  }
  ul.cards-container.featured-first li.card:first-child .text-container {
    order: 1;
    flex-basis: 100%;
    flex-shrink: 1;
  }
  ul.cards-container.archive li.card:nth-child(2) {
    border-top: none;
  }
  ul.grid-container {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }
  ul.grid-container .grid-content {
    border-bottom: none;
  }
  ul.grid-container.cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-container {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
  }
  .flex-container .full {
    width: 100%;
  }
  .flex-container .column {
    width: calc(50% - 0.75rem);
    margin: 0;
  }
  .flex-container .flex-order-1 {
    order: 1;
  }
  .flex-container .flex-order-2 {
    order: 2;
  }
  .flex-container .flex-order-3 {
    order: 3;
  }
  .column-container {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
  .sticky {
    position: sticky;
    top: 6rem;
  }
  .is-sticky > * {
    position: sticky;
    left: 0;
    top: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  h2.single-title {
    font-size: 3rem;
  }
  .small {
    display: none !important;
  }
  .large {
    display: block !important;
  }
  .wrapper {
    padding-left: 20%;
    padding-right: 0;
  }
  .block article {
    padding-right: 0;
  }
  .navbar {
    position: fixed;
    width: 20%;
    height: calc(100vh + 48px);
    top: -24px;
    left: 0;
    padding: 24px 0;
    background-color: white;
    box-shadow: inset -8px 0px 24px 0 rgba(0, 0, 0, 0.2);
  }
  .navbar .inner {
    position: relative;
    padding: 0;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .navbar .inner .site-branding a {
    margin-top: 2rem;
    margin-right: 2rem;
  }
  .navbar .inner .site-branding a img {
    max-width: 100px;
    max-height: 100%;
  }
  .navbar .inner .menu-footer {
    display: block;
    margin-bottom: 2rem;
    margin-right: 2rem;
  }
  .navbar .inner nav.menu-container {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    right: auto;
    padding: 0;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
  }
  .navbar .inner ul.menu {
    position: relative;
    display: block;
    width: auto;
    padding: 0;
  }
  .navbar .inner ul.menu li {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding-left: 0;
  }
  .navbar .inner ul.menu li a {
    font-size: 1.5rem;
    line-height: 1em;
    padding-right: 2rem;
  }
  .navbar .inner ul.menu li a::after {
    content: '';
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #0693C1;
    transition: width 0.2s;
  }
  .navbar .inner ul.menu li a:hover,
  .navbar .inner ul.menu li a.selected {
    text-decoration: none;
    color: #0693C1;
  }
  .navbar .inner ul.menu li a:hover::after,
  .navbar .inner ul.menu li a.selected::after {
    width: 1.6rem;
  }
  .navbar .inner ul.menu li.current-menu-item a,
  .navbar .inner ul.menu li.current-menu-parent a {
    color: #0693C1;
  }
  .navbar .inner ul.menu li.current-menu-item a::after,
  .navbar .inner ul.menu li.current-menu-parent a::after {
    width: 1.6rem;
  }
  .navbar .inner ul.menu li.has-submenu,
  .navbar .inner ul.menu li.menu-item-has-children {
    border-radius: 8px 8px 0 0;
  }
  .navbar .inner ul.menu li.has-submenu a.dropdown-toggle,
  .navbar .inner ul.menu li.menu-item-has-children a.dropdown-toggle {
    display: none;
  }
  .navbar .inner ul.menu li.has-submenu ul.sub-menu,
  .navbar .inner ul.menu li.menu-item-has-children ul.sub-menu {
    display: none;
    position: absolute;
    top: calc(100% - 4px);
    background-color: white;
    max-height: 999px;
    overflow-y: auto;
    padding: 0.5em;
    border-radius: 0 8px 8px 8px;
    width: auto;
    min-width: 200px;
  }
  .navbar .inner ul.menu li.has-submenu ul.sub-menu li,
  .navbar .inner ul.menu li.menu-item-has-children ul.sub-menu li {
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 0;
  }
  .navbar .inner ul.menu li.has-submenu ul.sub-menu li a,
  .navbar .inner ul.menu li.menu-item-has-children ul.sub-menu li a {
    font-size: 0.8em;
  }
  .navbar .inner ul.menu li.has-submenu:hover ul.sub-menu,
  .navbar .inner ul.menu li.menu-item-has-children:hover ul.sub-menu {
    display: block;
  }
  .navbar .inner a.menu-toggle {
    display: none;
  }
  .hero-block .quote-container {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  ul.grid-container.cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .content-container .quote-container {
    font-size: 2rem;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .content-container .text-container .title h3 {
    font-size: 1.3em;
    line-height: 1.3em;
  }
  .content-container .text-container .upper-subtitle {
    font-size: 1em;
  }
  footer.footer-block .footer-container {
    padding: 2rem 0;
  }
}
/*# sourceMappingURL=style.css.map */