/**
 * @file
 * Subtheme specific CSS.
 */

/* ÁLTALÁNOS */

/* Fontok betöltése */
@font-face {
  font-family: 'NeoTech';
  src: url(NeoTech-Light.woff);
}

@font-face {
  font-family: 'NeoTech-Medium';
  src: url(NeoTech-Medium.woff);
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(SourceSansPro-Regular.woff);
}

/* Linkek: aláhúzás eltávolítása */
a:hover {
  text-decoration: none;
}

a {
  text-decoration: none;
}

/* F E J L É C */

/* eu támogatás

#block-neurontheme-eu-tamogatas > div.content > div > div > div > div.field__item  

#block-neurontheme-eu-tamogatas > div.content > div > div > div > div.field__item > img
*/
#block-neurontheme-eu-tamogatas > div.content > div,
#block-neurontheme-eu-tamogatas>div.content>div>div>div>div.field__item {
  position: relative;
  /* Ez lesz a viszonyítási pont */
  min-height: 100px;
  /* Csak hogy legyen helye a képnek */
}
#block-neurontheme-eu-tamogatas > div.content > div > p > img,
#block-neurontheme-eu-tamogatas>div.content>div>div>div>div.field__item>img {
  min-height: 64px;
  min-width: 212px;
  width: 19%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.navbar>.container{
  flex-wrap: nowrap;
}

.navbar>.container {
  align-items: end;
}

/* Logo mérete */
#navbar-top>div>a>img {
  width: 160px;
  /*margin-left: 100px; */
}

/* Kék csík a navigáció mellett */
.d-inline-block {
  padding-right: 20px;
  border: 3px;
  border-right-style: solid;
  border-right-color: #0089B4;
}

/* Főmenü alapstílusok */
.block-superfish {
  width: auto;
  padding: 0;
}

#navbar-top {
  z-index: 100;
}

.affix {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1035;
  left: 0;
}

#navbar-top>div>a {
  max-width: 300px;
  margin-top: 18px;
}

/* Menü linkek stílusa */
ul.sf-menu li {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-variant-caps: all-petite-caps;
  font-size: 1.15em;
}

ul.sf-menu a {
  text-decoration: none;
  display: block;
  padding-left: 0;
  padding-right: 36px;
  margin-top: 5px;
  padding-top: 29px;
}

/* Fejléc feliratok */
h3 {
  font-family: 'NeoTech-Medium', sans-serif;
}

h2 {
  font-family: 'NeoTech', sans-serif;
}

/* Hero Image a fejléchez */
#navbar-main {
  width: 100%;
  padding-top: 3em;
  padding-bottom: 3em;
  background-image: url(pictures/header_pic_2560.jpg);
  z-index: 0;
}

/* Sticky elem z-index */
.sticky-top {
  z-index: 500;
}

/* Slogan feliratok a fejléc blokkjában */
#block-neurontheme-fejlec-blokk>div.content>div>h2,
#block-neurontheme-fejlec-blokk>div.content>div>h3 {
  font-size: 34px;
  color: #fff;
  padding-top: 10px;
  padding-left: 1em;
}

/* Függőleges kék vonal a fejléc blokk mellett */
#block-neurontheme-fejlec-blokk>div.content {
  border-left: 3px solid #0089B4;
  position: relative;
  left: 158px;
}

/* Kék kiemelt blokk a főoldalon */
#page>div.highlighted>aside>section,
#page>div.highlighted {
  height: 58px;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 10px;
  background-color: #0089B4;
}

/* News blokk stílusa */
#page>div.highlighted>aside>section {
  color: #fff;
  font-size: 1.75em;
  text-align: center;
}

/* Kis logók a különböző blokkokban */
#block-neurontheme-news-bar>div.content>div>h3>img,
#block-neurontheme-rolunk-bar>div.content>div>h3>img,
#block-neurontheme-product-bar>div.content>div>h3>img,
#block-neurontheme-new-dev>div.content>div>h3>img,
#block-neurontheme-pub-bar>div.content>div>h3>img,
#block-neurontheme-faq-bar>div.content>div>h3>img,
#block-neurontheme-kapcs-bar>div.content>div>h3>img {
  position: relative;
  height: 30px;
  width: auto;
  top: -7px;
}

/* Háromszög a highlighted blokk alatt */
#page>div.highlighted:after {
  content: '';
  position: relative;
  top: 16px;
  left: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 150px;
  width: 0;
  height: 0;
  border-top: solid 33px #0089B4;
  border-left: solid 50px transparent;
  border-right: solid 50px transparent;
}

