/*
Theme Name: BD
Author: Z$
Template: blankslate
*/



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

:root {

  --clr-light:  hsl(0, 0%, 100%);
  --clr-dark:  hsl(0, 0%, 0%);
  --clr-primary: hsl(236, 18%, 49%);
  --clr-secondary: hsl(267, 19%, 49%);
  --clr-accent: black;
--clr-line:  hsla(0, 0%, 0%, .1);
	--clr-shadow:  hsla(0, 0%, 0%, .5);
	
  --foreground: var(--clr-dark);
  --background: var(--clr-primary);

  --ff-title: "Montserrat", sans-serif;
  --ff-body: "Open-Sans", sans-serif;
}

a {
	text-decoration:none;
	color: var(--clr-primary);
	transition: all.5s ease-in-out;
	    &:hover {
      color: var(--clr-secondary);
    }
}

img {
	display:block;
	max-width:100%;
	height:auto;
	vertical-align:middle;
	font-style:italic;
	background-repeat:no-repeat;
	background-size:cover;
	shape-margin:1em;
	margin-block:1em;
	margin-inline:auto;
}


:root :where(.is-layout-grid) {
  gap: 0;
}

:root :where(.is-layout-constrained) > DIV {margin-block-start: 0;}
:root :where(.is-layout-constrained) > * { margin-block-start: 1.5rem;}

html{scroll-behavior:smooth; font-size:1em 100%;}
body {
	background-color:hsl(0, 0%, 100%);
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight:400;
	line-height:1
}
a{ text-decoration:none;
	color: #666696;
	& :hover {color: #005580;}
}
a{text-decoration-skip-ink:auto}
a[href^="tel"]{color:inherit;text-decoration:none}
button{outline:0}ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}
q:before{content:'"';font-style:normal}
q:after{content:'"';font-style:normal}
textarea,input[type="text"],input[type="email"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0; line-height: 100%;font-size: 100% !important; font-family: "Open Sans", sans-serif;font-optical-sizing: auto;font-style: normal; font-weight:400;}
textarea,input[type="text"],input[type="email"] {border:0; padding:.5em;margin-block:.25em; width:100%;}
textarea {resize:none;}
input[type="search"]{appearance:textfield}
input[type="submit"] {background:#666995; color:white; padding: .5em;  border: 1px solid white;}
input[type="submit"]:hover {background:white; border-color:#666995; color:#666995;}

table{border-collapse:collapse;border-spacing:0}
th,td{padding:2px}
bold, strong {font-weight:600}
big{font-size:120%}
small,sup,sub{font-size:80%}
sup{vertical-align:super}
sub{vertical-align:sub}
dd{margin-left:20px}
kbd,tt{font-family:courier;font-size:12px}
ins{text-decoration:underline}
del,strike,s{text-decoration:line-through}
dt{font-weight:bold}
address,cite,var{font-style:italic}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
p{font-weight:400;}


.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

.lighter {	background-color:hsl(0, 0%, 97%);}

.wp-block-group.fooldal {
	display: flex;
  justify-content: center;
  align-items: center;
  min-height: 20vh;
  margin: auto;
	padding-block:5em;
	padding-inline: 5%;

	& div {width:100%; max-width: 1200px;}
	
	& p, li {line-height: 150%; font-size:120%;}
	
	& li {list-style: disc;	list-style-position: inside;}
}

.wp-block-group.index {
	position:relative;
	min-height:100dvh;
	color: var(--clr-light);
	background:linear-gradient(45deg, hsl(225, 25%, 50%), hsl(225, 60%, 10%));
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
	& > div {z-index:2;
	
		& p {text-transform: uppercase; font-size: calc(1em + 0.25vw); font-weight: 300; letter-spacing: 18%; /*opacity:0; animation: 2s ease-in 0.5s 1 alternate slogen;animation-fill-mode: forwards;*/}
		
		& h1:after {content:""; display:block; background:white; height:1px; width:100px;}}
	}
}

@keyframes slogen {
  0% {
    opacity:0; letter-spacing:25%; filter:blur(5px);
  }
  100% {
    opacity:1; letter-spacing:10%; filter:blur(0px);
  }
}

.wp-block-group.index:after {position:absolute; display:block; content:""; background: url(https://bd.murvaimuvek.hu/wp-content/uploads/2026/05/profil.png) no-repeat; background-size:contain; background-position:bottom center; inset:10% 10% 0 30%; filter:drop-shadow(20px 1px 20px var(--clr-shadow)) }

.lila {background:#666696;
 color:white;}

#header{
	position:fixed;
	display:grid;
	top:0;
	width: 100%;
	padding:.5em;
	height:100dvh;
	background:hsla(0, 0%, 0%, 0);
	clip-path: polygon(0 0, 60px 0, 60px 100%, 0% 100%);
	transition: all ease-in-out 1s;
	z-index:9;
	& .menu {transition: all ease-in-out 1s; transform: translatex(50px)}
}

#header:hover {background:hsla(0, 0%, 0%, .4);}

#header:has(.open) {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);background:hsla(0, 0%, 0%, .8);
	& .menu {transform: translatex(0px)}
}

/* #header.sticky {
position: sticky;
top: 0;}*/

#site-logo img {
	max-width: 200px;
	margin-block: 1em 0.5em;
}

