@import url("hvd-inner.css"); 
:root {
    --green: #225558;
	--lgreen: #1a797f;
    --red: #8a002a;
	--dred: #5d001c;
    --white: #ffffff;
	--black: #000000;
    --lgray: #efefef;
	--gray: #cbcbcb;/*belső lenyíló*/
	--dgray: #646464;
    --text: #dee1cb;
    --dblue: #003f55;
    --ddgray: #4c4c4c;
}


body{
    font-family: Montserrat, var(--bs-font-sans-serif) !important;
    font-size: 1rem;
	background-color: var(--white);
}

.menu-flag {

    opacity: 0.8;

    transition: opacity linear 0.3s;

    margin-top: -3px;

}



.menu-flag:hover {

    opacity: 1;

}

p a {

    color: var(--lgreen);
font-weight: 600;
text-decoration: none;
transition: color linear 0.3s;
}

p a:hover{

    color: var(--dgreen);
text-decoration: underline;
}

.inner-content-text ul{
list-style: disc;
padding-left: 2rem;

}

.color_label {
      position: absolute;
   }
 .color_label.sz_100 {
      top:0%;
   }
   .color_label.sz_75 {
      top:21%;
   }
   .color_label.sz_50 {
      top:40%;

   }

   .color_label.sz_25 {
      top:71%;

   }

   .color_label.sz_0 {
       bottom:0%;


   }

 #szinatmenet_skala {
        padding-left: 0 !important;
         padding-left:0;
        display: block;
        height: 37vh;
        position: relative;

    }

.h2-gray>a {
    color: var(--dgray);
    text-decoration: none;
    transition: color linear 0.3s;
}



.h2-gray>a:hover {
    color: var(--green);
    text-decoration: underline;
}

img{
	max-width: 100%;
}

.felsoindex {
        color: var(--red);
        font-weight: bold;
        transition: color linear 0.3s;
    }

    .felsoindex:hover {
        color: #c73f1d;
        cursor: pointer;
    }
    .szomagyarazat {
       font-weight: bold;
    }

 .lenyilo:after,
    .lenyilo2:after,
    .lenyilo3:after {
        content: '\02795';
        font-size: 13px;
        color: white;
        float: right;
        margin-left: 5px;
    }

    .lenyilo.active:after,
    .lenyilo2.active:after,
    .lenyilo3.active:after {
        content: "\02796";
        font-size: 13px;
        color: white;
        float: right;
        margin-left: 5px;
    }
.szoveg_abra {

                     max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto;

         }
      .tabla_abra {


        margin: 0 auto;

         }
      .tabla_abra, th {
          border: 2px solid black;
          padding-top:15px;
           padding-bottom:15px;
                 padding-left:25px;
                 padding-right:25px;
      }

             .tabla_abra, td {
                 border: 1px solid black;
           padding-top:15px;
           padding-bottom:15px;
                 padding-left:25px;
                 padding-right:5px;
             }

         .szoveg_abra_felirat{
            /* left:50%;*/
             max-width: 600px;
             position:relative;;
         }
         .tablazat_abra_felirat{
            /* left:50%;*/
             max-width: 600px;
             position:relative;;
         }


.h2-gray{
	color: var(--dgray);
	font-weight: 400;
}

.bg-white{
	background-color: var(--white);
}

.bg-gray{
	background-color: var(--lgray);
}
/***************navbar felső menü***************/

header {
    position: relative;
}

.navbar-white{
	background-color: var(--white);
	border-bottom: 1px solid var(--gray);
}
.navbar-nav-white>.nav-item>.nav-link{
	color: var(--black);
	font-size: 1.25rem;
	font-weight: 500;
	text-transform: uppercase;
	transition: color linear .3s;
}

.navbar-nav-white>.nav-item>.nav-link:hover,
.navbar-nav-white>.nav-item>.nav-link:active,
.navbar-nav-white>.nav-item>.nav-link.active{
	color: var(--green);
}

.navbar-nav-white>.nav-item>.nav-link.nav-link-kutatas i::before {
    transition: transform linear 0.3s;
}

/*.menuikon i::before{

    transform: rotate(90deg);
}*/

/*.navbar-nav-white>.nav-item>.nav-link.nav-link-kutatas:hover i::before {
    transform: rotate(90deg);
}*/
/*
.navbar-nav-white>.nav-item.navitem-kutatas:hover .navbar-almenu {
    opacity: 1;
    padding: 1rem 1rem 0.7rem 1rem;
    height: auto;
}
*/
.navbar-nav-white>.nav-item>.nav-link.nav-link-logo img{
	margin-bottom: 5px;
}

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

