/* Sidebar lelf- main- and right width **/

body.wrapper-fluid .site-grid {
	grid-template-columns: minmax(0,1fr) 15% repeat(2,minmax(0,70%)) 15% minmax(0,1fr);
}
sidebar-left {
	text-align: left;
}
sidebar-right {
	text-align: right;
}

/* information from https://danicoenterprises.com/blog/entry/joomla-4-tweak-cassiopeia-with-a-top-banner-and-horizontal-navigation 

/* Banner Image */ 
.mybanner { min-width: 100%; 
} 

/* Menu */
/* Override the lila background with white */ 
.container-header { background-color: white; background-image: none; 
} 

/* Text should now be blue */ 
.container-header .mod-menu { color: #003f87; 
} 

/* We add padding and radius so that on hover there is a nice background */ 
.container-header .mod-menu a { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; padding: 0px 6px; 
color: #003f87; 
} 

/* On hover there should be a gray background*/ 
.container-header .mod-menu a:hover { background-color: #eee; 
} 

/* We need to change the color of the Hamburger Menu because white on white is not good */ 
.container-header .navbar-toggler { color: #003f87; border: 1px solid #003f87; 
} 

/* The page header of Cassiopeia has the class "header" so you control it with .header */

/* .header {
    background: rgb(58, 205, 249);  
    background: linear-gradient(90deg, rgba(58, 205, 249, 1) 0%, rgba(40, 166, 232, 1) 35%, rgba(18, 102, 168, 1) 100%);
}*/

h1, .h1 {
  	color: rgba(206, 17, 38, 1);
  	font-size: calc(1.375rem + 1.5vw);
	text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
}

@media (width >= 1200px) {
  h1, .h1 {
 	font-size: 2.5rem;
  }
}

h2, .h2 {
  	color: rgba(0, 107, 63, 1);
	font-size: calc(1.325rem + .9vw);
	text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
}

@media (width >= 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  	color: rgba(0, 63, 135, 1);
  	font-size: calc(1.3rem + .6vw);
	text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
}

@media (width >= 1200px) {
  h3, .h3 {
	font-size: 1.75rem;
  }
}

h4, .h4 {
  	color: rgba(153, 102, 51, 1);
	font-size: 0.7rem;/* calc(1rem + .3vw);*/
}

@media (width >= 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  	color: rgba(98, 37, 153, 1);
	font-size: 1.25rem;
}

h6, .h6 {
  	color: rgba(51, 0, 0, 1);
	font-size: 1rem;
}
.titleheader {
	font-size: 1rem;
}
/* The page footer of Cassiopeia has the class "footer" so you control it with .footer */

.footer {
    background: rgb(58, 205, 249);  
    background: linear-gradient(90deg, rgba(58, 205, 249, 1) 0%, rgba(40, 166, 232, 1) 35%, rgba(18, 102, 168, 1) 100%);
}

/* CSS Document */