/* Global */
.container-component>*:first-child {
  margin-top: 0.2rem;
}

/* Header & main menu */
.container-topbar {
  min-height: 2.5rem;
  background-color: var(--datashoresitebas-color-footerbg);
  align-content: center;
}

.container-header .container-nav {
  align-content: end;
  padding-bottom: 0px;
}

.container-header .mod-menu {
  color: var(--datashoresitebas-color-nav-menu);
  font-weight: 600;
  text-transform: uppercase;
}

.container-header .mod-list li a:hover {
  color: var(--datashoresitebas-color-main);
}

.container-header .mod-list li.active>a {
  color: var(--datashoresitebas-color-main);
}

.container-header .navbar-toggler {
  color: var(--datashoresitebas-color-nav-menu);
}

.metismenu.mod-menu .metismenu-item>a:hover {
  text-decoration: none;
}

.container-header .grid-child {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: var(--datashoresitebas-color-main);
}

/* Page header */
.page-header {
  text-transform: uppercase;
  color: var(--datashoresitebas-color-pageheader);
  background-color: var(--datashoresitebas-color-pageheaderbg);
  min-height: 6rem;
  align-content: center;
  margin-bottom: 1rem;
}

.page-header h1 {
  padding-left: 0.5rem;
  font-size: 2rem;
  margin: auto;
  text-align: center;
}

/* Home carousel */
.home-carousel img {
  opacity: 0.6;
}

.home-carousel .sppb-carousel-extended-description {
  background-color: var(--datashoresitebas-color-main);
  padding: 0.6rem;
  border-radius: 0.4rem;
}

/* Projects page */
.project-feature a {
  text-decoration: none;
}

/* Icons */
i {
  color: var(--datashoresitebas-color-main);
}

/* SPPB css overides ------------------------------------------------*/
.sppb-btn {
  text-decoration: none;
  border-style: solid;
  border-color: var(--datashoresitebas-color-btn-border);
  border-width: 2px;
}

.sppb-icon i {
  color: unset;
}

.services-right .sppb-addon-wrapper {
  text-align: center;
}

/* ------------------------------------------------------------------*/



@media screen and (min-width: 768px) {

  /* Login form */

  .login {
    max-width: 50%;
  }
}