html,body {
  font-family:'Open Sans',Verdana,sans-serif;
  font-weight:400;
  font-size:16.5px;
  line-height:1.5;
  overflow-x:hidden !important;
}
h2 {
  margin-top:0px;
  margin-bottom:68px;
}

header.smaller {min-height:0;}
.navbar-brand {
  position: absolute;
  padding-top: 10px;
  background: transparent !important;
  z-index: 999;
}
header .vl-header-logo {
  margin-top:29px;
}
header .vl-header-logo img {
  width:151px;
  height:151px;
}
header .vl-mainpage-titlebox {
    display: flex;
    flex-direction: column;
    align-items:center;
}
@media screen and (min-width:768px) {
  header {
    min-height:468px;
    padding-top:48px;
    margin-bottom:0;
    background-repeat: no-repeat;
    background-position: center; 
  }
  header .vl-mainpage-titlebox {
    max-width:600px;
    margin:0px auto 22px auto;
  }
  header.smaller .vl-mainpage-titlebox {
    max-width:600px;
    margin-top:30px;
    margin-bottom:80px;
  }

  header.vl-header-faj .row {
    margin-top:6em;
  }
  .navbar-brand {
    padding-left: 42px;
  }
  #species-checkboxes {
      height:468px !important;
      overflow-y:auto;
  }
  #species-checkboxes > div {
    margin:0px;
    padding:0px !important;
  }
  #layerSwitcher {
      padding-right:0px !important;
  }
}
@media screen and (max-width:768px) {
  header {
    min-height:328px;
    padding-top:48px;
    margin-bottom:0;
    padding-bottom:15px;
    background-repeat: no-repeat;
    background-position: center;
  }
  header.vl-header-faj .row {
    margin-top:0;
    padding-bottom:60px;
  }
  header .vl-mainpage-titlebox {
    max-width:600px;
    margin:0px auto 10px auto;
  }

  header .vl-mainpage-header .text1 {
    max-height:70px;
  }
  header .vl-mainpage-header .text2 {
    max-height:40px;
  }
  .navbar-brand {
    padding-left: 0px;
  }
  #species-checkboxes {
      margin-bottom:15px;
  }
  #species-checkboxes > div {
    padding:0px !important;
    font-size:14px;
  }
  

}


header .vl-fajpage-header h3 {
  padding-top:2em;
}
header.vl-header-faj {
  text-shadow: 1px 1px rgba(0,0,0,0.8);
}
header h1.vl-species-title {
  font-weight:600;
  font-size:31px;
}
header .vl-species-latin {
  margin-top:20px;
  font-style:italic;
  font-weight:normal;
  font-size:20px;
}
header .vl-temafelelos a {
  text-decoration:none;
}
header .vl-temafelelos a:hover {
  text-decoration:underline;
  font-weight:400;
}
header .vl-temafelelos {
  margin-top:40px;
}
header .vl-temafelelos img.moderator {
  margin-left:15px;
  width:120px;
  height:120px;
}
header .vl-temafelelos h3 {
  padding-top:1.3em;
  font-size:17px;
}
header .vl-temafelelos p {
  margin:0px;
}
header .vl-species-link {
  text-shadow:none;
  opacity:0.5;
  margin-top:70px;
  border-radius:30px;
  width:50px;
  height:50px;
  cursor:pointer;
  font-size:24px;
}
header .vl-species-link:hover, .vl-carousel-control:hover {
  opacity:0.85;
}

.nav-secondary{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:15px;
    height:50px;
    background-color:rgb(225,216,161);
}

.nav-secondary > div > a {
        font-family: 'Open Sans',Verdana,sans-serif;
    list-style: none;
    box-sizing: border-box;
    background-color: transparent;
    text-decoration: none;
    position: relative;
    display: block;
    line-height: 20px;
    padding: 6px;
    border-radius: 3px;
    font-weight: 400;
    font-size: 12.8px;
    text-transform: uppercase;
    color: rgb(51,51,51);
}
.nav-secondary > div > a:hover {
    background-color:rgb(236,194,48);
}


section {
  min-height:532px;
  margin-top:0;
  margin-bottom:0;
  padding-top:100px;
  padding-bottom:100px;
  background-repeat:no-repeat;
  background-position:top center;
}
section.hirek {
  min-height:0px;
  padding-top:75px;
  padding-bottom:75px;
}
section.hirlista {
  min-height:0px;
}
section.smaller {
  min-height:0;
}
section.vl-login-section a.btn-lg.btn-block:hover {
  font-weight:normal;
}

