:root {
  --cassiopeia-color-primary: #ec9141;
  --cassiopeia-color-hover: #174F4B;
  --cassiopeia-color-link: #900C3F;
}

.container-header { 
    background-color: #70677d;
    background-image: url("kepek/fejlec-hatter.jpg");
    padding-bottom: 0; 
}

.container-header .navbar-brand { 
    padding-bottom: 0; 
}

.container-header .container-nav {
    padding: 0;
    padding-bottom: 10px;
}

.container-topbar {
    color: #fff;
    background-color: #fff;
    border-bottom: 2px solid #fff;
    text-align: center;
    font-weight: bold;
    font-variant: small-caps;
}

.container-below-top {
    color: #fff;
    background-color: #ec9141;
    border-bottom: 3px solid #fff;
    text-align: center;
}

.container-topbar p {
        margin-bottom: 4px;
}


.container-topbar .mod-custom {
    display: inline-block;
    padding: 5px 20px 0px 20px;
}

.container-topbar .mod-custom a:link {
     text-decoration: none;
}

.container-header .mod-menu {
     color: #000;
}

.site-grid .container-top-a {
}

.site-grid .container-component {
     margin-top:0;
}

.sidebar-left {
     font-weight: bold;
     font-variant: small-caps;
     color: #5e5971;
}

.container-sidebar-left {
     max-width: 300px !important;
     margin-top: 0.5em;
}

.container-sidebar-left .card {
     margin-top: 0.5em;
}



.container-sidebar-left .card-body {
     padding-bottom: 2px;
     background-color: #fff5ec; 
}

.container-sidebar-left .card-body a:link {
     text-decoration: none;
}



.container-sidebar-left .card-header {
     color: #ec9141;
     padding: 5px;
}

.mod-list a {
     color: #5e5971;
}


.mod-list li.active>a {
    text-decoration: none;
    color: #f47f18;
}

.card-header {
    font-size: 1em;
}

.footer {
     background-color: #ec9141;
     font-variant: small-caps;
     text-decoration: none;
}

.footer a:link {
     text-decoration: none;
}


.footer .grid-child {
       padding: 1rem 1rem 8px;
}

.item-page img {
       padding: 8px;
}


.com-contact.contact {
       padding: 15px;
       background-color: #fff5ec;
       border-radius: 10px;
}

.com-contact.contact h2 {
       display: none;
}

.com-contact.contact h1 {
       font-variant: small-caps;
       font-size: x-large;
       border-radius: 10px;
       padding: 5px;
       background-color: #dfe3e7;
       color: #ec9141;
}

div.mod-languages img
 {
   
}

div.mod-languages ul li.lang-active {
  background-color: transparent !important;}