/* cudzi font na pouzitie */
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
/*http://fonts.googleapis.com/css?family=Oswald:300,400&subset=latin-ext*/

/* hlavicka */
.container-header {
  	color: #FFF;
  	background-color: transparent;
  	background-image: none;
}

/* podklad menu */
.container-header .container-nav {
  	background-color: rgba(0,0,0,0.8);
  	font-family: "Oswald";
}

/* pozadie cesta  media/templates */
body.site {
	background-color: transparent;
	background-image: url(../images/tapeta1.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

/* podklad obsahu mlieko */
.site-grid {
  	background-color: rgba(255,255,255,0.8);
  	/*align-content: flex-start;*/
  	/*height: 100vh;*/
}

/* sipka v menu vedla textu */
.metismenu.mod-menu .metismenu-item {
  flex-wrap:nowrap;
}
/* banner stretch */
#mod-custom110 {
  /*background: no-repeat center center fixed; */
  background-repeat: no-repeat;
  background-size: cover;
}

/* farba poloziek menu */
.container-header .mod-menu {
 	color: #FFF;
}
/* hover nad polozkami menu */
.container-header .mod-menu li:hover {
 	color: #FF4433;
}
/* aktivna polozka menu */
.metismenu-item.active {
  color: #FF4433;
}
/* linka pod aktivnou polozkou */
.container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before {
  background: #FF4433;
}

/* collapse menu */
.navbar-collapse.collapse ul li {
  	justify-content:right;
}

/* odsadenie hlavneho obrazka v clankoch */
figure {
 	margin:0 2em 2em 0;
}

/* backtop button */
.back-to-top-link {
  background-color: #FF4433; /*var(--cassiopeia-color-hover);*/
  border-color: #FFF; /*var(--white,#fff);*/
  color: #FFF; /*var(--white,#fff);*/
}

.back-to-top-link:focus, .back-to-top-link:hover {
  background-color: #EE3322; /*var(--cassiopeia-color-hover);*/
  border-color: #FFF; /*var(--white,#fff);*/
  color: #FFF; /*var(--white,#fff);*/
}

/*logo */
.container-header .navbar-brand {
  height:100px;
}

.container-header .navbar-brand img {
  height:60px;
  width:60px
}

/* paticka */	
.container-footer {
  	color: #babbbe;
  	background-color: #000;
  	/*background-image: none;*/
}
.container-footer a:focus, a:hover{
  	color: #FF4433; /* light red */
	text-decoration: none;
}

/* odstranenie template background */
.footer {
  	background-image: none;
  	margin-top: 0;
}

/* zmena farby sablony */
:root {
	/*--body-bg: #000000;*/
	--body-color: #333;
	/*--cassiopeia-color-primary: #006600;*/
	--cassiopeia-color-link: #ff3322; /* modra light */
	--cassiopeia-color-hover: #ff4433; /* modra mid*/
}

/* zuzene menu */
.container-header .navbar-toggler {
  border: 1px solid #babbbe;
  color: #babbbe;
  cursor: pointer;
  line-height: unset;
}

/* skryvanie read more button */
@media (max-width: 992px) {
  .image-left .blog-item .item-image, .image-right .blog-item .item-image {
    flex: 1 1 40%;
  }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
}

/* sigplus module fotky */
.sig {
  margin-bottom: 2.3rem;
}

.sigplus-gallery ul li {
  margin: 0 1rem 1rem 0;
}

/* button read more
.btn {
  	border: none;
}
.btn-secondary {
  background-color: #d0e0c9;
  border-color: #ced4da;
  color: #353b41;
}
btn-secondary:focus, .btn-secondary:hover {
  background-color: #f1f1ef;
  color: #353b41;
}*/

/* uprava kvoli hornemu menu + logo v 1 riadku 
.header.container-header.full-width {
	display: grid;
	grid-template-columns: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr);
	grid-gap: 0 1em;
	align-items: left;
}*/
/* topbar plna sirka
.container-topbar {
	grid-column: 3/6;
  	grid-row: 1/2;
  	padding-right:50px;
  	color: #fff;
}
.container-header .grid-child {
	grid-column: 2/3;
  	grid-row: 2/3;
}
.container-header .container-nav {
	grid-column: 3/6;
  	grid-row: 2/3;
  	justify-content: right !important;
}*/