/*!
 * (c) Living Pages Research GmbH
 */

@import "livis-parallax.css";
/* requires fonts in ../../themes/bootstrap-marketing/fonts too: */
@import "../../Themes/marketing.bootstrap/dist/toolkit-minimal.min.css";


.logoicon {
  width:  70px; /* 544 *12.8% */
  height: 64px; /* 499 *12.8% */
}

.logotext {
  padding-left: 14px;
}

@media screen and (min-device-width: 1920px) { /* assume desktop browser supporting svg scaling */
.logoicon {
  transform: scale(2,2) translate(17px,-20px);
  filter: drop-shadow( 1px 1px 0px rgba(0, 0, 0, 0.3));
  transition: all 0.7s ease-out;
}
.logoicon:hover {
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, 0.9));
  transform: scale(3,3) translate(20px,20px);
}
.logotext {
  padding-left: 84px;
}
}

@media screen and (max-width: 1024px) {
.logotext {
  display: none;
}
}


.livisbg {
  background-color: #fff0e0 !important; // livis paper bg
}
.livisfg {
  color: magenta !important;
}
.livisgray {
  background-color: lightgray !important; // livis paper bg
}

.app-block-footer {
  padding: 30px 30px;
}

.card {
  border-radius: 12px;
  box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
  color: #333333;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  border: 0 none;
}
.card-profile .card-avatar {
  max-width: 120px;
  max-height: 120px;
  margin: -60px auto 0;
  border-radius: 50%;
  overflow: hidden;
}

.opaque-overlay {
  overflow: hidden;
  position: relative;
  > *:first-child:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events:none;
    background: rgba(52,110,64,0.25); // #343a40, map-get($theme-colors, 'dark')
  }
}

.opaque-overlay2 {
  background: rgba(0,0,0,0.25);
}

.gradient-overlay {
  overflow: hidden;
  position: relative;
  > *:first-child:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events:none;
    background: linear-gradient(to top , #343a40 0%, transparent 100%); // #343a40, map-get($theme-colors, 'dark')
  }
}

.gradient-overlay2 {
  background: linear-gradient(to top , rgba(0,0,0,0.50), transparent 100%);
}