body {

  margin: 0 auto;

  width: 1120px;
font-size: 13px;
font-family: Arial, sans-serif;
}



html {
    background: url("../images/background_texture.jpg") center center / cover fixed no-repeat;
	#background-size: 165%;
	background-position: 50% 50%;
    background-size: 1950px 1150px;
}

h1, .h1 {
  font-size: 18px;
  text-transform: uppercase;
  color: #94362f;
  padding-bottom: 10px;
}

h2, .h2 {
  font-size: 14px;
  text-transform: uppercase;
  color: #94362f;
}


h3, .h3 {
  font-size: 14px;
}


.site-grid {
  margin-bottom: auto;
}

@supports (display: grid) {
	  @media (width >= 992px) {
		  .site-grid {
			grid-gap: 0 2px;
			grid-template-columns: [full-start] minmax(0, 1fr)[main-start] repeat(5, minmax(0, 19.875rem))[main-end] minmax(0, 1fr)[full-end];
			grid-template-areas: ". banner banner banner banner banner ."
								 ". top-a top-a top-a top-a top-a ."
								 ". top-b top-b top-b top-b top-b ."
								 ". side-l comp comp comp side-r ."
								 ". bot-a bot-a bot-a bot-a bot-a ."
								 ". bot-b bot-b bot-b bot-b bot-b .";
			#display: grid;
			background-color: #333335;
			padding-left: 10px;
			padding-right: 10px;
			padding-top:1px;
			
			
	


  
		  }
	  }
	  
	  @media (width < 900px) {
			.site-grid {

				#grid-template-columns: [full-start] minmax(0, 50px)[main-start] repeat(2, minmax(0, 19.875rem))[main-end] minmax(0, 50px)[full-end]; 
				grid-template-columns: [full-start] 5px [main-start] repeat(2, 1fr) [main-end] 5px [full-end];
				

				grid-template-areas: 	". banner banner."
										". top-a top-a ."
										". top-b top-b ."
										". comp comp ."
									 ". side-l side-l ."
									 ". bot-a bot-a ."
									 ". bot-b bot-b .";
			}
			.container-header .navbar-brand {
				display: none;
			}
			/*
			.body {
				
				  margin: 0 auto;
				  width: 100%;         
				  max-width: 1120px;    
				  font-size: 18px;      
				  font-family: Arial, sans-serif;
				
			}
			
			.blog-items {
				
				  margin: 0 auto;
				  width: 100%;         
				  max-width: 1120px;    
				  font-size: 18px;     
				  font-family: Arial, sans-serif;
				
			}
			*/
			
			
			/*.site-grid p, .site-grid h1, .site-grid h2 {
        font-size: 13px;*/ /* ili npr. 1rem */
    }
}

  .site-grid > [class^="container-"], .site-grid > [class*=" container-"] {
    column-gap: 5px;
    #width: 100%;
    #width: 1100px;
    max-width: none;

  }

  .site-grid > .full-width {
    grid-column: full-start / full-end;

  }
/*
  @media (width >= 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ."
                           ". top-a top-a top-a top-a ."
                           ". top-b top-b top-b top-b ."
                           ". side-l comp comp side-r ."
                           ". bot-a bot-a bot-a bot-a ."
                           ". bot-b bot-b bot-b bot-b .";

  padding-right: 10px;
    }
  }
  
  */

  
  
}



.item-title{
  color: #94362f;
  display: block;
  text-decoration: none;
}

.item-title a{
  color: #94362f;
display: block;
text-decoration: none;
}

.nav-item a{
	
display: block;
text-decoration: none;
#background-color: #000000;
}

.nav-item a:hover{
	text-decoration: none;
display: block;
#background-color: #000000;
}


.mod-list li {
  #margin-bottom: 1px;
  #margin-top: 1px;
  #margin-left: 1px;
 

  border-bottom: #f5f5f5 1px solid;
  #border-bottom: #000000 1px solid;
  display: block;
  text-decoration: none;

}

.mod-list li a{
	
	padding: 2px;
	padding-left: 10px;
}
 

.mod-list li a:link{
	 text-decoration: none;
	 color: #3e6694;
	 
}
.mod-list li a:visited{
	 text-decoration: none;
	 color: #3e6694;
}

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

.mod-list li:hover{
	background-color: #dddddd;
	
}

.mod-list li a:hover{
	text-decoration: none;
}


.container-component{
  width: 500px;
  max-width: 1320px;
  margin-left: auto;
  #margin-right: 5px;
  display: flex;
  #background-color: #FFFFFF;
  background-color: #dae2e6;
  border-radius:5px;
  margin-top: 10px;
  padding-left:10px;
  padding-right:10px;
}


.container-header {

  background-color: #333335;
  background-image: linear-gradient(135deg, #333335 0%, #333335 100%);
  position: relative;
  box-shadow: inset 0 10px 10px #00000008;
  padding-left:0px;
  padding-right:0px;

}

.container-header .navbar-brand {

#margin: auto;
margin-inline-end:0px;

}



.container-sidebar-left{

  #margin-left:5px;
  margin-top: 10px;
  #margin-right: auto;
  #width:99%;
  background-color: #c8dce6;
  border-radius: 5px;
}

.container-sidebar-left .sidebar-left:first-child{
	
	margin-top:5px;
}

.brand-logo{

  border-radius: 5px;
  width: 100%;
}

.logo{
  border-radius: 5px;
}

.card{
  background-color: #c8dce6;
color: #3e6694;
border:0px;

}

.card-body{
padding-left: 5px;
padding-top: 3px;
}

.card-header{
	
	background-color: #557dab;
	color: #e3e3e3;
	font-size: 16px;
	width:95%;
	margin: 0 auto;
	border-radius: 5px;
}





.tinymce{
	background: #FFFFFF;
	
}

.navbar-brand {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left:5px;
  padding-right: 5px;

}
.footer{
	margin-top: 0px;
	background-color: #333335;
	background-image: none;
	#padding: 5px;
}

.footer .grid-child{
	
	padding: 5px;
}

.footer2{
	padding-left:10px;
	padding-top:10px;
	color:white;
}

.btn-secondary{
	
	padding:5px;
	font-size: 13px;
}

/*.readmore{
	
	font-size: 11px;
}*/


.article-info-term{
	color: #dae2e6;
	font-size: 1px;
}

.plg_system_webauthn_login_button {
	display: none;
}

.list-title {
	word-wrap: break-word;
    max-width: 500px;
	
}



.commentbox-counter {
	display: inline-block;
	background-color: #fff;
	color: #353b41;
	font-size: 13px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;
	margin-left: 0px;

	border-radius: 3px;
border:1px;
text-decoration: none;
}

.commentbox-comment-content-author-name {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: bold;
}

.icon-chevron-right {
	display:none;
}