/*Platan, Ezusthegyi gyerek*/

*{font-family: 'Montserrat', sans-serif !important;}

:root{
  --green: #82af5d;
  --blue: #369;
  --drap: #e5e2c9;
  --opkGrey: #868e96;
  --orange: #f60;
  --bordo: #9B0D1B;
  --neongreen: #9C0;
  --yellow: #f90;
}

html{
	margin: 0;
	padding: 0;
}

.fa,.far,.fas{font-family: "Font Awesome 5 Free" !important;}

.bg-orange,#child-abook a.nav-link.active,#child-abook article header{
	background-color: #f60 !important;
	color: #fff !important;
}

.btn-primary{
  background-color: #9B0D1B;
  border-color: #9B0D1B;
}

.btn-primary:hover{
  color: #9B0D1B !important;
  background-color: #fff !important;
  border-color: #9B0D1B !important;
}

.loader{
    border: .5rem solid #e5e2c9;
    border-top: .5rem solid #9B0D1B;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    animation: spin 1s linear infinite;
    display: flex;
    margin: 0 auto;
}

#script-warning{visibility: hidden;}

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

a{color: #369;}

*{outline: none;}

a:hover{text-decoration: none;}

.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 #9B0D1B;}

.card{border: none;}

/*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-child{
	height: 3.125rem;
	width: 100%;
	max-width: 14.1875rem !important;
	background-size: 14.1875rem 6.25rem;
	margin-bottom: 2rem;
	border: none !important;
	border-radius: none !important;
}

.btn-child-footer{
	height: 6.25rem;
	width: 100%;
	max-width: 14.1875rem !important;
	background-size: 14.1875rem 6.25rem;
	margin: 0;
	border: none !important;
}

.btn-child-footer:focus{border: none !important;}

#adult,#fiok-adult{
	background-color: #9B0D1B;
}

#adult,#fiok-adult,#reg,#hire,#fiok-reg,#fiok-hire{
  color: #FFF;
  padding-top: .8rem;
	border-radius: .5rem;
}

#adult:hover,#fiok-adult:hover,#reg:hover,#hire:hover,
#fiok-reg:hover,#fiok-hire:hover{color: #000;}

#adult p,#fiok-adult p{background-image: url('../images/obudai_platan_konvtar_logo_feher_h30.png');}

#reg{background: #f60 url('../images/beiratkozas_50px.png') .5rem center no-repeat;}

#hire{background: #f90 url('../images/kolcsonzes_50px.png') .5rem center no-repeat;}

#fiok-reg{background-color: #f60;}
#fiok-hire{background-color: #f90;}

#reg,#hire,#fiok-reg,#fiok-hire{margin-right: 2rem;}

#search{margin-bottom: 2rem;}

.bg-orange h2,.bg-green h2{padding: 1rem 0;}

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

.bg-purple{
  background-color: #9B0D1B !important;
  color: #FFF !important;
  border-color: #9B0D1B;
}

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

#child-book .page-item.active .page-link{
  background-color: #9B0D1B !important;
  color: var(--white) !important;
  border: none;
}

#child-book .page-item .page-link{
  background-color: var(--white) !important;
  color: #9B0D1B !important;
  border: none;
}

/*#child-abook .nav.nav-tabs{display: none;}*/

#child-abook .page-item.active .page-link{
  background-color: #f60 !important;
  color: var(--white) !important;
  border: none;
}

#child-abook .page-item .page-link{
  background-color: var(--white) !important;
  color: #f60 !important;
  border: none;
}

#child-movie .page-item.active .page-link{
  background-color: #9C0 !important;
  color: var(--white) !important;
  border: none;
}

#child-movie .page-item .page-link{
  background-color: var(--white) !important;
  color: #9C0 !important;
  border: none;
}

#publications .nav img{
	border: none !important;
	box-shadow: none !important;
}

#publications .nav-tabs{border-bottom: none !important;}

#publications .nav-item .active,#ajax-movie header{
  background-color: #9B0D1B;
  color: #FFF;
}

#ajax-movie header a{color: #FFF;}

#cat h2{
  margin-top: 1rem;
  margin-bottom: 0;
  padding-left: 1rem;
  padding-top: .7rem;
  padding-bottom: .7rem;
  color: #9B0D1B;
}

/*konyvajanlo*/
#child-book .nav-tabs{border-bottom: 1px solid #9B0D1B;}