/* FŐOLDAL MOZAIK */

/* Masonry grid középre rendezése */
.view-masonry-grid {
  padding-left: 4%;
}

/* Masonry alapstílusok */
.masonry {
  width: 100%;
}

.masonry-layout {
  background: #eee;
}

/* Masonry itemek: 3 soros galéria */
.masonry-item {
  width: 31%;
  margin-bottom: 2%;
  border: 1px solid #DDD;
  color: #3b3b3b;
  background-color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-style: normal;
  font-weight: 300;
}

/* Képek a masonry itemekben: responsive */
.masonry-item img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Címlap hírcímek stílusa */
#block-neurontheme-views-block-masonry-grid-block-1>div.content>div>div>div.view-content.row>div>div>div.views-field.views-field-title>span>a {
  font-size: 2em;
}

div.view-content.row>div>div>div.views-field.views-field-title>span>a {
  overflow-wrap: break-word;
  width: 100%;
  color: #3b3b3b;
  line-height: 1.2;
}

div.view-content.row>div>div>div.views-field.views-field-title,
div.view-content.row>div>div>div.views-field.views-field-body {
  padding: 20px 15px 10px;
}

/* Dátum pozíció */
.views-field-created {
  padding-top: 20px;
}

.views-field-created>span {
  padding-left: 15px;
}

/* EU banner */

/* A blokk konténere legyen a viszonyítási pont */
#block-neurontheme-eubanner {
  position: relative;
  min-height: 100px; /* Vagy amilyen magas a banner képe arányosan */
  padding: 15px;
  margin: 40px 0 15px;
  background-color: #fff;
  border: 1px solid #DDD;
}

/* A kép formázása */
#block-neurontheme-eubanner img {
  display: block;
  width: 50%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

/*#block-neurontheme-eubanner > div.content > div > p:nth-child(1) > img
 {
  width: 50%;
  height: auto;
position: absolute;
  top: 0;
  left: 0;
}

#block-neurontheme-eubanner {
  padding: 15px;
  margin: 40px 0 15px;
  background-color: #fff;
  border: 1px solid #DDD;
}

#block-neurontheme-eubanner>div.content>div>p:nth-child(15)>img,
#block-neurontheme-eubanner>div.content>div>p:nth-child(14)>img {
  position: absolute;
  bottom: 90px;
  right: 16px;
  float: right;
} */

/*frontpage nézet eltüntet*/


.mainpage_view_cs {
  display: none;
}



/* CONTENT */

/* Címek eltüntetése */
#block-neurontheme-page-title>div.content>h1 {
  display: none;
}

/* Elektróda */

.masonry-layout-elektrodok {
  margin-left: auto;
  margin-right: auto;
}

/* galéria szövegméret */
.elektrod {
  font-size: 1.1em;
}

div.elektrod>div>div>div {
  height: 340px;
}

/* Basic Page kép */
#block-neurontheme-content>div>article>div>div>div>picture>img {
  margin: 8px 16px 26px 0;
  max-width: 100%;
}

/* New development blokkok stílusa */
.nd {
  display: block;
  margin-bottom: 1em;
}

.nd_kep {
  margin: 8px 16px 0 0;
  max-width: 100%;
}

.nd_cim {
  font-size: 2em;
  font-weight: 400;
}

/* Content padding és középre igazítás */
#content {
  margin-left: auto;
  margin-right: auto;
  padding: 2.5em 15px 4em;
}

/* Publikációk */
.publikcim {
  font-size: 22px;
  font-weight: 700;
}

/* Idézetek */
blockquote>p:nth-child(1)>em {
  font-weight: 700;
}

blockquote>p:nth-child(2) {
  text-align: right;
  font-size: 20px;
}

/* Lista elemek */
#block-neurontheme-content>div>article>div>div>ul>li {
  padding-right: 15px;
  margin-left: auto;
}

/* Videók reszponzív méretezése */
.nevideo {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.nevideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Linkek stílusa */
.field--type-link {
  font-size: 16px;
  font-weight: 700;
  color: #0089B4;
}

/* SOCIAL */

.fontawesome-icon-inline {
  color: #fff;
}

#page>div.featured-bottom {
  background-color: #0089B4;
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: center;
}

#block-neurontheme-social-language {
  display: inline-block;
  position: relative;
  top: 5px;
}

/* -----------------------------
   Footer és partnerek
------------------------------*/

/* Footer színek és betűtípus */
.site-footer {
  color: silver;
}

