/* Custom Stylesheet */


/* Colors */
.aspire-purple {
  background-color: #6b2872 !important;
}

.aspire-purple-text {
  color: #6b2872 !important;
}

.aspire-green { 
  background-color: #09a94e !important;
}

.aspire-green-text {
  color: #09a94e !important;
}

.aspire-yellow { 
  background-color: #f8d609 !important;
}

.aspire-yellow-text {
  color: #f8d609 !important;
}
.aspire-grey {
  background-color: #8d8f91 !important;
}

.aspire-blue {
  background-color: #0088bb !important;
}

.aspire-teal {
  background-color: #007d88 !important;
}


/* Standard overrides */
body {
  background-color: #f5f5f5;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

nav, nav .nav-wrapper i,
nav a.button-collapse,
nav a.button-collapse i {
  height: 50px;
  line-height: 50px;
}

.navbar-fixed {
  height: 50px;
}

nav img {
  vertical-align: middle;
}

main {
  flex: 1 0 auto;
}

main > div:nth-of-type(1) {
  padding-top: 20px;
}

p {
  line-height: 2rem;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.container {
  margin-top: 10px;
}


/* Navigation */
nav ul a, nav .brand-logo {
  color: #fff;
}

.dropdown-content li a {
  color: #6b2872;
}

.logo-text {
  font-weight: 500;
}


/* Buttons */
.button-collapse {
  color: #fff;
  cursor: pointer;
}

.domain-btn {
  height: 9.375em;
}

.feedback-btn {
  cursor: pointer;
}

.fav-btn, .fav-btn-fill {
  cursor: pointer;
}

.btn-floating i, .btn-floating a {
  background-color: #6b2872;
}


/* Icons */
.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

.filter-list {
  cursor: pointer;
}

.dashboard-actions {
  cursor: pointer;
}

.card-icon {
  position: relative;
  color: #6b2872;
  line-height: 50px;
}

.dashboard-card-info {
  color: #bdbdbd;
}

.dashboard-card-external {
  color: #bdbdbd;
  cursor: pointer;
}

.dashboard-card-favorite {
  color: #6b2872;
}


/* Dialogs */
#comments, label[for="comments"] {
  display: none;
}

.error {
  color: #b71c1c;
  text-align: center;
}

/* Domains */
.domain-content, .domain-image {
  margin: auto;
  height: 50%;
  padding: 5px;
}

.domain-title {
  font-weight: bold;
}

.domain-header a:hover small {
  padding-left: 5px;
  opacity: 1;
  visibility: visible;
  width: 6em;
  line-height: 1em;
  transition: width 0.5s, opacity 1s ease, visibility 0s 0.5s linear;
}

.domain-header small {
  padding-left: 5px;
  opacity: 0;
  visibility: hidden;
  width: 0;
  line-height: 1em;
  transition: width 0.5s 1s, opacity 1s 1s, visibility 0s 1s linear;
}


/* Cards */
.dashboard-card-content {
  height: 25%;
  width: 100%;
  position: absolute; 
  bottom: 0;
  font-weight: 500;
  background-color: #ffffff;
  line-height: 50px; 
  padding: 2px 2px 2px 5px;
}

.card.small {
  position: relative;
  height: 200px;
}

.card.small .card-image {
  max-height: 100%;
  overflow: hidden;
}

.card-image img {
  height: 200px;
  width: 100%;
}

.card.small .card-image + .dashboard-card-content {
  max-height: 100%;
}

.placeholder-thumbnail,
.under-maintenance {
  height: 200px;
  padding-top: 5%;
  text-align: center;
  background-color: #e0e0e0;
}

.maintenace-title {
  font-weight: 500;
  font-size: 1.2em;
  margin-top: 10px;
}

.maintenance-icon {
  font-size: 2.5em;
  color: #616161;
  padding: 10px;
  border: 5px solid #616161;
}


.placeholder-thumbnail i {
  color: #616161;
  padding: 10px;
  border: 5px solid #616161;
}

/* Links */
.btn-floating.aspire-purple i:hover, .btn-floating.aspire-purple a:hover {
  background-color: #a583a9;
}

.row.breadcrumbs {
  padding-top: 5px;
  margin-bottom: 5px;
}

.tableauPlaceholder {
  margin: 0 auto 15px;
  width: 1340px;
  height: 1000px;
  position: relative;
  overflow: hidden;
  display: block;
}

.tableauViz {
  width: 1340px;
  height: 1000px;
  display: none;
}

.breadcrumb {
  color: #09a94e;
  font-size: 1em;
}

.breadcrumb:before {
  color: #444;
  vertical-align: middle;
}

.breadcrumb:last-child {
  color: #444;
}

/* Tables */
td {
  vertical-align: top;
}

td.domain-column, td.name-column {
  width: 15%;
}

td.decription-columns {
  width: 70%;
}

tr.border-row {
  border-bottom: 1px solid #d0d0d0;
}

#welcome-modal h4 {
  display: inherit;
}