@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:wght@500;800&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=News+Cycle&display=swap&subset=latin-ext');
body { font-family: 'Verdana', sans-serif; font-size: 17px;font-weight: 500; line-height: 2;}
a, a:hover {text-decoration: none;}
a:not([class]) {text-decoration: none;}
a:hover {color: #11A0B3;}
h1, h2, h3, h1 a, h2 a, h3 a { font-family: 'News Cycle', sans-serif !important; font-weight: 400;color: #11A0B3; text-decoration: none;font-size:1.5em; margin-bottom: 2rem;}
/* Menü (Cassiopeia felső menüjére) */
.navbar .metismenu-item a {font-family: 'Advent Pro', sans-serif;font-weight: 500;text-decoration: none;text-transform:uppercase;font-size:22px;}
.container-header {background: #11A0B3;}
.container-header .container-nav {padding-bottom: 0;}
.container-header nav {margin-top: 0;}
.container-header .grid-child {padding: 0;}
#mod-custom112 p {margin-bottom: 0;}
/*.site-grid {margin-top: 30px;}*/
.container {padding-left: 15px;padding-right: 15px;}
.item-content { margin-bottom: 30px; padding: 20px; border: 1px solid #ddd; border-radius: 3px;box-shadow:0px 0px 20px #ddd;}
.container-header .metismenu > li > a::after, .container-header .metismenu > li > button::before {opacity: .8;}

.footer {background: linear-gradient(to bottom, #ddd, #fff 50%, #fff 75%, #fff 75%);margin-top:50px;}
.footer .grid-child {align-items: normal;padding: 1.5rem .5em;}.footer .mod-menu {flex-direction: row;}
.footer ul.mod-menu.footer-horizontal {display: flex; justify-content: center; flex-wrap: wrap;  gap: 0;  list-style: none;  padding: 0;  margin: 0px 0;}
.footer p, .footer div, .footer a { color: #999; line-height: 17px; font-size: 14px; margin-bottom: 0; text-decoration: none !important;}
.footer ul.mod-menu.footer-horizontal li {  margin: 0 10px 15px;  position: relative;}
.footer ul.mod-menu.footer-horizontal li:not(:last-child)::after {  content: "/";  position: absolute;  right: -10px;  color: #999;}
.footer ul.mod-menu.footer-horizontal li a {  text-decoration: none;  color: #999;  font-size: 14px;  padding: 0 5px;line-height:21px;}
.footer ul.mod-menu.footer-horizontal li a:hover, .footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus { color: #333;}
.footer h3, .footer h4, .footer h1 { display: block; visibility:visible;}

#kezdobj { width: 100%; min-height: 90vh;  background: url("/images/hatterkep.jpg") center center; display: grid;}
#kezdobjbelso {width: 800px; margin: 0 0 50px 500px; place-self: center;}
@media only screen and (max-width: 1250px) {
 #kezdobjbelso {width: 800px; margin: 0 0 50px 200px; place-self: center;}
}
@media only screen and (max-width: 960px) {
 #kezdobjbelso {width: 800px; margin: 0 0 50px 0px; place-self: center;}
}
@media only screen and (max-width: 720px) {
 #kezdobjbelso {width: 100%; margin: 50px; place-self: center;}
}
.elsocim{color:white;font-family: 'Advent Pro', sans-serif;font-size:2em;line-height:2em;text-transform: uppercase;text-shadow: 2px 2px 4px #000000;}
.elsotxt{color:white;font-family: 'Advent Pro', sans-serif;font-size:1.5em;line-height:1.5em;text-transform: uppercase;text-shadow: 2px 2px 3px #000000;}

.back-to-top-link:hover, .back-to-top-link:focus { background-color: #11A0B3;}