@charset "UTF-8";
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.site-grid {
grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 15rem) repeat(2, minmax(0, 15rem)) minmax(0, 15rem) [main-end] minmax(0, 1fr) [full-end];
}


:root {
  --cassiopeia-color-primary: black;
  --cassiopeia-color-hover: #3c87d9;
  --cassiopeia-color-link: #999999;
  --body-font-size: 1.0rem;
  background-color: black;
}


.container-header {
   background-image: none;
   background: transparent;
}


.navbar-brand {
  text-align: center;
  width: 100%;
}

.container-header .mod-menu {
   justify-content: center;
   padding: 0;
   border-bottom: 1px solid #3c87d9;
   border-top: 1px solid #3c87d9;
   
}

.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
    font-size: 1.3em;
    text-decoration: none;
}

.container-header .mod-menu>li:hover {
	color:#3c87d9;
	text-decoration: none;
}



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


.container-component,
.container-sidebar-left,
.container-sidebar-right {
   	background-image: none;
   	background: transparent;
   	color: #cccccc;
 
}

.article-details .article-details-wrapper {
    color: #cccccc;
}

.item-page {
	background-image: none;
   	background: transparent;
}



body.site {
	background: transparent;
	background-image:url(https://motorwrecked.joomla.com/images/spadesfront.jpg);
	background-position: top;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-size: 100% auto;
}

body {
	background-image: none;
   	background: transparent;
	color: #cccccc;
}


.card-header {
   background-color: #333333;
   color: #ffffff;
   font-size: 1.2em;
   text-align: center;	
   border:solid 1px #3c87d9;
   font-weight: normal;
}

.card-body {
   
   background-image: none;
   background: #transparent;
   color: #ffffff;
   border:solid 0px #3c87d9;

}

.card {
        background-image: none;
        background: transparent;  
	border:solid 0px #000000;

}

.page-header {
   text-align: center;
   background-color: #333333;
   border: solid 1px #3c87d9;
}

h1, .contentheading {
padding: 0;
padding-top: 10px;
padding-bottom: 0px;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.5em;
font-weight: normal;
vertical-align: middle;
color: #ffffff;
text-align: center;
width: 100%;
}


h2, .contentheading {
padding: 0;
padding-top: 20px;
padding-bottom: 0px;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.5em;
font-weight: normal;
vertical-align: bottom;
color: #ffffff;
text-align: left;
width: 100%;
}


.footer {
   text-align: center;
   background-image: none;
   background: transparent;
   color: #666666;
}

.mod-footer {
	margin: 0 auto;
}


.btn-primary {
    background-color: #333333;
}




.blog-item {
	color: #cccccc;
{