header.header > div.grid-child{
	background: radial-gradient(rgba(239, 132, 25,1) 1%, rgba(239, 132, 25,0.95) 2%, rgba(239, 132, 25,0.0) 3%) -150px 260px, radial-gradient(rgba(65, 40, 27,1) 1%, rgba(65, 40, 27,0.95) 3%, rgba(65, 40, 27,0.0) 4%) -70px 240px, radial-gradient(rgba(239, 132, 25,1) 3%, rgba(239, 132, 25,0.95) 5%, rgba(239, 132, 25,0.0) 6%) 50px 230px, radial-gradient(rgba(210, 0, 36,1) 6%, rgba(210, 0, 36,0.95) 8%, rgba(210, 0, 36,0) 9%) -10px 243px, radial-gradient(rgba(190, 10, 38,1) 2%, rgba(190, 10, 38,0.95) 4%, rgba(190, 10, 38,0) 5%) -100px 230px, radial-gradient(rgba(239, 132, 25,1) 7%, rgba(239, 132, 25,0.95) 8%, rgba(239, 132, 25,0.0) 9%) 120px 235px, radial-gradient(rgba(231, 81, 19,1) 1%, rgba(231, 81, 19,.95) 2%, rgba(231, 81, 19,0) 3%) 70px 250px, radial-gradient(rgba(231, 81, 19,1) 2%, rgba(231, 81, 19,.95) 3%, rgba(231, 81, 19,0) 4%) 130px 250px;
	background-size: 400px 400px, 400px 400px, 400px 400px, 400px 400px,400px 400px,400px 400px,400px 400px, 100% 100%;
    background-repeat: repeat;
	padding-top: 0px;
	padding-bottom: 0px;
}	
header .navbar-brand {
	margin: 10px auto;
	padding: 15px 50px;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(255,255,255) 10%, rgb(255,255,255) 90%, rgba(255,255,255,0) 100%)	
}


h1,h2,h3,h4,h5,h6 {
	color: var(--link-color);
}


body{
	
	background: radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.45) 30%, rgba(255,255,255,.4) 32%, rgba(255,255,255,0.0) 33%) 0 0, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 0 0, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.3) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0;
    background-color: #def;
	background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
}


.card-header {
  padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
  color: #FFF;
  background-color: var(--link-color);
  border-bottom:0px;
  margin-bottom: 0;
}

.card-body {
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #f38d20;
  background-image: url(/images/module_background.png);
  background-position: center;
  background-repeat: no-repeat;
}
/*
.site-grid > .grid-child > main {
	background-color: #fff;
	border: 1px solid #f38d20;
}


.site-grid > .grid-child > main > div {
  padding: 5px 20px;
}

*/


.grid-child.container-component > div , .grid-child.container-component > main{
	background-color: #fff;
	border-left: 1px solid #f38d20;
	border-right: 1px solid #f38d20;
	margin-top: 0px;
	padding: 1em;
	padding-bottom: 0em;
}
.grid-child.container-component > :first-child{
	border-top: 1px solid #f38d20;
	margin-top: 1em;
}

.grid-child.container-component > :first-child, 
.grid-child.container-component > :first-child[id*="system-message-container"] + div {
	border-top: 1px solid #f38d20;
	margin-top: 1em;
}


#mod-custom120 > div{
	display: none;
	border: none;
	margin: 0px;
	padding: 0px;
}
#mod-custom120{
	padding: 0px;
}

.grid-child.container-component > :last-child{
	border-bottom: 1px solid #f38d20;
}

.site-grid > .grid-child > main {
	padding-top: 0px;
}

.grid-child.container-component:has(> div > .page-header) > div:first-child > .page-header {
  background-color: #000;
}