#menu {position:relative;}
.menu {
	padding-block: .5em;
	opacity: 0;
	 display:grid;
	gap:1em;
	& li {text-transform:uppercase; padding-block-start: 0.5em;
	
		& a {color:var(--clr-light);
		
		:hover {color: hsl(185, 100%, 75%);}
		}
	}
}

.menu.open {opacity: 1;}

.nyelvvalaszto > nav {
  right: 1em;
	top:1em;
  z-index: 2;
	& ul {display:flex;
		& li {margin-inline-start:.5em;}
	}

}



h1, h2, h3, h4, h5 {font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: normal;}
h1 {
	font-size: calc(3rem + 2vw);}
h2 {
	 font-size: calc(1rem + 1vw);}
h3 {
	 font-size: calc(1rem + .75vw);}
h4 {
	 font-size: calc(1rem + .5vw);}
h5 {
	 font-size: calc(1rem + .5vw);
	font-weight: 400;
	color: var(--clr-primary);
}
h5 + h2 {margin-block-start:1em;}

#footer 
{background: black;
  color: hsl(0, 0%, 70%);
  font-size: 90%;
  padding: 2em 5%;
  font-weight: 300;
line-height: 120%;
	& div {max-width:1200px; margin:1em auto;}
	
	& a {color:white;}
}

p[class^="footnotes"] {display:none;}
html[lang="hu-HU"]  .footnotes-hu {display:block;}
html[lang="de-DE"]  .footnotes-de {display:block;}
html[lang="en-US"]  .footnotes-en {display:block;}

.team > DIV {
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(min(280px, 100%), 1fr));
  gap: .5em;
}	
	.team img {filter:saturate(0%) !important;
}
.team img:hover {filter:saturate(100%) !important;}
.team:has(img:hover) img:not(:hover) {filter:saturate(0%) brightness(50%) !important;}


.szakterulet .is-layout-constrained >  {box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.3);}

.szakterulet {margin-block-start: 2rem !important;}

.szakterulet > DIV {
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(min(400px, 100%), 1fr));
  gap: 5%;

 & .wp-block-group {
	 box-shadow: 0 0 5px 5px hsla(0, 0%, 70%, .1);
	 background: var(--clr-light);
	 padding: 2em 10%;
	 border-radius: .5rem;
	transition: all ease-in-out .5s;
	}
}	
	 .szakterulet > DIV .wp-block-group:hover{
	 box-shadow: 0 0 5px 5px hsla(0, 0%, 70%, .2);
	 background: var(--clr-secondary);
		 color: var(--clr-light);
	 }

.ikon {display: inline-block;
  background: var(--clr-secondary);
  color: var(--clr-light);
  aspect-ratio: 1;
  max-width: 70px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  border-radius: 1rem 1rem 1rem 0;
	transition: all ease-in-out .5s;
}

.stat:hover .ikon {
  background: var(--clr-light);
  color: var(--clr-secondary);
}

