/*Platan fooldal*/
/*fioknal kek #336699; helyett: #82af5d;*/

:root{
  --green: #82af5d;
  --blue: #369;
  --drap: #e5e2c9;
  --opkGrey: #868e96;
  --darkGreen: #006F47;
}

.lcase{text-transform: lowercase;}

.ucase{text-transform: uppercase;}

.loader{
    border: .5rem solid #e5e2c9; /* Light grey */
    border-top: .5rem solid #006F47; /* darkGreen */
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    animation: spin 1s linear infinite;
    display: flex;
    margin: 0 auto;
}

@keyframes spin{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.modal{display: block;}

.modal-content{	border-color: #006F47;}

.modal-footer{border-top: none;}

#script-warning{visibility: hidden;}

/*Koronavirus miatt*/
.little-title{margin-top: 1.5rem;}

a{
  color: #006F47;
  outline: none;
}

a:hover{
	text-decoration: none;
	color: #7BC521;
}

.input-group-append button{border-radius: 0 .3rem .3rem 0 !important;}

.input-group-append button:hover{	background-color: #fff;}

.pager-opk{display: flex;}

.prev-icon.disabled,.next-icon.disabled{display: none;}

.card,.card-header{background-color: #fff !important;}

.card-header{border-bottom: 1px solid #006F47;}

.card{border: none;}

.nav-tabs{border-bottom: 1px solid #006F47;}

.nav-link.active{border-color: #006F47 #006F47 #fff !important;}

.nav-link:hover{border-color: var(--drap) !important;}

.tab-content{margin-top: 2rem;}

.icon30{font-size: 30px;}

.no-border{border: none;}

.badge-darkGreen{background-color: #006F47;}

header{padding: 2em 0;}

#header header,.develop-background{background-color: #006F47;}

.logo{
  width: 100%;
  max-width: 255px;
  height: auto;
}

.header-icon i{margin-top: 3px;}

/*Bootstrap kek keret eltuntetese a nyomogombok korul*/
.btn:focus,.btn:active,a:focus,a:active,input:focus,input:active{box-shadow: none !important;}

input:focus{border-color: #ced4da !important;}

.btn-primary{
  background-color: #006F47;
  border-color: #006F47;
}
.btn-primary:hover,.btn-primary:hover::before{
  color: #006F47 !important;
  background-color: #fff !important;
  border-color: #006F47 !important;
}

#open{background: url('../images/ora_pl.jpg') center center no-repeat;}

#map{background: url('../images/contact ikon_vilagos.png') center center no-repeat;}

#newsletter{background: url('../images/Hirlevel ikon_vilagos.png') center center no-repeat;}

#fb{background: url('../images/fb_pl.jpg') center center no-repeat;}

#insta{background: url('../images/insta_pl.jpg') center center no-repeat;}

#search{background: url('../images/kereso_pl.jpg') center center no-repeat;}

#open::before{background: url('../images/ora_pl.jpg') center center no-repeat;}

#map::before{content: url('../images/contact ikon_vilagos.png');}

#newsletter::before{content: url('../images/Hirlevel ikon_vilagos.png');}

#fb::before{content: url('../images/fb_pl.jpg');}

#insta::before{content: url('../images/insta_pl.jpg');}

#search::before{background: url('../images/kereso_pl.jpg') center center no-repeat;}

#open:hover{background: url('../images/ora_ek.jpg') center center no-repeat;background-position: bottom left;}

#map:hover{background: url('../images/contact ikon_sotet.png') center center no-repeat;}

#newsletter:hover{background: url('../images/Hirlevel ikon_sotet.png') center center no-repeat;}

#fb:hover{background: url('../images/fb_ek.jpg') center center no-repeat;}

#insta:hover{background: url('../images/insta_ek.jpg') center center no-repeat;}

#search:hover{background: url('../images/kereso_ek.jpg') center center no-repeat;}

#btn-search{background-image: url('../images/kereso_pl_2.jpg');}

#btn-search::before{background-image: url('../images/kereso_pl_2.jpg');}

#btn-search:hover{background-image: url('../images/kereso_ek_2.jpg');}

.btn-outline-white{
  color: #fff;
  border-color: #fff;
}

.btn-outline-white:hover{
  color: #006F47;
  background-color: #fff;
  border-color: #fff;
}

.btn-xlg{
  padding: 1rem 2rem;
  font-size: 1.5rem;
  line-height: 1.7rem;
  border-radius: 0.3rem;
}

.btn-rounded{
  background-color: #006F47;
  color: #fff;
  border-radius: 5rem;
} 

.btn-rounded:focus{
  background-color: #fff;
  color: #006F47;
  border-color: #fff;
	box-shadow: 0 1px 6px rgba(0,68,102,.4);
}

.collapse-nav .card, #ehk:hover{color: #FFF;}

#ehk:hover{background-color: #FFF !important;}

nav{font-size: .9rem;}

.navbar{
	background-color: #7BC521;
	padding-left: 0;
	padding-right: 0;
}

.navbar a.nav-link:hover{color: #000;}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.nav-item a{
	font-size: 1.1em;
	color: #fff;
}

/*Koronavirus miatt bele lett rakva a #programs img. Majd kivenni*/
#carousel,#publications img,#scientific .card,#programs img{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#cat h2{
  padding-left: 1rem;
  margin-top: 2rem;
}

#news .carousel-indicators li{background-color: #006F47;}

/*Koronavirus miatt. Majd kivenni*/
#news .btn{margin-top: 2rem;}

#programs{height: 50%;}

#carousel img,#programs_carousel img{
  width: 100%;
  height: 100%;
}

#carousel .carousel-indicators li.active{background-color: #006F47;}

#programs_carousel .carousel-caption{
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  opacity: 0.7;
}

/*Koronavirus matt*/
#carousel .mb-3{margin-bottom: 0 !important;}

.fb-like{margin-bottom: 2rem;}

#programs .btn{
  margin-top: 3rem;
  margin-right: 3rem;
}

.nav-tabs .nav-link{color: #006F47;}

#book_slide,#abook_slide,#movie_slide,#calendar_cont{
	margin-top: 5rem;
	margin-bottom: 3rem;
}

/*carousel pictures fully responsive*/
#abook_slide img,.media-carousel img{
  height: 18.125rem;
  width: auto;
}

.public{
  position: absolute;
  top: 50%;
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  background-color: #006F47;
}

.media-carousel .row{height: 19rem;}

.media-carousel img,.gallery_product img{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

footer{color: #FFF;}

#contact,#logos,#copyright{padding: 1rem;}

#contact,#copyright{background-color: #006F47;}

#logos,#copyright{margin-top: 1rem;}

#logos{
	min-width: 1rem;
	height: 8.5rem;
}

#logos a.btn{
	padding: 0;
	margin: 0;
}

footer ul{list-style-type: none;}

footer ul li{margin: 2rem 0;}

footer a{color: #FFF;}

footer a:hover{color: #000 !important;}

#footer-one{
	background: url('../images/konyvmegallo_black.jpg') center center no-repeat;
	height: 5.438rem;
	width: 20rem;
	margin-top: .7rem !important;
}

#footer-two,#footer-three{
	height: 6.438rem;
	width: 23.75rem;
}

#footer-two{background: url('../images/2020_cimlogo_kek_arany.jpg') center center no-repeat;}

#footer-three{background: url('../images/obudalogo_RGB.jpg') center center no-repeat;}


#logos,#copyright{margin-top: 1rem;}        

.responsive {
    width: 50%;
    max-width: 200px;
    height: auto;
}

#calendar{margin: 0 auto;}

#publications .card{border: none;}

#polite article,#scientific article,.voice article,.movie article{
  border-bottom: 1px solid #006F47;
  padding-bottom: 1rem;
}

#articles article{margin-bottom: 1rem;}

.img-pub{
	height: 18.125rem;
	width: auto;
}

.page-item.active .page-link{
	background-color: #006F47;
	border-color: #006F47;
}

.page-link:focus, .page-link:hover,.page-link{color: #006F47;}

.page-item.disabled{display: none;}

/*Calendar*/
.fc-right .fc-prev-button, .fc-right .fc-next-button,
.fc-left .fc-prev-button, .fc-left .fc-next-button,
.fc-right .fc-button{
  background-color: #006F47;
  background-image: none;
  color: #fff;
  border: none;
  height: 2.8em !important;
}

.fc-right .fc-state-active{
  background-color: #fff;
  background-image: none;
  color: #000;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row,
.fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{
  border-color: #006F47 !important;
}

/*Listaban datum balra*/
.fc-list-heading-alt{float: right  !important;}

/*Listaban nap jobbra */
.fc-list-heading-main{float: left !important;}

/*Idopont elrejtese listaban es tablazatban*/
.fc-list-item-time,.fc-time{display: none  !important;}

/*Lista megjelenitesnel ne tegye ki teljes magassagra a dobozt, eleg csak amennyi szoveg van*/
.fc-scroller{height: auto !important;}

/*Mai nap hatterenek megvaltoztatasa*/
.fc-unthemed td.fc-today{background-color: #CCC !important;}

/*Effects*/
.sweep-to-right,.sweep-to-right-rounded{
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: #fff 1000ms;
  transition: #fff 1000ms;
}

.sweep-to-right::before,.sweep-to-right-rounded::before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
}

.sweep-to-right:hover,.sweep-to-right-rounded:hover{border-color: #006F47;}

.sweep-to-right:hover::before,.sweep-to-right-rounded:hover::before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.sweep-to-right-rounded:before{border-radius: 5rem;}

.sweep-to-right-rounded:hover{box-shadow: 0 1px 6px rgba(0,68,102,.4);}

.abc{font-size: .7em;}

/*gallery*/
.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

.back-to-top{
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display:none;
}

.cookieinfo-close{border: 1px solid #fff;}

.cookieinfo a{
	color: #fff !important;
	text-decoration: underline  !important;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 576px){
  #header,#social{text-align: center;}
  
  .logo{margin-bottom: 1rem;}
  
  .navbar-nav{padding-left: 1rem;}
  
  .little-title{font-size: 1.1rem;}
  
  .carousel-caption{
    padding-top: .5rem;
    padding-bottom: .5rem;
  }
  
  .carousel-indicators{bottom: -.5rem;}
  
  .media-carousel img,.gallery_product img{box-shadow: none;}
    
  #book_slide{
    margin-top: 3.5rem;
    margin-bottom: 1rem;
  }
  
  #abook_slide{
    margin-top: 1rem;
    margin-bottom: -1.5rem;
  }
  
  #movie_slide{
    margin-top: 3.5rem;
    margin-bottom: -3rem;
  }
  
  #abooks_carousel img{
    height: auto;
    width: 100%;
    margin-top: 22.5%
  }

 #movies_carousel img{
    height: auto;
    width: 80%;
  }
  
  .public{
		height: 2rem;
		width: 2rem;
  }

	.carousel-control-next-icon, .carousel-control-prev-icon{
		height: 10px;
		width: 10px;
	}
	
  .using-icon figure img{
    height: 5rem;
    margin-bottom: .2rem;
  }
  
  footer{margin-top: 2rem;}
  
	#logos{margin-bottom: 13rem !important;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px){
  #header,#social{text-align: center;}
  
  .logo{margin-bottom: 1rem;}

  .navbar-nav{padding-left: 1rem;}
  
  .little-title{font-size: 1.1rem;}
  
  .carousel-caption{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  .carousel-indicators{bottom: -.7rem;}
  
  .media-carousel img,.gallery_product img{box-shadow: none;}

  #books{padding: 0;}
  
  #abooks_carousel img{
    height: auto;
    width: 100%;
    margin-top: 22.5%
  }

 #movies_carousel img{
    height: auto;
    width: 80%;
  }

  footer{margin-top: 2rem;}

  #logos{margin-bottom: 13rem !important;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px){
  #header,#social{text-align: center;}
  
  .logo{margin-bottom: 1rem;}

  .navbar-nav{padding-left: 1rem;}
  
  #books{padding: 0;}

  footer{margin-top: 2rem;}
  
  #logos{margin-bottom: 13rem !important;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px){}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px){
}