footer {
  min-height:125px;
  font-size:14.5px;
}
footer .row {
  padding:30px 15px 30px 52px;
  max-width:none;
  margin:0px;
}

a:hover, a:active {
  text-decoration:none;
  font-weight:400;
}

nav {
  height:44px;
  font-weight:400;
}

#page-wrapper {
  margin-top:50px;
}

.vl-carousel-control {
  text-shadow:none;
  opacity:0.5;
  background-color:#fff;
  border-radius:30px;
  width:50px;
  height:50px;
  cursor:pointer;
  font-size:24px;
  z-index:999;
  position:relative;
  top:250px;
  padding-top:8px;
}
.vl-carousel-control.prev{
  text-align:left;padding-left:15px;float:left;
}
.vl-carousel-control.next{
  text-align:left;padding-left:19px;float:right;
}


.container-fluid .row {
  margin-left:auto;
  margin-right:auto;
  max-width:1240px;
}

.navbar-brand a:hover, .navbar-brand a:focus {
  background: transparent !important;
}
.navbar-inverse{
  background-color:transparent;
}
.navbar-fixed-top {
  border: none;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-inverse .navbar-nav>li>a {
  font-size:12.8px;
  text-transform:uppercase;
}
.navbar-inverse .navbar-nav>li>a:hover {
  font-weight:400;
}
.navbar a:hover,.navbar a:focus {
  text-decoration: none;
  font-weight:400;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
  font-weight:400;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  font-weight:400;
}
.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover {
  font-weight:400;
}
.dropdown-menu>li>a:hover {
  font-weight:400;
}
.navbar-collapse.collapse.in ul.nav.navbar-nav.navbar-right li.dropdown.open ul.dropdown-menu li a:hover {
  font-weight:400;
}
.nav>li>a {
  margin-top:8px;
  margin-left:8px;
  padding: 6px;
  border-radius:3px;
  font-weight:400;
}
.dropdown-menu>li>a {
  font-size:12.8px;
}
.dropdown-menu>li>a:hover {
  font-weight:400;
}


.vl-evemlose-item {
  text-align:center;
  display:inline-block;
}

.vl-small {
  font-size:0.8em;
}
.vl-image-320 {
  width:320px;
  margin-right:16px;
  margin-top:16px;
}
.vl-image-320 p {
  font-style:italic;
  margin-top:4px;
}
.vl-left {
  float:left;
}
.vl-right {
  float:right;
  text-align:right;
}
.vl-side-image {
  border:5px solid #fff;
  margin-bottom:15px;
}
.vl-image-full img {
  width:100%;
  margin-bottom:15px;
}
.vl-rolunk {
  min-height:410px;
}
.vl-rolunk h2 {
  margin-top:41px;
  margin-bottom:41px;
}
.vl-rolunk section p {
  margin-bottom:31px;
}
#species_slider {
  padding:0 !important;
}

.vl-thumbnail {
  padding:20px 20px 20px 20px;
}
.vl-thumbnail a:hover{
  font-weight:normal;
}
.vl-thumbnail .caption h3{
  font-size:18px;
}
.vl-thumbnail .caption h3:first-letter{
  text-transform:capitalize;
}
.vl-thumbnail .caption p{
  font-size:14px;
}

.vl-thumbnail .caption p.smaller{
  font-size:12px;
  margin-bottom:0px;
}
.vl-thumbnail .caption p.smaller:last-child{
  margin:0;
}
.vl-statsSection {
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
  padding:0;
  max-width:1200px;
}