/* MENU */

.menu-toggle {
	display:block;
	width: 40px;
	height: 20px;
	cursor: pointer;
	margin: 0;
	transition: all 1s;
	z-index: 9999;
}

.menu-toggle span,
.menu-toggle span:before,
.menu-toggle span:after {
  background: var(--clr-light);
  position: absolute;
  height: 2px;
  width: 40px;
  transition: all .5s;
}
/*
.menu-toggle:hover span,
.menu-toggle:hover span:before,
.menu-toggle:hover span:after {
background: var(--clr-dark);
}*/

.menu-toggle span:first-child {
    top: 0px;
  }
.menu-toggle span:nth-child(2),
.menu-toggle span:nth-child(4){
    top: 10px;
  }
.menu-toggle span:nth-child(3) {
    top: 20px;
  }
.menu-toggle span {
    left: 0px;
  }

.menu-toggle.open span {
    top: 8px;
  }
.main-navigation.open, .main-navigation.open ul {background:rgba(0,0,0,.5)}
.main-navigation.open ul {display:flex; flex-flow:column; text-align:center;position: absolute;top: 0;left: 0;width: 100%;padding: 1em 0;}

.sticky #site-logo img {transform: scale(80%);}

.backToTop {display:none; position:fixed; bottom:0; right: 2vw; padding:4px; border:0; background:#666995; font-size: 1.125em; z-index:9; color:white; cursor:pointer;}

h1 span {display:inline-block; transform:scale(-1, 1);}

/*@media screen and (width <= 840px) {
	.menu-toggle {display:block;}
	#menu .menu {display:none;}
	#menu .menu.open {display:flex;
    flex-flow: column;
    background: white;
    margin-inline: -5%;
    inset: 0;
	z-index:1;}
}*/
.kiemelt > DIV {background: hsl(225, 100%, 80%) linear-gradient(45deg, hsl(218, 16%, 63%), hsl(218, 16%, 50%));
  border-radius: 1em;
  padding: 3em;
  display: flex;
	color:white;
	& h4:after {content:""; display:block; background:white; height:1px; width:100px;}
}



/*.gomb {background:hsla(0,0%,100%, .6);
  padding: .5em;
  border: 1px solid #666995;
	width: min-content;
  margin: auto;
}
*/

a[class*="gomb"] {
	position:relative;
  display: block;
  text-transform: uppercase;
  text-align: center;
  border-radius: .25em;
  padding: .25em 1em;
	width: min-content;
	margin: auto;
}
	
.gomb {background: white; border:1px solid white;}
.gomb:hover { background:transparent; color:white;}

.gomb2 {background:transparent; color:var(--clr-primary);/*color:var(--clr-light); background: var(--clr-primary)*/;
border:1px solid var(--clr-primary);}
	.gomb2:hover { /*background:transparent; color:var(--clr-primary);*/ letter-spacing:10%;}

 .gomb2:before, .gomb2:after {
	display: inline-block;
	 position:absolute;
	content:"";
	height:1px;
	width:30px;
	background:var(--clr-primary);
	 transition: all .5s ease-in-out;
	}

.gomb2:before {
	 inset: 50% -15px;
}
.gomb2:hover::before {
		inset: 50% -20px;
}

.gomb2:after {
	inset: 50% calc(100% + -15px);
}
.gomb2:hover::after {
		inset: 50% calc(100% + -10px);
}

.accordion {
	background:hsl(0, 0%, 95%);
	border-radius:.5em;
	margin-block-start: 2em !important;
}
.push {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight:600;
	padding: .5em 1em;
}

.push span {
	display: block;
	width:40px;
	height:40px;
	cursor:pointer;
	position:relative;
}
.push span:before, .push span:after {content:""; display:block; position:absolute; background:var(--clr-primary); transition: transform ease-in-out 1s; }
.push span:before {top:18px; left:10px; height:4px; width:20px; }
.push span:after {top:10px; left:18px; width:4px; height:20px; }
.push.rotated span:after { transform:scaley(10%); }


.content {display:none; padding: 3em;}