@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

:root, [data-bs-theme="light"] { 
  --body-color: #ffffff;
  --body-color-rgb: 255, 255, 255;
  --body-bg: #122B79;
  --body-bg-rgb: 18, 43, 121;
  --secondary-color: #fdfdfdbf; 
  --secondary-color-rgb: 253, 253, 253, 0.75; 
  --link-color: #00bcd4; 
  --link-color-rgb: 0, 188, 212, 1;
  --link-decoration: none;
  --link-hover-color: #fafbfd;
  --link-hover-color-rgb: 250, 251, 253;
}

.breadcrumb-item.active {
    color: #ffffff;
}
a, a:not([class]) {
    text-decoration: none;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #01fffc;
}

.page-header h1 {
  font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;}

.metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button, .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover {
    text-decoration: none; 
}

.container-header {
  background-color: var(--body-bg);
  background-image: unset;
}

.metismenu.mod-menu .mm-collapse {
    background-color:#03016c;
}
/*footer*/
.container-footer .grid-child {
    width: 100%;
  	min-width: 100%;
    position: relative;
  	display: inline-block;
    bottom: 0;
    left: 0;
    /*text-align: center;  W */
    padding-top: 0;
    margin: 0;
    padding-bottom: 0;
    padding:0;
    background-color: var(--cassiopeia-color-primary);
}
div#mod-custom112 {
  text-align: center;
    margin-top: 8px;
}
div#mod-custom110{
    background-color: var(--cassiopeia-color-primary);
    padding-top: 1em;
    padding-bottom: 1em;
    line-height: 22.85714286px;
    color: #ffffff;
    font-size: 16px;
}
.bd-container-inner {
    position: relative;
}
@media (min-width: 768px){
  #mod-custom110 .row{
    max-width: 750px;
}
}
@media (min-width: 992px){
#mod-custom110 .row{
    max-width: 970px;
}
}

@media (min-width: 1200px){
#mod-custom110 .row{
    max-width: 1170px;
}
}
/*footer - contact */
.bd-columns > .bd-container-inner > .container-fluid, .bd-columns > .bd-container-inner > .container-fluid > .row {
    height: 100%;
}
.bd-row-flex.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.row {
    margin: 0 auto;
}
.bd-row-flex.row > [class*="bd-columnwrapper-"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 0;
    min-width: 0;
    justify-content: center;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    width: 100%;
}

@media (min-width: 768px){
  .col-sm-6 {
    width: 50%;
 }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
}
@media (min-width: 992px){
.col-md-4 {
    width: 33.33333333%;
  }
} 

.bd-row-align-middle.bd-row-flex.row > [class*="bd-columnwrapper-"] > .bd-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.bd-row-flex.row > [class*="bd-columnwrapper-"] > .bd-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.bd-column {
    min-height: 0;
    min-width: 0;
}
.bd-row-flex.row > [class*="bd-columnwrapper-"] > .bd-column > .bd-vertical-align-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 0;
    min-width: 0;
}
.bd-section-1 {
    line-height: 22.85714286px;
    color: #ffffff;
    font-size: 16px;
}
.bd-container-inner, .bd-page-width .bd-background-width > .bd-container-inner {
    height: 100%;
}

.bd-container-inner {
    position: relative;
}
@media (min-width: 768px){
  .bd-container-inner {
      max-width: 750px;
  }
}
@media (min-width: 992px){
  .bd-container-inner {
      max-width: 970px;
  }
}
@media (min-width: 1200px){
  .bd-container-inner {
      max-width: 1170px;
  }
}
@media(max-width: 768px){
    .bd-columnwrapper-18:nth-child(even) {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .media, .media-body /*w*/
  {flex-direction: column;
    text-align: center;}
}

.bd-container-inner {
    margin-left: auto;
    margin-right: auto;
}
.media:first-child {
    margin-top: 0;
}
.media, .media .media {
    margin-top: 15px;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
    display: flex;
    justify-content: center;
      align-items: center;
}
.bd-tagstyles:not(.bd-custom-image):not(.shape-only) img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
}

.media > .pull-left {
    margin-right: 10px;
}
.bd-imagestyles-18 {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
}
.bd-imagelink-2 {
    width: 70px;
    padding: 5px;
}
.pull-left {
    float: left !important;
}
.media-object {
    display: block;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.bd-block-10 .bd-blockcontent {
    margin: 0.8em;
}
#mod-custom111 iframe{
  height: 300px;
}
iframe {
    width: 100%;
}
div#mod-custom111 p {
    margin: 0 auto;
    width: 100%;
}

/* << END footer-contect*/