/***************főoldal kép***************/

.main-img{
	
}

.main-img-title{
	position:absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 7rem;	
}
.main-img-title>h1{
    font-size: 3.5rem;
    font-weight: 500;
	text-align: center;
    color: var(--white);
	text-shadow: 0px -1px 2px rgb(255 255 255 / 70%);
	line-height: 1.4;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .3);
}

.navbar-almenu {
	position: absolute;
   /* bottom: auto;*/
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 1;
    /*opacity: 0;*/
    /*transition: all linear .3s;*/
    /*height: 0;*/
    padding: 1rem 1rem;
    /*overflow: hidden;*/
	display: none;
	top: 100%;
}

.navbar-nav-almenu>.nav-item>.nav-link{
    /*font-family: "League Gothic", var(--bs-font-sans-serif);
	color: var(--green);
	font-size: 1.7rem;
	font-weight: 500;
    text-transform: uppercase;
    transition: color linear .3s;*/
    /*font-family: "League Gothic", var(--bs-font-sans-serif);*/
    color: var(--black);
    font-size: 1.07rem;
    font-weight: 600;
	transition: color linear .3s;
}

.navbar-nav-almenu>.nav-item>.nav-link:hover,
.navbar-nav-almenu>.nav-item>.nav-link:active,
.navbar-nav-almenu>.nav-item>.nav-link.active{
	color: var(--red);
}



/*************************csempék************************/

.container-gray {
    background-color: var(--lgray);
}

.main-csempe {
    text-align: center;
    position: relative;
	overflow: hidden;
	transition: box-shadow linear 0.3s;
	border: 1px solid var(--gray);
}

.main-csempe:hover >img{
	transform: scale(1.05);
	
}

.main-csempe:hover{
	box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
	border: 1px solid var(--gray);
}


.main-csempe:hover .csempe-cim{
	opacity: 0;
}

.main-csempe>img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    
	transition: transform linear 0.3s, box-shadow linear 0.3s;
}

.csempe-cim {
    position: absolute;
    width: 100%;
    /*visibility: visible;*/
	opacity: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10%;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.75);
	transition: opacity linear 0.4s;
}

.csempe-cim>h4 {
    font-family: "League Gothic", var(--bs-font-sans-serif);
    color: var(--black);
    font-size: 3.2rem;
    text-transform: uppercase;
    margin-bottom: 0;
}

.csempe-cim>h4>i {
    font-size: 2rem;
    color: var(--red);
}

.csempe-cim>h4>i::before {
    vertical-align: 0.2em;
}

.csempe-hover-cim{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	background-color: rgba(255, 255, 255, 0.75);
	height: 0;
	transition: opacity linear 0.4s, height linear 0.4s;
}

.main-csempe:hover>.csempe-hover-cim{
	height: auto;
	opacity: 1;
}

.csempe-hover-cim > p{
	color: var(--black);
	font-size: 1.2rem;
	font-weight: 500;
}
/************************célkitúzés************************/

.main-headline{
	font-family: "League Gothic", var(--bs-font-sans-serif);
	color: var(--green);
	text-align: center;
	font-size: 4.5rem;
	text-transform: uppercase;
	border-bottom: 4px solid var(--green);
	padding-bottom: 1rem;
}

.main-headline.red-headline{
	border-color: var(--red);
	color: var(--red);
}


.main-p-cel{
	text-align: justify;
    font-size: 1.2rem;
	color: var(--dgray);
}