#child-book .nav-tabs .nav-link.active{
  border-color: #9B0D1B;
  border-bottom: 1px solid transparent !important;
  color: #9B0D1B !important;
  background-color: var(--white) !important;
}

#child-book .nav-tabs .nav-link{
  color: var(--white) !important;
  background-color: #9B0D1B;
  border-bottom: none !important;
}

/*hangoskonyv*/
#publications h2{
	padding: 1rem 0;
	margin-bottom: 1rem;
}

#child-abook .card-header,#child-abook .nav-link{
  background-color: #f60;
  color: var(--white);
}

.img-non-decor{
  border: none;
  box-shadow: none !important;
}

#child-abook a.nav-link{
	color: #f60 !important;
	background-color: #fff !important;
}

#child-abook .btn-primary{
  background-color: #f60;
  border-color: #f60;
}

#child-abook .btn-primary:hover,#child-abook .btn-primary:hover::before{
  color: #f60;
  background-color: #fff;
  border-color: #f60;
}

#child-abook article{border-color: #f60;}

/*filmek*/
.bg-green,#child-movie .card-header,#child-movie article header{
  background-color: #9C0;
  color: var(--white);
}

#child-movie .nav-tabs .nav-link.active{
  border-color: #9C0;
  color: var(--white) !important;
  background-color: #9C0 !important;
}

#child-movie .nav-tabs .nav-link{
  color: #9C0 !important;
  background-color: var(--white);
  border-bottom: none !important;
}

#child-movie a.nav-link{color: var(--white) !important;}

#child-movie a.nav-link.active{color: #9C0 !important;}

#child-movie .btn-primary{
  background-color: #9C0;
  border-color: #9C0;
}

#child-movie .btn-primary:hover,#child-movie .btn-primary:hover::before{
  color: #9C0;
  background-color: #fff;
  border-color: #9C0;
}

#child-movie article{border-color: #9C0;}

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

.icon30{font-size: 30px;}

.no-border{border: none;}

.badge-blue{background-color: #369;}

header{padding: 2em 0;}

.logo{
  height: 12.5rem;
}

#social{text-align: right;}

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

.btn-ikon{
  margin-right: 1rem;
  margin-bottom: 1rem;
  width: auto;
  height: 7.5rem;
  color: var(--white) !important;
  vertical-align: middle;
}

.btn-ikon::before{
  width:0;
  height:0;
  visibility:hidden;
}

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

.btn-outline-white:hover{
  color: #369;
  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: #369;
  color: #fff;
  border-radius: 5rem;
} 

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

#carousel,#publications img,#scientific .card{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#programs{height: 50%;}

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

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

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

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

#forms .nav-item{font-size: 1.2em;}

#forms .nav-item a,#child-book article header h4 a{color: #fff;}

#forms .nav-item a:hover,#child-book article header h4 a:hover{color: #000;}

#forms .nav-item:first-child a{background-color: #f60 !important;}

#forms .nav-item:nth-child(2) a{background-color: #9B0D1B !important;}

#forms img{
	width: auto;
	height: 100%;
}

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

#event_cont .nav-tabs .nav-link.active,#event_cont .nav-tabs .nav-link{
	border-color: #9B0D1B #9B0D1B #9B0D1B;
}

#event_cont .nav-tabs .nav-link{
	background-color: #9B0D1B;
	color: #fff;
  border: 1px solid #fff;
}

#event_cont .nav-tabs .nav-link.active{
	background-color: #fff;
	color: #9B0D1B;
}

#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: #369;
}

.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);
}

#egy{background-image: url('../images/sun_tobiasrol.png');}

#ketto{background-image: url('../images/tematikus_foglalkozasok.png');}

#harom{background-image: url('../images/betufaloda.png');}

#cnt{background-image: url('../images/kapcsolat_gyerekeknek.png');}

#egy:hover{background-image: url('../images/sun_tobiasrol_inverz.png');}

#ketto:hover{background-image: url('../images/tematikus_foglalkozasok_inverz.png');}

#harom:hover{background-image: url('../images/betufaloda_inverz.png');}

#cnt:hover{background-image: url('../images/kapcsolat_gyerekeknek_inverz.png');}

#fiok-egy{background-image: url('../images/rendezveny_gyerekeknek.png');}

#fiok-ketto{background-image: url('../images/tematikus_foglalkozasok_ek.png');}

