@charset "UTF-8";

:root {
	--szin_vilagos: #B3C6D6;
	--szin_fekete: #36548A;
	--szin_logo: #4397B4;
	--szin_sotet: #214b59;
	--szin_kozep: #285a6b;
	--szin7: #F4DBB2;
}

.theme-l5 {color:#000 !important; background-color:#f3f9fb !important}
.theme-l4 {color:#000 !important; background-color:#d8ebf1 !important}
.theme-l3 {color:#000 !important; background-color:#b2d6e2 !important}
.theme-l2 {color:#000 !important; background-color:#8bc2d4 !important}
.theme-l1 {color:#fff !important; background-color:#64adc6 !important}
.theme-d1 {color:#fff !important; background-color:#3b87a1 !important}
.theme-d2 {color:#fff !important; background-color:#35788f !important}
.theme-d3 {color:#fff !important; background-color:#2e697d !important}
.theme-d4 {color:#fff !important; background-color:#285a6b !important}
.theme-d5 {color:#fff !important; background-color:#214b59 !important}

.theme-light {color:#000 !important; background-color:#f3f9fb !important}
.theme-dark {color:#fff !important; background-color:#214b59 !important}
.theme-action {color:#fff !important; background-color:#214b59 !important}

.ra-theme {color:#fff !important; background-color:#4397b4 !important}
.ra-text-theme {color:#4397b4 !important}
.ra-border-theme {border-color:#4397b4 !important}

.ra-hover-theme:hover {color:#fff !important; background-color:#4397b4 !important}
.ra-hover-text-theme:hover {color:#4397b4 !important}
.ra-hover-border-theme:hover {border-color:#4397b4 !important}

.btn-primary {
	background-color: var(--szin_logo);
	border-color: var(--szin_logo);
}
/*

.btn-success {
	background-color: #214b59;
	border-color: #214b59;
}
*/

/*#menu {
	background-color:#214b59;
	color:#fff;
}*/

h1 {
	color: var(--szin_sotet);
}

h2, h3, h4 {
	color: var(--szin_kozep);
}

header {
	margin: 0;
	background-image: url("../images/hatter.jpeg");
	width: 100%;
	height: 350px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 10%;
}

#logo {
	float: right;
	display: block;
	width: 450px;
	border: 5px solid white;
	border-radius: 75px 5px;
	box-shadow: 10px 10px 5px 0px lightgray;
}

#cimdoboz {
	float: right;
	text-align: center;
	overflow: hidden;
	margin-top: 40px;
	max-width: 580px;
	padding: 16px;
	border: 1px solid var(--szin_sotet);
	border-radius: 8px;
	background-color: hsla(243,12%,66%,0.5)
}

#logo_sm {
	height: 60px;
	padding: 0px;
	border: 5px solid white;
}

@media only screen and (max-width: 980px) {
	header {
		margin-right: auto;
		margin-left: auto;
	}
	
	#logo, #cimdoboz {
		margin-left: auto;
		margin-right: auto;
	}
}


#navigacio {
	position: sticky;
	top:0;
}


footer {
	padding: 10px;
	background-color: black;
	color: var(--szin_vilagos);
}

footer a {
	color: white;
	text-decoration: none;
}

footer a:hover {
	background-color: var(--szin_logo);
	color: szin2;
}

#fel {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: var(--szin_logo);
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#fel:hover {
  background-color: #555;
}