/* image gallery container on species pages */
#thumbnail_container {
  min-width:200px;
  padding:2px !important;
}
.thumbs {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.thumbs li {
  margin-bottom:20px;
  list-style: none;
}
@media screen and (min-width:768px) {
  .thumbs li{
    display:block !important;
    margin-right:10px;
  }
}
@media screen and (max-width:768px) {
  .thumbs li{
    display:inline-block !important;
    margin-right:0px;
  }
}
.thumbs li img {
}

.observability {
  width:100%;display:flex;flex-direction:row;align-items:stretch;margin-top:30px;
}
.observability > div {
  padding:15px 0 15px 0;
  flex-grow:1;
  font-weight:bold;
  
  text-shadow:
     -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;
}
@media screen and (max-width:768px) {
  .observability > div {
    font-size:13px;
  }
}
@media screen and (min-width:768px) {
  .observability > div {
    font-size:unset;
  }
}


.vl-evemlose-item {
  display:inline-block;
  margin:0px 11px 22px 11px;
  width:140px;
  text-align:center;
}
.vl-evemlose-item .circle {
  width:140px;height:140px;
}
.vl-rolunk-item {
  display:inline-block;
  margin:0px 11px 22px 11px;
  width:180px;
  text-align:center;
}
.vl-rolunk-item .circle {
  width:140px;height:140px;
}


.vl-slider-item {
  display:inline-block;
  margin:0px 11px 22px 11px;
  max-width:110px;
}
.vl-slider-item .circle {
  width:110px;height:110px;
}
.vl-slider-item .circle.with-star {
  background-size:110px 110px;
  background-repeat:no-repeat;
  background-position:center;
}
.vl-slider-item .circle.the-star {
  padding-top:90px;
}
.vl-slider-item .circle.the-star img {
  width:30px;
  height:30px;
}
.vl-slider-item a:hover, .vl-slider-item a:active {
  text-decoration:none;
  font-weight:400;
}

.vl-fajnevcontainer {
  font-weight:normal;
  text-align:center;
}
.vl-fajnevcontainer a {
  text-decoration:none;
}
.vl-fajnev {
  font-family:'Open Sans',Helvetica,sans-serif;
  font-size:14px;
  margin-top:15px;
  margin-bottom:10px;
}
.vl-latin {
  font-size:12.8px;
  margin:0px;
}
.vl-captioncontainer {
  margin-top:14px;
  padding:0px 16px 0px 16px;
}
.vl-captioncontainer a {
  font-size:21px;
  text-decoration:none;
  user-select: none;
}


.vl-statsSection h4 {
  font-family:'Open Sans',Helvetica,sans-serif;
  font-size:14px;
  margin-top:15px;
  margin-bottom:10px;
  text-align:center;
}
.vl-statsSection .chart-item {
  display:inline-block;
  margin:-22px 32px 44px 32px;
}
.vl-statsSection .chart-item h4 {
  margin-top:-7px;
}
.vl-statsSection .chart-item .piechart{
  width:220px;
  height:220px;
}
.statsblock {
  width:178px;
  height:178px;
  border-radius:420px;
  text-align:center;
  padding-top:50px;
  margin-left:54px;
  margin-right:54px;
}
.statsblock.double {
  padding-top:40px;
}

#datepicker input {
  font-family:'Open Sans Light',Verdana,sans-serif;
}


#layerSwitcher {
  user-select: none;
}
#layerSwitcher a {
  color:rgb(51,51,51) !important;
}
#layerSwitcher label {
  font-weight:normal;margin:0;
}
#layerSwitcher img {
  margin-left:5px;margin-right:5px;width:10px;height:10px;
}

@media print {
  #mapcanvas {
    margin-top:35px;
    width:100%;
    height:18cm;
  }
}
@media screen {
  #mapcanvas {
    margin-top:0px;
    height:570px;
    width:100%;
    background-color:#fff;
  }
}


.btn-group.active-bold label.active {
  font-weight:bold;
}

.vl-bejelentes dd {
  margin-left:2em;
  margin-bottom:1em;
}


#backtotop {
  width:60px;
  height:60px;
  cursor: pointer;
  padding-top:14px;
  font-size:20px;
  border-radius:50px;
  text-align:center;
  position: fixed;
  z-index:9999;
  bottom: 135px;
  right: 10px;
  display:none;
}

#team .vl-staff-pic {
  width:170px;
  height:210px;
  margin:0px 10px 15px 10px;
}
#team .vl-staff-pic>p {
  margin:0;
  text-align:center;
}
.modal-body .bio {
  min-width:75%;
  max-width:1000px;
}
label.disabled {
  opacity:0.5;
}
label {
  opacity:1;
}

.no-left-padding {
  padding-left:0px;
}

form a.fa {
  color:#474426;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}

#inputform label {
  font-weight: 600;
}
#inputform .radio label, #inputform .checkbox label {
  font-weight: 400;
}

#inputform > div > div > div{
  margin-top:15px;
}

#inputform .radio, #inputform .checkbox{
  margin-top:5px;
}