.site-footer__top h2 {
  font-size: 18px;
  text-align: center;
  font-weight: 400;
  letter-spacing: 1px;
}

/* Footer blokk margók */
#block-lablec>div.content {
  margin-top: 20px;
}

#page>footer>div>div {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

/* Footer oszlopok szélessége */
section.row.region.region-footer-third,
section.row.region.region-footer-second,
section.row.region.region-footer-first {
  margin: 0;
  width: 31%;
}

/* Footer blokkok szélessége */
#block-neurontheme-kapcsolat,
#block-neurontheme-lablec,
#block-neurontheme-partnereink {
  border: 0;
  width: 100%;
}

/* Kapcsolat blokk stílusa */
#block-neurontheme-kapcsolat {
  font-family: 'Source Sans Pro', sans-serif;
  width: 100%;
  font-size: 1em;
}

#block-neurontheme-kapcsolat>div.content>div>p,
#block-neurontheme-kapcsolat>div.content>div>p>span {
  color: silver;
}

/* Lábjegyzet navigáció eltávolítása */
#block-neurontheme-lablec>div.content>nav {
  border: none;
}

/* Footer 2 blokk stílusa */
#block-neurontheme-footer-2 {
  margin-top: 20px;
  padding: 10px;
}

/* Footer 2 navigáció flex beállítás */
#block-neurontheme-footer-2 .nav {
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
  margin-top: 20px;
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-variant-caps: all-petite-caps;
  font-size: 1.15em;
}

#block-neurontheme-footer-2 .nav-item {
  width: 100%;
  padding: .5rem 0;
}

#block-neurontheme-footer-2 .nav-item:not(:last-child) {
  border-bottom: 1px solid #fff3;
}

#block-neurontheme-footer-2>ul>li>a {
  color: silver;
}

#block-neurontheme-footer-2 .nav-link {
  padding: 0;
}

/* Partnerek blokk stílusa */
#block-neurontheme-partnereink>div.content>div>div {
  width: 90%;
  text-align: right;
}

#block-neurontheme-partnereink>div.content>div>div>a>img {
  width: 220px;
  height: auto;
}

#block-neurontheme-partnereink {
  width: 100%;
}

#block-neurontheme-partnereink>div>div>h2,
#block-neurontheme-kapcsolat>div>div>h2 {
  text-align: center;
}

/* Saját footer */
#block-neurontheme-footer-sajat {
  width: 100%;
}

#page>footer>div.site-footer__bottom>section {
  --bs-gutter-x: 0;
}

#block-neurontheme-footer-sajat>div.content>div>p {
  color: silver;
  letter-spacing: 1px;
}

.copyright {
  color: #939495;
  background-color: #222221;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
}

#page>footer>div.site-footer__bottom {
  border: none;
  margin: 0;
  padding: 0;
}

#page>footer {
  padding-bottom: 0;
}

#block-neurontheme-footer-sajat>div.content {
  padding-top: 15px;
  background-color: #222221;
}

#block-neurontheme-footer-sajat,
#block-neurontheme-footer-sajat>div.content>div>p {
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
  font-size: .875em;
}

/* -----------------------------
   MEDIA QUERYK
------------------------------*/

/* Nagy kijelző */
@media(min-width:1201px) {
  .container {
    max-width: 1140px;
  }
}

/* 1200px alatti kijelzők */
@media (max-width: 1200px) {
  .container {
    max-width: 1040px;
  }

  ul.sf-menu a {
    padding: 1em 1.5em 0;
  }

  /* EU banner képek pozíció */
  #block-neurontheme-eubanner>div.content>div>p:nth-child(15)>img,
  #block-neurontheme-eubanner>div.content>div>p:nth-child(14)>img {
    position: static;
  }

  /* Elektród galéria mérete */
  div.elektrod>div>div>div {
    height: 300px;
  }
}

/* 1040px alatti kijelzők */
@media (max-width: 1040px) {
  ul.sf-menu a {
    padding-left: 0;
    padding-right: 29px;
  }
}

/* 992px alatti kijelzők */
@media (max-width: 992px) {
  .container {
    max-width: 980px;
  }

  .masonry-item {
    width: 47%;
  }

  ul.sf-menu a {
    padding-left: 0;
    padding-right: 29px;
  }

  #block-neurontheme-fejlec-blokk>div.content {
    left: 172px;
  }

  .view-masonry-grid {
    padding-left: 3px;
  }

  .elektrod {
    font-size: 1em;
  }

  div.elektrod>div>div>div {
    height: 390px;
    width: 47%;
  }

  #block-kapcsolat>div.content>div>p:nth-child(3) {
    font-size: .9em;
  }
}