.btn.btn-green,
.btn.btn-red {
	border-radius: 2px;
	font-size: 1.2rem;
	padding: 0.4rem 1.5rem;
	border: none;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus ,
.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

.btn.btn-green {
	background-color: var(--green);
}

.btn.btn-green:hover {
	background-color: var(--lgreen);
}

.btn.btn-red {
	background-color: var(--red);
}

.btn.btn-red:hover {
	background-color: var(--dred);
}

.btn-primary:focus{
	box-shadow: none !important;
}

.btn-check:active+.btn-primary.btn-red,
.btn-check:checked+.btn-primary.btn-red,
.btn-primary.btn-red.active,
.btn-primary.btn-red:active,
.show>.btn-primary.btn-red.dropdown-toggle {
	background-color: var(--red);
}

.btn-check:focus+.btn-primary.btn-red,
.btn-primary.btn-red:focus {
	background-color: var(--dred);
}

.btn-check:active+.btn-primary.btn-green,
.btn-check:checked+.btn-primary.btn-green,
.btn-primary.btn-green.active,
.btn-primary.btn-green:active,
.show>.btn-primary.btn-green.dropdown-toggle {
	background-color: var(--lgreen);
}

.btn-check:focus+.btn-primary.btn-green,
.btn-primary.btn-green:focus {
	background-color: var(--lgreen);
}

/************************kutatók************************/

.main-photo{
	border-radius: 50%;
    overflow: hidden;

}

.main-name-red,
.main-name-green{
	font-family: "League Gothic", var(--bs-font-sans-serif);
	font-size: 3rem;
}

.main-name-red{
	color: var(--red);
}

.main-name-green{
	color: var(--green);
}

.main-tit{
	color: var(--dgray);
	font-size: 1.6rem;
	font-weight: 400;
}

.main-kutato-szöveg{
	text-align: justify;
	font-size: 1.2rem;
}

/************************publikációk************************/
/*
.main-pub> img{
	border: 1px solid var(--gray);
	transition: all linear .3s;
	cursor: pointer;
}

.main-pub> img:hover{
	transform: scale(1.05);
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3);	
}
*/
.main-pub-ul {

    list-style: none;

    display: flex;

    /* border: 1px solid grey; */

    flex-wrap: nowrap;

    justify-content: center;

}



.main-pub-ul li {

    overflow: hidden;

}



.main-pub-ul:hover {

    cursor: pointer;

}



.main-pub-ul li img {

    transition: transform linear .3s;

}



.main-pub-ul:hover li img {

    transform: scale(1.05);

}
/************************footer************************/

footer{
	background-color: var(--lgray);
	padding: 1rem;
}

.foot-logo > img{
	width: 200px;
	object-fit: cover;
}

.foot-content a {

    color: var(--green);
    font-weight: 600;
    text-decoration: none;

transition: linear color 0.3s;
}

.foot-content a:hover {
color: var(--lgreen);
text-decoration: underline;
}


.tabla_abra td{
font-weight: 400;
}

/************************media query************************/

@media (max-width: 767.98px) {
    /*.main-photo*/
    .main-photo {
        max-width: 60%;
        margin: 0 auto 1rem;
    }
}

@media (max-width: 1199.98px) {
    .navbar-nav-white>.nav-item>.nav-link {
        /*font-size: 0.9rem;*/
    }

}

@media (max-height: 800px) {
    #szinatmenet_skala {
        height: 30vh !important;
    }
.div_terkep {
    height: 85vh !important;
}
}

@media (max-width: 1300.98px) {

    .latszik {
        display: none;
    }
    #map_export_div {
        width: 80px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .main-img-title>h1 {
        font-size: 3.8rem;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .main-img-title>h1 {
        font-size: 3rem;
        text-align: center;
        font-weight: 400;
        line-height: 1.1;
    }
    .main-img-title {
        left: 3rem;
    }
}

@media (min-width: 992px) and (max-width: 1398.98px) {
    .csempe-cim>h4 {
        font-size: 2.2rem;
    }
    .csempe-cim>h4>i::before {
        vertical-align: -0.1em;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /*.main-kutato{
		flex-direction: column;
	}*/
    .main-photo {
        max-width: 70%;
        margin: 0 auto 1rem auto;
    }
	 .csempe-cim>h4 {
        font-size: 2.2rem;
    }
    .csempe-cim>h4>i::before {
        vertical-align: -0.1em;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .main-img-title>h1 {
        font-size: 2rem;
        text-align: left;
        font-weight: 400;
        line-height: 1.1;
    }
    .main-img-title {
        left: 2rem;
    }
    .csempe-cim {
        /*width: 75%;*/
    }
}

@media (max-width: 575.98px) {
    .main-img-title>h1 {
        font-size: 1.7rem;
        text-align: left;
        font-weight: 400;
        line-height: 1.1;
    }
    .main-img-title {
        left: 2rem;
    }
    .csempe-cim {
        width: 75%;
    }
}

@media (max-width: 546px) {
     .csempe-cim>h4 {
        font-size: 2.7rem;
    }
    .csempe-cim>h4>i::before {
        vertical-align: 0;
    }
}

@media (max-width: 450px) {
    .main-img-title {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .navbar-almenu {
        position: relative;
        /*border-bottom: 1px solid var(--green);
        border-top: 1px solid var(--green);*/
		background-color: var(--lgray);
		padding: 0 1rem;
    }
	.navbar-almenu .navbar-nav-almenu .nav-item{
		border-bottom: 2px solid var(--white);
		padding: 0.5rem;
		margin: 0;
	}
	.navbar-almenu .navbar-nav-almenu .nav-item:last-child{
		margin-bottom: 0;
    }
}