#fiok-harom{background-image: url('../images/oko_sarok.png');}

#fiok-cnt{background-image: url('../images/kapcsolat_gyerekeknek_ek.png');}

#fiok-egy:hover{background-image: url('../images/rendezveny_gyerekeknek_inverz.png');}

#fiok-ketto:hover{background-image: url('../images/tematikus_foglalkozasok_inverz_ek.png');}

#fiok-harom:hover{background-image: url('../images/oko_sarok_inverz.png');}

#fiok-cnt:hover{background-image: url('../images/kapcsolat_gyerekeknek_inverz_ek.png');}

footer{
  padding: 3rem 2rem;
  background-color: #9B0D1B !important;
  color: #FFF;
}

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

footer ul li{margin: 2rem 0;}

footer a{color: #FFF;}

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

#calendar{margin: 0 auto;}

#publications .card{border: none;}

#publications .nav-item{border: none;}

#child-movie .nav-item .active{border-color: #9C0;}

#child-movie .nav-item{border-bottom: 1px solid #9C0;}

#child-abook .nav-item{border-bottom: 1px solid #f60;}

#child-abook .nav-item .active{border-color: #f60;}

#publications h2{color: #FFF;}

#child-movie h2{background-color: #9C0;}

#child-abook h2{background-color: #f60;}

#polite article,#scientific article,.voice article,.movie article{
  padding-bottom: 1rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #9B0D1B;
}

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

article header{
	margin-bottom: 2rem;
	padding: .7rem;
  background
}

#polite active,#child-book article header,#articles article header{
	background-color: #9B0D1B !important;
	color: #fff !important;
}

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

/*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: #9B0D1B;
  background-image: none;
  color: #fff;
}

.fc-right .fc-state-active{
  background-color: var(--white);
  background-image: none;
  color: var(--black);
}

.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: #9B0D1B !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: #f60 !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: #369;}

.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;
	margin-top: 1rem;
}

/*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){
	#social a{margin-right: 0;}
	
  #header,#social{text-align: center;}
  
  .logo{margin-bottom: 1rem;}
  
  #forms .nav-item{width: 249px;}

  .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;}
  
  #books{padding: 0 !important;}
  
  #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;}
  
  #contact .btn-child-footer{margin-bottom: 2rem;}
}

/*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;}
}

/*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;}
  
  #reg,#hire,#fiok-reg,#fiok-hire,#adult,#fiok-adult{margin: 0;}

  #books{padding: 0;}

  footer{margin-top: 2rem;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px){
  #reg,#hire,#fiok-reg,#fiok-hire,#adult,#fiok-adult{margin: 0;}

  #egy{background-image: url('../images/sun_tobiasrol_210.png');}
  
  #ketto{background-image: url('../images/tematikus_foglalkozasok_210.png');}
  
  #harom{background-image: url('../images/betufaloda_210.png');}
  
  #cnt{background-image: url('../images/kapcsolat_gyerekeknek_210.png');}
  
  #egy:hover{background-image: url('../images/sun_tobiasrol_inverz_210.png');}
  
  #ketto:hover{background-image: url('../images/tematikus_foglalkozasok_inverz_210.png');}
  
  #harom:hover{background-image: url('../images/betufaloda_inverz_210.png');}
  
  #cnt:hover{background-image: url('../images/kapcsolat_gyerekeknek_inverz_210.png');}
  
  #fiok-egy{background-image: url('../images/rendezveny_gyerekeknek_210.png');}
  
  #fiok-ketto{background-image: url('../images/tematikus_foglalkozasok_ek_210.png');}
  
  #fiok-harom{background-image: url('../images/oko_sarok_210.png');}
  
  #fiok-cnt{background-image: url('../images/kapcsolat_gyerekeknek_ek_210.png');}
  
  #fiok-egy:hover{background-image: url('../images/rendezveny_gyerekeknek_inverz_210.png');}
  
  #fiok-ketto:hover{background-image: url('../images/tematikus_foglalkozasok_inverz_ek_210.png');}
  
  #fiok-harom:hover{background-image: url('../images/oko_sarok_inverz_210.png');}
  
  #fiok-cnt:hover{background-image: url('../images/kapcsolat_gyerekeknek_inverz_ek_210.png');}

.btn-child-footer{background-size: 13.125rem 6.25rem;}
}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px){
.btn-child-footer{background-size: 14.1875rem 6.25rem;}
}