:root {
  --cassiopeia-color-primary: #2c343b;
  --gradient: var(--cassiopeia-color-primary);
  --cassiopeia-color-hover: #2A4353;
  --cassiopeia-color-link: #135487;
  --cassiopeia-font-family-body: Georgia, serif;
  --cassiopeia-font-family-headings: Georgia, serif;
}

a {
  text-decoration: none;
}

a:not([class]):hover, a:hover {
  text-decoration:underline;
}

a:not([class]) {
  text-decoration:inherit;
}

.container-header {
    background-image: var(--cassiopeia-color-primary);
}

div.navbar-brand {
    background-image: url('/images/logo.svg');
    background-repeat:no-repeat;
    background-size: contain;
    padding-left:100px;
}

header a.brand-logo {
    text-decoration: none;
}

body.home .page-header h1 {
  text-align:center;
}

.front-page-elements {
  background-size: cover;
}

body.itemid-101 div.site-grid {
  grid-gap:0;
}

body.itemid-101 main,
body.itemid-101 footer,
body.itemid-101 .row,
body.itemid-101 .blog-items {
  margin: 0px;
}

#front-page-1 { 
  background-image: url(/images/480p/background.jpg);   
  display: table;
  overflow: hidden;
  padding: 73px 0;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  height:804px;
  text-align:center;
  color:#fff;
}

#front-page-1 h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 3rem;
  font-weight: 400;
}

#front-page-3 { 
  background-image: url(/images/480p/Security-guard-STOCK-PHOTO.png);  
  padding: 100px 0;
  height: 804px;
  color: #fff;
}
#front-page-4 {
  padding: 100px 0;
}

#front-page-5 { 
background-image: url(/images/480p/bg-5.jpg);  
display: table;
overflow: hidden;
padding: 73px 0;
table-layout: fixed;
width: 100%;
height:804px;
color:#fff; 
}

#front-page-7 { 
  background-image: url(/images/480p/bg-7.jpg); 
  display: table;
  overflow: hidden;
  padding: 73px 0;
  table-layout: fixed;
  width: 100%;
  height:804px;
  color:#fff;   
}
.item-image, .item-image img, .contact-category .category-desc img {
    width:100%;
}
.item-image img {
    max-width:100%;
}

/* onelinelayouts vars override in parent style tag: --varname: xyz */
/* onelinelayouts sidebar */
.onelinesidebar {
    --sidebarmin: 150px;
    --sidebarmax: 25%;
    display: grid;
    grid-template-columns: minmax(var(--sidebarmin), var(--sidebarmax)) 1fr;
}
/* onelinelayouts RAM */
.onelineram {
    --rammin: 150px;
    --rammax: 1fr;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--rammin),var(--rammax)));
}
/* onelinelayouts Deconstructed Pancake dpancake */
.onelinedpancake {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.onelinedpancake > div {
    --dpancakewidth: 150px;
    --dpancakemargin: 5px;
    flex: 1 1 var(--dpancakewidth);
    margin: var(--dpancakemargin);
}
.onelinedpancake > div.nostretch {
    flex: 0 1 var(--dpancakewidth);
}
/* template.css overrides its own override, setting up the various background colors with opacity and then taking it away. 
 * this is an override of the overrided override
 */
.bg-primary {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
}

.bg-secondary {
  --bg-opacity: 1;
  background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important;
}

.bg-success {
  --bg-opacity: 1;
  background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important;
}

.bg-info {
  --bg-opacity: 1;
  background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important;
}

.bg-warning {
  --bg-opacity: 1;
  background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important;
}

.bg-danger {
  --bg-opacity: 1;
  background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important;
}

.bg-light {
  --bg-opacity: 1;
  background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important;
}

.bg-dark {
  --bg-opacity: 1;
  background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important;
}

.bg-black {
  --bg-opacity: 1;
  background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important;
}

.bg-white {
  --bg-opacity: 1;
  background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important;
}

.bg-body {
  --bg-opacity: 1;
  background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important;
}

.bg-transparent {
  --bg-opacity: 1;
  background-color: transparent !important;
}