/*
Theme Name: gtk2022 Avada Child
Theme URI: http://www.gtk.uni-pannon.hu/wp-content/theme/gtk2022-Avada-Child
Description: Faculty template
Author: PE-GTK
Author URI: http://www.gtk.uni-pannon.hu/admin
Template: Avada
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, dark, responsive-layout 
Text Domain: gtk
Colors: #171f32 rgb(23,31,50) #f9b726 rgb(249,183,38) #5f97ae rgb(95,151,174) #77aa75 rgb(119,170,117)
*/

/* reset */
html[lang="hu-HU"]{background-color:#171f32!important}
body.error404 .avada-page-titlebar-wrapper{display:none}
body{width:100%;background:#171f32 url(./img/bg_gtk.webp) no-repeat fixed center top!important;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap}
:lang(hu-HU) a{padding:0px;font-weight:bold;text-decoration:none;font-size:16px}
a[href^="mailto"]{background:url(./img/email-black.png) no-repeat center right;background-size:20px;padding:0 25px 0 0;color:black}
h1, h2, h3, h4 ,h5, h6{color:#171f32;font-weight:bold;padding:10px 0!important;font-family: "Roboto Slab", Arial, Helvetica, sans-serif!important;}
h2{color:#f9b726;font-size:1.5em;padding:5px}
h4{color:#f9b726;padding:5px}
strong{font-weight:bold}
strong span{font-weight:bold}
hr{clear:both;border-style:inset;border-width:1px;margin:5px 0}
.phonebook-table a{background:url(./img/link-int-black.png) no-repeat center right;background-size:30px;padding:0 35px 0 0}
img{max-width:100%;height:auto}
ul{list-style-type:none}
.uline{text-decoration:underline}
::placeholder {color:rgb(119,170,117,.6)}

/* BASE */
body>div{width:100%;margin:2px 0;box-sizing:border-box;overflow:hidden}
#nav-wrapper, #posts-sidebar-wrapper{margin:0}
#recent-wrapper, #footer-wrapper, #posts-sidebar-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:0.8em}
#footer-wrapper .widget_text .inner h2 a{color:#f9b726;font-size:20px;line-height:20px;padding:8px}
#footer-wrapper .widget_text .inner a{color:#171f32;font-size:16px;line-height:16px;font-family: "Open Sans", Arial, Helvetica, sans-serif;font-weight:normal;}

.negyablak div div div a{color:#171f32;font-size:20px}

.widget{background:#fff}

.widget_text .inner{min-height:220px}
.widget_text .widgettitle{display:none}
:lang(hu-HU) .widget_text h2 a{color:#f9b726;font-size:1em}
.widget_text h2 a:hover{color:#171f32}
.widget_text .textwidget img{width:100%}
.widget_text .textwidget div{padding:0 8px 8px 8px;font-size:1.3em}
.widget_text .textwidget div a{padding:5px 0 0 0;display:block}
.widget_text hr{margin:3px 0}

#posts-wrapper{width:100%;margin:0 0 5px 0}
:lang(hu-HU) .type-post, .type-page{background:#fff;padding:5px;margin:0 0 5px 0}

.single-navigation.clearfix{display:none}
.post-header{padding:5px}
.post-header{font-weight:bold;font-size:1.2em}
.post-header h1{margin:0!important;padding:0!important;font-size:1.2em;line-height:30px!important}
.post-header a{display:block;color:#f9b726;font-size:1.2em}
.attachment-post-thumbnail{display:none}
.post-content{padding:5px;font-size:1em}
.post-content h1 {margin:0;padding:0;font-size:30px!important;line-height:32px!important}
.post-content h2 {color:#f9b726!important;margin:0;line-height:28px!important}
.post-content h3 {color:#171f32;margin:0;line-height:24px!important;font-weight:bold!important;font-size:20px!important}
.post-content h4 {color:#f9b726!important;margin:0;line-height:24px!important;font-weight:bold!important;font-size:20px!important}
.post-content p {margin:0 0 10px 0;line-height:20px}
.post-content p a{color:#7e8890;font-weight:bold}
.post-content p a:hover{color:#171f32}
.post-content h2 a{color:#f9b726;font-size:24px}
.post-content h3 a{color:#171f32;font-weight:bold!important;font-size:20px}
.post-content h2 a:hover, .post-content h3 a:hover{color:#f9b726}
.post-content ol {margin:0 0 10px 20px}
.post-content>ol {margin:16px 0 10px 40px}
.post-content ol li {margin:0 0 5px 0}
.post-content ul {margin:0 0 10px 20px;list-style-type:unset}
.post-content>ul {margin:16px 0 10px 40px}
.post-content ul li {margin:0 0 5px 0}
.post-content th{border:1px solid #171f32;background: #f9b726;color:#171f32}
.post-content td[colspan="2"]{background: #171f32;color:#f9b726;font-weight:bold;}
.post-content td{border:1px solid #171f32}
.post-content iframe.videocenter{display:block;margin-left:auto;margin-right:auto}
.post-footer{height:20px;clear:both}
.post-author-date{float:left;margin:0 0 0 5px}
.post-media{float:right;vertical-align:top;}
.post-media div{vertical-align:top;display:inline-block}
.post-edit-link{display:block;clear:both}
.gallery-table>a{position:relative;display:block;width:100px;height:150px}
.gallery-table>a img{position:absolute;display:block;width:120px;top:50%;left:50%;transform:translate(-50%,-50%)}
:not(.fusion-post-grid).post .fusion-flexslider, .post .fusion-meta-info, .post .fusion-theme-sharing-box, .post .about-author, .post .related-posts{display:none}

.widget_categories, .widget_tag_cloud, .widget_archive{margin:2px 0;padding:5px;line-height:22px;font-size:1.4em}
.widget_categories ul li, .widget_archive ul li{display:inline-block}
.widget_tag_cloud .tagcloud{padding:0 0 17px 40px}
.widget_tag_cloud .tagcloud a{display:inline;border:none;line-height:20px;font-size:1em;padding:0}
.widget_tag_cloud .tagcloud a:hover{background:unset;color:#65bc7b}
.widget_categories a:after, .widget_tag_cloud a:after, .widget_archive a:after{color:#cecece;content:',\00a0'}
.widget_categories li:last-child a:after, .widget_tag_cloud li:last-child a:after, .widget_archive li:last-child a:after{content:''}

.search-nav{height:30px;width:49.7%;background:#fff;font-weight:bold;font-size:20px}
.search-nav a{display:inline-block;position:relative;left:50%;transform:translateX(-50%)}

.search-page .post-header{line-height:30px}

.index-navigation{display:flex;justify-content:space-between}
.index-navigation div{margin:5px 0 0 0;padding:5px;background:#fff;font-weight:bold}

.dataTables_wrapper label{font-size:1.2rem}
.dataTables_wrapper input{border:none;border-bottom:2px solid #ccc;font-size:1.2rem}
.tablepress{width:auto!important;margin:auto}
.tablepress.kapcsolat-hu{margin:unset}
.tablepress .alignnone{width:100px;margin:0}
.tablepress tbody td{border:none!important}

.searchedfor{position:relative;display:block;height:24px;background:#fff;padding:5px 5px;font-size:1.2em;font-weight:bold}
.searchedfor a{position:absolute;left:50%;transform:translateX(-50%);white-space: nowrap;}

article.calendar{background:white;margin:0}
article.calendar h2{margin:0;text-align:center}
.simcal-default-calendar-grid .simcal-calendar-head .simcal-nav.simcal-current{border:1px solid #171f32}
.simcal-default-calendar-grid .simcal-calendar-head .simcal-nav{padding:0!important}
.simcal-default-calendar-grid .simcal-day-void{background:none;border:none}
.simcal-default-calendar-list .simcal-events{padding:0}

th[data-screen-medium]{visibility:hidden;position:relative}
th[data-screen-medium]:after{visibility:visible;position:absolute;top:0;left:-1px;width:100%;background:#f9b726;border:1px solid #171f32;text-align:center}
th[data-screen-medium="hét"]:after{content:'h'}
th[data-screen-medium="ked"]:after{content:'k'}
th[data-screen-medium="sze"]:after{content:'sze'}
th[data-screen-medium="csü"]:after{content:'cs'}
th[data-screen-medium="pén"]:after{content:'p'}
th[data-screen-medium="szo"]:after{content:'szo'}
th[data-screen-medium="vas"]:after{content:'v'}

#scrolltop{position:fixed;bottom:0;right:0;border:20px solid transparent;width:100px;z-index:1000}
#madeby{color:#f9b726}

#scnb-cookie-bar{margin:0!important;padding:0!important}
#scnb-cookie-bar .wrap{display:flex;justify-content:center;flex-wrap:wrap}
.scnb-text, .scnb-buttons{margin:0!important;width:auto!important;padding:0;font-size:1em}
.scnb-buttons a{margin:2px 0;padding:3px}
.scnb-text{padding:2px 5px 0 5px;font-size:1.4em}

/* MEDIA */
@media (min-width: 1000px) {
	:lang(hu-HU) body{max-width:1200px;margin:auto}
	#mobile-header-wrapper{display:none}
	.logotext-1st{font-family: 'Baskerville old face';padding:20px 0 0 180px;color:#fff;font-size:36px;text-transform:uppercase}
	.logotext-2nd{font-family: 'Baskerville old face';padding:0 0 0 180px;color:#fff;font-size:36px;text-transform:uppercase}
	
	#recent-wrapper>div,#footer-wrapper>div{width:24.5%}
	.front-page{width:33%;height:300px;overflow:hidden}

	.simcal-default-calendar-list{display:none}
}

@media (max-width:999px) and (min-width:600px) {
	:lang(hu-HU) body{margin:50px 0 0 0}
	#header-wrapper{display:none}

	#recent-wrapper, #footer-wrapper{margin:0}
	#recent-wrapper>div, #footer-wrapper>div{margin:2px 0;width:49.7%}
	.front-page{width:49.7%;height:300px;overflow:hidden}

	img{width:100%}

	.simcal-default-calendar-list{display:none}
}

@media (max-width: 599px) {
	:lang(hu-HU) body{background:#171f32;width:100%;margin:50px 0 0 0}
	#header-wrapper{display:none}
	
	#slider-wrapper{display:none}
	#recent-wrapper, #footer-wrapper{margin:0}
	#recent-wrapper>div,#footer-wrapper>div{margin:2px 0;width:100%}
	#recent-wrapper .widget, #footer-wrapper .widget{width:100%;margin:2px 0}

	.front-page{height:300px;overflow:hidden}

	.page .post-content{padding:0}
	.page .post-content .fusion-builder-row{margin:0!important}
	.page .post-content .fusion-column-wrapper{margin:0}
	.page .post-content iframe{max-width:100%}

	.widget_text .inner{min-height:unset}

	img{width:100%}

	.simcal-default-calendar-grid{display:none}
}

/* table */	
@media (max-width: 999px) {
	.dataTables_wrapper .dataTables_length{display:none}
	.dataTables_wrapper .dataTables_info{display:none}
	.dataTables_wrapper .dataTables_paginate{display:none}
	
	.gallery-table,.gallery-table tbody,.gallery-table td{display:block;padding:0!important}
	.gallery-table thead{display:none}
	.gallery-table td:nth-child(even) a{display:block;margin:0 0 20px 0}
	.gallery-table td a{display:block}
	.gallery-table td a:nth-child(3){margin:0 0 20px 0}
	.gallery-table td a img{width:100%!important}
	.gallery-table td a img:nth-child(2){display:none}

}

/* header */
@media (min-width: 1000px) {
	#header-wrapper{
		height:180px;width:100%;
		display:flex;justify-content:space-between;flex-wrap:wrap;
		align-items:center;
		margin:0;background:url(./img/gtk_logo_1200x180.webp) no-repeat
	}
	#header-wrapper #h-logo{margin:60px -60px 0 0;height:110px;display:block}
	#header-wrapper #h-logo img, #header-wrapper #h-logo a{display:block}
	#header-wrapper #h-logo a div{margin:0;padding:0  0 0 180px;height:40px;display:block}
	#header-wrapper #h-right{margin-top:30px;width:176px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
	#header-wrapper #h-right a{display:block;height:40px;width:40px;margin:0 2px;padding:0}
	#header-wrapper #h-right img{display:block;height:38px;width:38px;margin:0;padding:2px}
	#header-wrapper #h-right #search-form{width:174px;height:36px!important;padding:2px}
	#header-wrapper #h-right #search-form input{height:30px!important;padding:2px 5px;border-radius:5px;background-color:#fff;color:#171f32;font-size:1.4em}
	#header-wrapper #h-right .fusion-search-button {display:none}
	#header-wrapper #h-right #search-form input::placeholder {color:rgb(23,31,50,.6)}
}
	
@media (max-width: 999px) {
	#mobile-header-wrapper{
		position:fixed;
		display:flex;justify-content:flex-start;flex-wrap:wrap;
		top:0;left:0;
		height:50px;width:100vw;
		margin:0;
		background:#171f32;
		font-weight:normal;
		color:white;
		z-index:1002;
	}
	#mobile-header-wrapper img{display:block;height:50px;width:50px;margin:0;padding:5px}
	#mobile-header-wrapper #mh-flip-container{position:relative;width:calc(100% - 50px)}
	#mobile-header-wrapper #mh-flip-container .flipper{position:relative;width:100%}
	#mobile-header-wrapper #mh-flip-container .flipper>div{display:flex;justify-content:flex-start;flex-wrap:wrap}
	#mobile-header-wrapper #mh-flip-container .flipper>div.back{justify-content:space-around}
	#mobile-header-wrapper #mh-flip-container .flipper>div.back div{margin-right:-4px}
	#mobile-header-wrapper #mh-search{width:calc(100% - 105px);}
	#mobile-header-wrapper #mh-search input{margin:5px;padding:0 8px;height:40px;font-size:1.6em;border-radius:5px;color:#171f32;background:#fff}
	#mobile-header-wrapper #mh-search input::placeholder {color:rgb(23,31,50,.6)}
}

/* NAVIGATION */
@media (min-width: 1000px) {
	#nav-wrapper *{margin:0;outline:0;padding:0;border:none}
	#nav-wrapper{width:100%;height:30px;border-top:2px solid #f9b726;background:#171f32;z-index:1001;overflow:unset}
	#nav{margin:auto}
	.lmenu, .plus, .minus{display:none}
	.menu-item-has-children>.lmenu>.plus{display:inline}
	#nav ul {display:block!important;float:left;transition:.2s;width:100%}
	#nav li {
		position:relative;
		height:30px;
		margin-right:5px;
		background:#171f32;
		background-clip:content-box;
		float:left;
		transition:.2s;
		z-index:2
	}
	#nav li:hover{background:#f9b726;transition:.5s;background-clip:content-box}
	#nav li:hover>a{color:#171f32;transition:.5s}
	#nav>ul>li{background:transparent}
	#nav .sub-menu {border:solid 1px white;border-top:none}
	#nav .sub-menu a{line-height:25px;text-transform:unset}
	#nav .sub-menu li {width:100%;border-top:solid 1px white;z-index:3}
	#nav .sub-menu li:first-child {width:100%;border-top:none}
	#nav ul ul {
		position: absolute;
		top:100%;left:0;
		width:auto;
		background:#f9b726;
		visibility:hidden;
		opacity:0
	}
	#nav ul ul ul{left:100%;top:0;padding-left:0px}
	#nav li:hover>ul{visibility:visible;opacity:1}
	#nav .lang-item{float:right;padding:10px}
	#nav a{
		display:inline;
		width:100%;
		padding:0 5px;
		line-height:30px;
		white-space:nowrap;
		color:#fff;
		font-size:1.2em;
		font-weight:normal;
		text-transform:uppercase;
	}
}

@media (max-width: 999px) {
	#nav-wrapper *{margin:0;outline:0;padding:0;border:none}
	#nav-wrapper{position:relative;display:block;background:#171f32;z-index:1001;width:100%!important}
	#nav{width:100%;display:block}
	#nav ul{display:none;padding:0 0 0 40px}
	
	.lmenu, .plus, .minus{height:50px;width:50px}
	.lmenu{display:inline-block}
	.plus{display:none;background:url(./img/plus.png) no-repeat center center;background-size:40px;cursor:pointer}
	.menu-item-has-children>.lmenu>.plus{display:block}
	.minus{display:none;background:url(./img/minus.png) no-repeat center center;background-size:40px;cursor:pointer;transition:3s}

	#nav>ul{padding:0}
	#nav li{border-bottom:1px dotted #5f97ae;white-space:nowrap;font-size:14px}
	#nav ul.sub-menu li{border-bottom:1px dotted #5f97ae;white-space:nowrap}
	#nav ul.sub-menu li a{white-space:break-spaces;font-size:18px;vertical-align:top}
	#nav li:first-child{border-top:1px dotted #5f97ae}
	#nav li:last-child{border-bottom:none}
	#nav a{display:inline-block;padding:0 0 0 10px;vertical-align:bottom;line-height:50px!important;font-size:1.6em;color:#f9b726;font-weight:bold;}
	
	#nav .lang-item img{margin-top:10px;display:inline-block;height:30px!important;width:50px!important}
	#nav .hctoggle a{display:inline-block;height:50px;width:50px;margin:0 0 0 5px;padding:0 0 0 50px;background:url(./img/hc.png) no-repeat center center;background-size:40px;box-sizing:border-box;overflow:hidden}
}

/*WP core*/
@media all{
	.alignnone {margin: 5px 20px 20px 0;}
	.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
	.alignright {float:right;margin:5px 0 10px 10px;}
	.alignleft {float:left;margin:5px 10px 10px 0;font-size:12px}
	.aligncenter {display: block;margin: 5px auto 5px auto;font-size:12px}
	a img.alignright {float: right;margin: 5px 0 10px 10px;font-size:12px}
	a img.alignnone {margin: 5px 10px 10px 0;font-size:12px}
	a img.alignleft {float: left;margin: 0px 10px 10px 0;font-size:12px}
	a img.aligncenter {display: block;margin-left: auto;margin-right: auto;font-size:12px}
	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%;
		padding: 5px 3px 10px;
		text-align: center;
	}
	.wp-caption.alignnone {margin: 5px 20px 20px 0;}
	.wp-caption.alignleft {margin: 5px 20px 20px 0;}
	.wp-caption.alignright {margin: 5px 0 20px 20px;}
	.wp-caption img {
		height: auto;
		max-width: 98.5%;
		width: auto;
	}
	.wp-caption p.wp-caption-text {
		font-size: 0.8em;
		line-height: 17px;
		padding: 0 4px 5px;
	}
	.sticky{}
	.gallery-caption{}
	.bypostauthor {}
}

/* pagetiles  */
.tilerow{margin:0 -15px;background:#171f32 url(./img/bg_gtk.webp) no-repeat fixed center top;padding:5px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.tilerow .inner{margin:0;width:24.5%;background:#fff}
.tilerow .inner h2{font-size:1.1em}
.tilerow a>div{padding:0 5px}
.tilerow .textwidget>div{padding:0 5px 5px 5px}

/* inline sup button  */
.signupbutton:lang(hu-HU){
	display:inline-block;
	padding:5px;
	background:#f9b726;
	color:#171f32;
	border-radius:3px;
}

/* FAQ */
.faq-question{
	background:#171f32 url(./img/scrolltop.png) no-repeat right center;
	background-size:30px 30px;
	margin:5px 0 5px 0;
	padding:5px 30px 5px 5px;
	color:white;
	line-height:normal;
	font-size:1.2em;
	font-weight:bold;
	transition:.5s;
	clear:both
}
.faq-question:hover, .faq-question-open{
	background:#f9b726 url(./img/scrollbottom.png) no-repeat right center;
	background-size:30px 30px;
	color:#171f32;
	transition:.5s;
}
.faq-answer{
	display:none;
	padding:5px
}

/*thirdwrapper BATUKI videos*/
.thirdwrapper{
        display:inline-block;
        width:33%;
        position:relative;
        padding-bottom:20%; /* 16:9 */
        height:30px;
}
.thirdwrapper h3{
        position:absolute;
        top:0;
        left:0;
        width:100%;
	height:auto;
	z-index:1;
	background:#fff;
}
.thirdwrapper iframe {
        position:absolute;
        top:10%;
        left:0;
        width:100%;
        height:90%;
}

@media (max-width: 999px) {
	.thirdwrapper{display:block;width:unset;height:300px}
}

/* flipper */
.flipper{height:100%;width:100%;transition:.5s;transform-style:preserve-3d}
.flip{transform:rotateX(-180deg)}
.front, .back {
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.back {transform:rotateX(180deg)}
