/* Override the main font for the template body and headings */
:root {
  --datashoresitebas-font-family-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  --datashoresitebas-font-family-headings: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
}

.container-header .grid-child {  
  padding: 0rem;
  padding-top:0.5rem;
}

.navbar-brand {
  background: #ffb80c;
}
.brand-logo img {
  float: left;
  height: 100px;
  width: auto;
  margin: 0.2rem 0.2rem;
}

.container-header .container-nav {
background: #212529;
}
.navbar {
  padding: 0rem;
}

.image-container {  
  position: relative;
  text-align: center;
  color: white;
  opacity: 0.5;
}

.image-text-centered {
  color: #FFFFFF;
  font-size: 30px;
  font-style: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Remove borders for modules */
.card {
  border-color: #FFFFFF;

}

/* Remove card spacers for sp page builder page header module*/
.page-header.card {
  --card-spacer-x: 0;
  --card-spacer-y: 0;
}

.container-component>*+* {
  margin-top: 0rem;
}

.container-component>*:first-child {
  margin-top: 0rem;
}

/* Set the footer background colour and extra styling */
.bottom-b::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 24px;
  background: url(../images/footerbg.png) center -5px repeat-x;
}

.bottom-b {
  background-color: var(--datashoresitebas-color-footerbg);
}

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

.mod-finder .form-control {
  color: var(--datashoresitebas-color-primary-font);
  border-color: var(--datashoresitebas-color-secondary);
}

.testimonial-div #btn-open {
  background-color: var(--datashoresitebas-color-secondary);
}

.view-more #viewplus {
  background-color: var(--datashoresitebas-color-secondary);
}