@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;}
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:30px; 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;background-size:cover;}
#kezdobjbelso {/*width: 800px; margin: 0 0 50px 50px;*/ place-self: center;}
.elsocim{color:white;font-family: 'Advent Pro', sans-serif;font-size:2em;line-height:1.5em;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;}


@media only screen and (max-width: 1250px) {
 #kezdobjbelso {/*width: 800px; margin: 0 0 50px 50px;*/ place-self: center;background-size:cover;}
 .container-header .grid-child {padding:5px 10px 0;}
}
@media only screen and (max-width: 720px) {
 p {} 
 height: 100vh;
 .mod-custom112 p:first-of-type {padding-top:10px;}
 #kezdobj { background: url("/images/hatterkep.jpg") 10% top; display: grid;background-size:cover;}
 #kezdobjbelso {width: 95%; margin: 5px 10px 50px; place-self: center;}
 .container-header .grid-child {padding:5px 10px 0;}
 .container-header .container-nav nav {margin-top: 0;}  
 .elsotxt { font-size: 1.2em;}
 .elsocim { font-size: 1.8em;line-height:1.3em;}
 .container-component p {line-height:1.3em;}
  .footer ul.mod-menu.footer-horizontal li { margin-bottom:5px; }
}

.btn, .btn:visited, .btn:focus {font-size: 1rem;font-weight: 400;line-height: 1.5em;color: #11A0B3;bg: transparent;border:none;}
.btn:hover {background-color: #11A0B3;color:white;}