#inputform .btn-file, #cropimage .btn-file {
  position: relative;
  overflow: hidden;
}
#inputform .btn-file input[type=file], #cropimage .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
#photopreview {
  display:none;
}
#cropimage #photo {
  max-height:360px;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

.ekko-lightbox-nav-overlay a:hover {
  color:rgba(255,255,255,0.85);
}

.modal-body a {
  color:rgb(51,51,51);
}
.modal-body a:hover {
  font-weight:400;
}

.password-verdict{
    color:rgb(51,51,51);
}

#mapSection .map-species-filter {
    display:inline-block;
    border-radius:30px;
    padding:10px;
}
#mapSection .map-species-filter input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
#mapSection .map-species-filter label {
    margin:0;
    padding:0;
}


/* species colours */
header.keleti_sun            {background-color: rgb(242,85,0);}
header.kozonseges_mokus      {background-color: rgb(242,133,0);}
header.kozonseges_urge       {background-color: rgb(218,165,32);}
header.kozonseges_vakond     {background-color: rgb(255,186,0);}
header.foltos_szalamandra    {background-color: rgb(128,128,0);}
header.zold_levelibeka       {background-color: rgb(0,102,51);}
header.mocsari_teknos        {background-color: rgb(63,60,29);}
header.imadkozo_saska        {background-color: rgb(2,79,79);}
header.szarvasbogar          {background-color: rgb(102,102,153);}
header.csikos_medvelepke     {background-color: rgb(180,107,162);}
header.farkasalma_lepke      {background-color: rgb(176,48,96);}
header.feher_tunderrozsa     {background-color: rgb(243,179,202);}
header.hovirag               {background-color: rgb(255,159,159);}
header.leanykokorcsin        {background-color: rgb(204,114,114);}
header.szuros_csodabogyo     {background-color: rgb(149,116,116);}
header.tavaszi_herics        {background-color: rgb(105,105,105);}
header.turbanliliom          {background-color: rgb(176,175,216);}
header.kornistarnics         {background-color: rgb(79,95,128);}
header.deneverek             {background-color: rgb(180,107,162);}
header.nappali_pavaszem      {background-color: rgb(176, 48, 96);}

.bg-keleti_sun            {background-color: rgb(242,85,0);}
.bg-kozonseges_mokus      {background-color: rgb(242,133,0);}
.bg-kozonseges_urge       {background-color: rgb(218,165,32);}
.bg-kozonseges_vakond     {background-color: rgb(255,186,0);}
.bg-foltos_szalamandra    {background-color: rgb(128,128,0);}
.bg-zold_levelibeka       {background-color: rgb(0,102,51);}
.bg-mocsari_teknos        {background-color: rgb(63,60,29);}
.bg-imadkozo_saska        {background-color: rgb(2,79,79);}
.bg-szarvasbogar          {background-color: rgb(102,102,153);}
.bg-csikos_medvelepke     {background-color: rgb(180,107,162);}
.bg-farkasalma_lepke      {background-color: rgb(176,48,96);}
.bg-feher_tunderrozsa     {background-color: rgb(243,179,202);}
.bg-hovirag               {background-color: rgb(255,159,159);}
.bg-leanykokorcsin        {background-color: rgb(204,114,114);}
.bg-szuros_csodabogyo     {background-color: rgb(149,116,116);}
.bg-tavaszi_herics        {background-color: rgb(105,105,105);}
.bg-turbanliliom          {background-color: rgb(176,175,216);}
.bg-kornistarnics         {background-color: rgb(79,95,128);}
.bg-deneverek             {background-color: rgb(180,107,162);}
.bg-nappali_pavaszem      {background-color: rgb(176, 48, 96);}


