:root{
--siteblue:#272945; --sitegold:#efad1e; --sitesky:#5f97ae; --sitegreen:#77aa75; }
html,body,div,p,ul,ol,li{margin:0;outline:none;border:none;padding:0}
body{width:100vw;overflow-x:hidden;font-family:'Raleway',sans-serif;color:var(--siteblue)}
body:before{
content:"";
position:fixed;
width: 700px;
height: 700px;
bottom:-208px;
right:-141px;
z-index:-1;
background:url(//managementpegtk.com/wp-content/themes/gtk2024/img/logo_512.webp) no-repeat;
background-size: 640px;
transform:rotate(-47.5deg);
filter:saturate(.15);
opacity:.1
}
*:before,*:after{font-family:"Font Awesome 6 Free";font-weight:900}
span.rotate90{transform:rotate(-90deg)}
span.srt{display:none;margin:-1px;height:1px;width:1px}
hr{clear:both}
a{text-decoration:none;color:var(--siteblue);transition:.5s ease-in-out}
a:hover{color:var(--sitesky)}
a:hover:before{color:var(--sitesky)}
a[href^="https"]:not(:has(img)):after{content:" \f08e"}
a[href*="uni-pannon.hu"]:not(:has(img)):after{content:""} a[href*="managementpegtk.com"]:not(:has(img)):after{content:""} a[href^="mailto"]:not(:has(img)):after{content:" \f0e0"}
a[href$=".pdf"]:before{content:"\f019  ";transition:.5s ease-in-out}
a[href$=".docx"]:before{content:"\f019  ";transition:.5s ease-in-out}
a[href$=".pptx"]:before{content:"\f019  ";transition:.5s ease-in-out} header{background:var(--siteblue);display:flex;justify-content:space-between;line-height:56px;padding:0 30px;text-transform:uppercase}
#sitetitle{color:#fff;text-align:center;font-size:30px;font-weight:400}
#socialsites a{display:inline-block;color:#fff;line-height:56px}
#socialsites a:after{margin:10px;font:var(--fa-font-brands)}
#socialsites a[title="Facebook"]:after{content:"\f39e"}
#socialsites a[title="Instagram"]:after{content:"\f16d"}
#socialsites a[title="YouTube"]:after{content:"\f167"}
#socialsites a[title="Spotify"]:after{content:"\f1bc"}
#socialsites a[title="LinkedIn"]:after{content:"\f0e1"}
#headerimage{max-width:100vw}
nav{
position:sticky;
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
box-shadow:rgba(0,0,0,.12) 0 1px 3px;
z-index:10;
transition:top .3s
}
#mobilemenu{display:none}
#logo{height:60px}
#logo img{height:50px;width:50px;padding:5px 10px}
#search{padding:0 20px}
#search input{
width:150px;
color:#888;
font-size:16px;
height:20px;
padding:2px;
margin:2px;
border-radius:5px;
}
#content{margin:0 auto;width:840px;overflow:hidden}
.post-header{margin:20px 20px 20px 0;font-size:30px;font-weight:bold}
.wp-block-column ul{margin:20px}
.wp-block-column ul li{padding:5px 0}
.post-author-date{float:right}
#searchnp>div:first-child{float:left}
#searchnp>div:last-child{float:right}
#footer{margin:10px 0 0 0;background:var(--siteblue);color:var(--sitegold);font-weight:bold}
#footer .wp-block-column{
display:flex;
justify-content:space-around;
width:30%;
align-items:center;
padding:10px;
} @media (min-width: 839px) {
nav{position:sticky;top:0}
}
@media (max-width: 839px) {
header{flex-wrap:wrap;justify-content:space-around}
#sitetitle, #headerimage{display:none}
nav{height:40px;flex-wrap:wrap}
#logo{height:40px}
#logo img{height:40px;width:40px;padding:0 10px}
#mobilemenu{display:inline-block;padding:0 15px}
div#nav{order:4;height:100vh;width:100vw;overflow-y:scroll}
#content{width:calc(100% - 20px)}
.post-header{font-size:7vw}
.post-content{padding:0}
.post-content h2{font-size:6vw}
.post-content h3{font-size:5.5vw}
.post-content h4{font-size:5vw}
footer{margin:0 10px}
} @media (min-width: 840px) {
div#mobilemenu{display:none}
#nav{font-size:14px;font-weight:bold;letter-spacing:1px;z-index:8}
#nav ul{background:#fff;float:left;transition:.5s;list-style:none}
#nav li{position:relative;float:left;padding:0 15px;transition:.5s}
#nav li:hover>ul{opacity:1;visibility:visible}
#nav ul ul {position:absolute;margin:10px;opacity:0;visibility:hidden}
#nav ul ul li{background:#f2f1f0;padding:10px;width:100%;border-bottom:1px solid #ddd}
#nav ul ul li a{font-weight:normal}
#nav ul ul li:hover{background:#fff}
#nav ul ul ul{left:100%;top:0;margin:0}
#nav a{white-space:nowrap;color:var(--siteblue)}
#nav a:hover{color:var(--sitegold)}
#nav span{display:none}
}
@media (max-width: 839px) {
div#mobilemenu::before{content:"\f0c9";font-size:21px}
#nav ul{display:none;background:#f2f1f0;font-size:30px;list-style:none}
#nav>div>ul{max-width:100vw}
#nav ul li{border-top:1px solid #e2e2e2;overflow:hidden}
#nav a{padding:0 0 0 10px;line-height:50px;color:var(--siteblue);font-size:14px;letter-spacing:1px;white-space:nowrap}
#nav a{display:inline-block}
#nav .sub-menu a::before{padding:0 0 0 10px;content:"- "}
#nav .sub-menu .sub-menu a::before{padding:0 0 0 20px;content:"-- "}
#nav .sub-menu .sub-menu .sub-menu a::before{padding:0 0 0 30px;content:"--- "}
#nav span{float:right;margin:10px 10px;font:var(--fa-font-solid);transition:.5s ease-in-out}
}
#totop{
position:fixed;
bottom:3vh;
right:3vw;
border-radius:4px;
background:var(--siteblue);
color:#fff;
cursor:pointer;
transition:opacity .4s ease-in-out, background .2s ease-in-out;
opacity:0;
z-index:10
}
#totop:before{display:block;width:42px;line-height:42px;text-align:center;font-size:22px;content:"\f106"}
#totop:hover{background:var(--sitegold)}
#totop.visible{opacity:.9}