/* Carousel - G */
.carousel-item h5 {
    text-shadow: #FFF 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, 0px 0px 20px rgba(255, 255, 255, 0);
    color: #112855;
    font-size: 85px;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.carousel-item h5 a{
  color: #122B79;
}
.carousel-item h5 a:hover{
  color: #00bcd4;  
}
.carousel-caption {
    top: 25%;
}
@media(max-width: 768px){
 	.carousel-item h5 {
      font-size: 28px;
   } 
}

.carousel-indicators [data-bs-target] {
  height:10px;
  border: solid 1px #122b79;
  border-radius: 4px;
} 
.carousel-control-next-icon, .carousel-control-prev-icon {
  background-color:#122B79;
  border: solid 1px #122b79;
    border-radius: 4px;
}

/* NAV Desktop - G */
@media(min-width: 992px){
  .metismenu.mod-menu .metismenu-item > button.mm-collapsed.mm-toggler.mm-toggler-link {
    display: none;
  }
  .metismenu.mod-menu .metismenu-item.level-1:hover > ul.mm-collapse {
    display: block;
  }
}

/* PhocaGallery - G */
.pg-categories-items-box, .pg-category-items-box {
    justify-content: center;
}
.form-select, .custom-select {
    color: #000000;
}
.icon-angle-left:before, .icon-angle-double-left:before {
    color: #616161;
}
.com_phocagallery .pagination {
    justify-content: center;
}

/* Writer - G */
#container{
	width: max-content;
    margin: 0 auto;
    position: relative;
}
#printer{
    width: max-content;
    height: 400px;
    margin: 0 auto;
    position: relative;
    top: 0;
  border:solid 1px;
}
div#bg{
    width: 100%;
    height: 400px;
    position: relative;
    top: -400px;
    left: 0;
    z-index: 1001;
    margin-bottom: -400px;
}
#bg>div{
   background: #FFFFFFde; 
   width: 100%;
   height: 5%;
   position: relative;
   left: 0;
   right: 0;
   width: auto;
   padding: 0;
   margin: 0;
}

#bg>div:nth-child(even){
    -webkit-animation: typeL 0.25s steps(180, end);
    animation: typeL 0.25s steps(180, end);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#bg>div:nth-child(odd){
  -webkit-animation: typeR 0.25s steps(180, end);
  animation: typeR 0.25s steps(180, end);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#bg>div#write1{
    -webkit-animation-delay: 1.5s;
 	animation-delay: 1.5s;
}
#bg>div#write2{
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}
#bg>div#write3{
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#bg>div#write4{
    -webkit-animation-delay: 2.25s;
  animation-delay: 2.25s;
}
#bg>div#write5{
    -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
#bg>div#write6{
    -webkit-animation-delay: 2.75s;
  animation-delay: 2.75s;
}
#bg>div#write7{
    -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
#bg>div#write8{
    -webkit-animation-delay: 3.25s;
  animation-delay: 3.25s;
}
#bg>div#write9{
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
#bg>div#write10{
  -webkit-animation-delay: 3.75s;
  animation-delay: 3.75s;
}
#bg>div#write11{
   -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
#bg>div#write12{
   -webkit-animation-delay: 4.25s;
  animation-delay: 4.25s;
}
#bg>div#write13{
   -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
#bg>div#write14{
   -webkit-animation-delay: 4.75s;
  animation-delay: 4.75s;
}
#bg>div#write15{
   -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
#bg>div#write16{
   -webkit-animation-delay: 5.25s;
  animation-delay: 5.25s;
}
#bg>div#write17{
   -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}
#bg>div#write18{
   -webkit-animation-delay: 5.75s;
  animation-delay: 5.75s;
}
#bg>div#write19{
   -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
#bg>div#write20{
   -webkit-animation-delay: 6.25s;
  animation-delay: 6.25s;
}

#print-text > h2 {
    color: #122B79;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-shadow: #FFF 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, 0px 0px 20px rgba(255, 255, 255, 0);
    position: absolute;
    top: 140px;
    margin: auto;
    left: 28%;
    z-index: 1500;
}
@media(max-width: 992px){
  #print-text > h2 {
      top: 88px;
      margin: auto;
      left: 26%;
      font-size: 21px;
	}
}
@media(max-width: 550px){
  #print-text > h2 {
      top: 54px;
      margin: auto;
      left: 28%;
      font-size: 12px;
	}
}

@keyframes typeL {
  0% {
    left: 0;
    width: 100%;
  }
  100%{
    left: 100%;
    width: 0;
  }
}

@keyframes typeR {
  0% {
    right: 0;
    width: 100%;
  }
  100%{
    right: 100%;
    width: 0;
  }
}


@media(max-width: 992px){
  #printer{
    height: 250px;
  }
  div#bg{
      height: 250px;
      top: -250px;
      margin-bottom: -250px;
  }
}
@media(max-width: 540px){
  #printer{
    height: 150px;
  }
  div#bg{
      height: 150px;
      top: -150px;
      margin-bottom: -150px;
  }
}

.card-body {padding:0px;}

/* email küldés */
.com-contact__container {
    display: none;
}
.alert-message {
    color: #112855;
}
.invalid {
    color: #ff6100;
    border-color: #ff6100;
}
textarea#jform_contact_message {
    background-color: #122b79;
}
/* email küldés END*/

/* NAV mobile - G */
@media(max-width: 992px){
  .header .grid-child {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
  }
  .container-header nav {
    margin: 0.5em auto 0 auto;
    display: flex;
    justify-content: center;
  }
  .container-header .navbar-brand {
    margin: 0 auto;
  }
  .navbar-toggler:focus {
    box-shadow: unset;
  }
  .metismenu.mod-menu .metismenu-item>a:focus, .metismenu.mod-menu .metismenu-item>button:focus {
    outline-offset: 0;
    outline: 0;
  }
}
.modal-content {
    background-color: #ffffff;
}