/* chart colours */
.highcharts-root                              {font-family:'Open Sans',Verdana,sans-serif !important;}
.highcharts-grid-line, .highcharts-xaxis path, .highcharts-yaxis path {stroke:#ccc !important;}
.highcharts-series path.yes                   {fill:rgb(92, 184, 92);}
.highcharts-series path.no                    {fill:rgb(217, 83, 79);}

.highcharts-series path.keleti_sun            {fill:rgb(242,85,0);}
.highcharts-series path.kozonseges_mokus      {fill:rgb(242,133,0);}
.highcharts-series path.kozonseges_urge       {fill:rgb(218,165,32);}
.highcharts-series path.kozonseges_vakond     {fill:rgb(255,186,0);}
.highcharts-series path.foltos_szalamandra    {fill:rgb(128,128,0);}
.highcharts-series path.zold_levelibeka       {fill:rgb(0,102,51);}
.highcharts-series path.mocsari_teknos        {fill:rgb(63,60,29);}
.highcharts-series path.imadkozo_saska        {fill:rgb(2,79,79);}
.highcharts-series path.szarvasbogar          {fill:rgb(102,102,153);}
.highcharts-series path.deneverek             {fill:rgb(180,107,162);}
.highcharts-series path.csikos_medvelepke     {fill:rgb(180,107,162);}
.highcharts-series path.farkasalma_lepke      {fill:rgb(176,48,96);}
.highcharts-series path.feher_tunderrozsa     {fill:rgb(243,179,202);}
.highcharts-series path.hovirag               {fill:rgb(255,159,159);}
.highcharts-series path.leanykokorcsin        {fill:rgb(204,114,114);}
.highcharts-series path.szuros_csodabogyo     {fill:rgb(149,116,116);}
.highcharts-series path.tavaszi_herics        {fill:rgb(105,105,105);}
.highcharts-series path.turbanliliom          {fill:rgb(176,175,216);}
.highcharts-series path.kornistarnics         {fill:rgb(79,95,128);}
.highcharts-series path.nappali_pavaszem      {fill:rgb(176, 48, 96);}

#distributionBar .keleti_sun          rect.highcharts-point    {stroke:none;fill:rgb(242,85,0);}
#distributionBar .kozonseges_mokus    rect.highcharts-point    {stroke:none;fill:rgb(242,133,0);}
#distributionBar .kozonseges_urge     rect.highcharts-point    {stroke:none;fill:rgb(218,165,32);}
#distributionBar .kozonseges_vakond   rect.highcharts-point    {stroke:none;fill:rgb(255,186,0);}
#distributionBar .foltos_szalamandra  rect.highcharts-point    {stroke:none;fill:rgb(128,128,0);}
#distributionBar .zold_levelibeka     rect.highcharts-point    {stroke:none;fill:rgb(0,102,51);}
#distributionBar .mocsari_teknos      rect.highcharts-point    {stroke:none;fill:rgb(63,60,29);}
#distributionBar .imadkozo_saska      rect.highcharts-point    {stroke:none;fill:rgb(2,79,79);}
#distributionBar .szarvasbogar        rect.highcharts-point    {stroke:none;fill:rgb(102,102,153);}
#distributionBar .deneverek           rect.highcharts-point    {stroke:none;fill:rgb(180,107,162);}
#distributionBar .csikos_medvelepke   rect.highcharts-point    {stroke:none;fill:rgb(180,107,162);}
#distributionBar .farkasalma_lepke    rect.highcharts-point    {stroke:none;fill:rgb(176,48,96);}
#distributionBar .feher_tunderrozsa   rect.highcharts-point    {stroke:none;fill:rgb(243,179,202);}
#distributionBar .hovirag             rect.highcharts-point    {stroke:none;fill:rgb(255,159,159);}
#distributionBar .leanykokorcsin      rect.highcharts-point    {stroke:none;fill:rgb(204,114,114);}
#distributionBar .szuros_csodabogyo   rect.highcharts-point    {stroke:none;fill:rgb(149,116,116);}
#distributionBar .tavaszi_herics      rect.highcharts-point    {stroke:none;fill:rgb(105,105,105);}
#distributionBar .turbanliliom        rect.highcharts-point    {stroke:none;fill:rgb(176,175,216);}
#distributionBar .kornistarnics       rect.highcharts-point    {stroke:none;fill:rgb(79,95,128);}
#distributionBar .nappali_pavaszem    rect.highcharts-point    {stroke:none;fill:rgb(176, 48, 96);}

g.total path.highcharts-area                  {fill:rgba(208,201,157,0.6);}
g.total path.highcharts-point                 {fill:rgb(171, 165, 127);stroke:rgb(171, 165, 127);}
g.total path.highcharts-point-hover           {fill:rgb(171, 165, 127);stroke:rgb(171, 165, 127);}
g.total path.highcharts-graph                 {stroke:rgb(171, 165, 127);}

.highcharts-background {fill:none;}
.piechart {height:236px;}
.highcharts-credits {display:none;}

.privacypolicy h2 {margin-bottom:10px;margin-top:30px;}