/* 920px alatti kijelzők */
@media (max-width: 920px) {
  ul.sf-menu a {
    padding-right: 33px;
    padding-top: 5px;
  }

  div.elektrod>div>div>div {
    height: 372px;
  }
}

/* 890px alatti kijelzők */
@media (max-width: 900px) {
  #block-neurontheme-eu-tamogatas>div.content>div>div>div>div.field__item {
    position: relative;
    /* Ez lesz a viszonyítási pont */
    min-height: 0px;
    /* Csak hogy legyen helye a képnek */
  }
}

/* 860px alatti kijelzők */
@media (max-width: 860px) {

      /* eu banner lenn*/

    #block-neurontheme-eubanner > div.content > div > p:nth-child(1) > img
 {
  width: 75%;
}

  div.elektrod>div>div>div {
    height: 362px;
  }

  /*footer*/

  #page>footer>div>div {
    display: block;
  }

  #block-kapcsolat>div.content>div>p {
    text-align: center;
  }

  .parnerek {
    text-align: center;
  }

  #block-neurontheme-partnereink>div.content>div>div {
    width: auto;
    text-align: center;
  }

  section.row.region.region-footer-third,
  section.row.region.region-footer-second,
  section.row.region.region-footer-first {
    width: 100%;
  }

  #block-neurontheme-kapcsolat {
    text-align: center;
  }
}

/* 768px alatti kijelzők - mobil */
@media (max-width: 768px) {
  #offcanvasMainMenu {
    width: 220px;
    height: 340px;
  }

  #offcanvasMainMenu.show {
    height: 340px;
  }

  #superfish-main-mobile {
    display: block;
  }

  #superfish-main-mobile>li {
    float: none;
    display: block;
    width: 100%;
  }

  #superfish-main-mobile>li>a {
    display: block;
    width: 100%;
  }

  .offcanvas-body ul.sf-menu,
  .offcanvas-body ul.sf-menu li,
  .offcanvas-body ul.sf-menu li a {
    display: block !important;
  }

  .offcanvas-body ul.sf-menu li {
    margin-bottom: .5rem;
  }

  .offcanvas-body ul.sf-menu li a {
    padding: .5rem 1rem;
    text-decoration: none;
    color: inherit;
  }

  .navbar-toggler {
    border: none !important;
    padding: .25rem;
  }

  .navbar-toggler:focus {
    box-shadow: none !important;
  }

  .container {
    max-width: 720px;
    width: 100%;
  }

  #navbar-top>div {
    width: 100%;
    margin: 0 0 0 5px;
    padding-left: 0;
    padding-right: 5px;
  }

  .view-masonry-grid {
    padding-left: 0;
  }

  div.elektrod>div>div>div {
    height: 390px;
    width: 94%;
  }

  .masonry-item {
    width: 97%;
    margin-left: 0;
    margin-right: 0;
  }

  .masonry-item>img {
    width: 100%;
  }

  div.elektrod>div>div>div {
    height: auto;
  }

  #block-neurontheme-content>div>article>div>div>picture>img {
    max-width: 100%;
  }

  .elektrod {
    font-size: 1.2rem;
  }

  #block-neurontheme-fejlec-blokk>div.content {
    left: 164px;
  }

  /* hamburger menü a jobb szélre */
  .block-superfish {
    margin-left: auto;
  }
}

/* 640px alatti kijelzők - kisebb mobilok */

  @media (max-width: 640px) {

    /* eu banner lenn*/

    #block-neurontheme-eubanner > div.content > div > p:nth-child(1) > img
 {
  width: 100%;
}

    /* Layout */
    .view-content.row {
      margin: 0;
    }

    /* Masonry reset mobilra */
    .masonry-layout-elektrodok {
      display: block;
    }

    .masonry-item {
      width: 100%;
      margin: 0 0 24px;
      position: static !important;
    }

    /* Képek */
    picture img {
      max-width: 100%;
      height: auto;
      margin: 8px 0 26px;
    }

    /* Headings */
    #block-neurontheme-fejlec-blokk h2,
    #block-neurontheme-fejlec-blokk h3 {
      font-size: 28px;
      padding-top: 10px;
    }

    #block-new-dev h3 {
      font-size: 1.6rem;
    }

    /* Egyéb */
    .nd {
      display: block;
      margin-bottom: 1em;
    }

    .nd_kep {
      width: 100%;
      margin: 8px 0;
    }
  }