/*!
 * dnkMaterial styles, based on Materialize
 * these are stylesheet items relative to korteweb custom elements
 * which principally include CARDS.
 * 
 * note there is another sheet dnk_materialnav.css which includes navigation elements,
 * and another dnk_materialcolors.css which includes material color definitions
 *
 * @version: 20170506 added .dm_coloredtopcard-longtitle
 * 
 * Materialize v0.97.0 (http://materializecss.com)
 * Copyright 2014-2015 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */
 
.z-depth-0 {
  box-shadow: none !important; }

.z-depth-1, nav .dropdown-content {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  
.z-depth-1-half, .dm_card-panel, .dm_card {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.z-depth-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.z-depth-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

.dm_left-align {
  text-align: left; }

.dm_right-align {
  text-align: right; }

.dm_center, .dm_center-align {
  text-align: center; }

.dm_left {
  float: left !important; }

.dm_right {
  float: right !important; }
  

/*
 * cards - use as documented in materialcss, except that all classes are prefixed by dm_
 *    and that the card-reveal feature is not implemented
 */
 
.dm_card-panel {
  transition: box-shadow .25s;
  padding: 20px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff; }

.dm_card {
  position: relative;
  overflow: hidden;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow .25s;
  border-radius: 2px; }
  
  .dm_card .dm_card-title {
    color: black;
    font-size: 24px;
    font-weight: 300; }
  .dm_card.small, .dm_card.medium, .dm_card.large {
    position: relative; }
    .dm_card.small .dm_card-image, .dm_card.medium .dm_card-image, .dm_card.large .dm_card-image {
      overflow: hidden; }
    .dm_card.small .dm_card-content, .dm_card.medium .dm_card-content, .dm_card.large .dm_card-content {
      overflow: hidden; }
    .dm_card.small .dm_card-action, .dm_card.medium .dm_card-action, .dm_card.large .dm_card-action {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
  .dm_card.small {
    height: 300px; }
    .dm_card.small .dm_card-image {
      height: 150px; }
    .dm_card.small .dm_card-content {
      height: 150px; }
  .dm_card.medium {
    height: 400px; }
    .dm_card.medium .dm_card-image {
      height: 250px; }
    .dm_card.medium .dm_card-content {
      height: 150px; }
  .dm_card.large {
    height: 500px; }
    .dm_card.large .dm_card-image {
      height: 330px; }
    .dm_card.large .dm_card-content {
      height: 170px; }
  .dm_card .dm_card-image {
    position: relative; }
    .dm_card .dm_card-image img {
      border-radius: 2px 2px 0 0;
      position: relative;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%; }
    .dm_card .dm_card-image .dm_card-title {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 20px; }
  .dm_card .dm_card-content {
    padding: 20px;
    border-radius: 0 0 2px 2px; }
    .dm_card .dm_card-content p {
      margin: 0;
      color: inherit; }
    .dm_card .dm_card-content .dm_card-title {
      line-height: 48px; }
  .dm_card .dm_card-action {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 20px; }
    .dm_card .dm_card-action a {
      /* color: #ffab40; */
      margin-right: 20px;
      -webkit-transition: color .3s ease;
      -moz-transition: color .3s ease;
      -o-transition: color .3s ease;
      -ms-transition: color .3s ease;
      transition: color .3s ease;
      /* text-transform: uppercase; */ }
      .dm_card .dm_card-action a:hover {
        color: #ffd8a6; }

.dm_pricecard-topper { position:relative; }
.dm_pricecard-title { text-align:center; height:36px; font-size:1.8rem; line-height: 36px; overflow:hidden; white-space: nowrap; }
.dm_pricecard-amount { text-align:center; height:72px; line-height:72px; font-size:5.5rem; }
.dm_pricecard-amount span.units { font-size:3.0rem; }
.dm_pricecard-desc { text-align:center; height:36px; line-height:36px; }
.dm_pricecard-infobullet { height:42px; line-height:42px; border:1px solid #f8f8f8; text-align:center; font-size:1.8rem; }

.dm_peoplecard-topper { height:96px; padding:8px; position:relative; }
.dm_peoplecard-name { font-size:3.2rem; overflow:hidden; white-space: nowrap; }
.dm_peoplecard-job { font-size:1.5rem; }
.dm_peoplecard-pic { position:absolute; border-radius:40px; height:80px; width:80px; top:32px; right:20px; z-index:99; border:1px solid #808080; }

.dm_coloredtopcard-topper { height:96px; padding:8px; position:relative; }
.dm_coloredtopcard-title { font-size:3.2rem; overflow:hidden; white-space: nowrap; }
.dm_coloredtopcard-subtitle { font-size:1.5rem; }
.dm_coloredtopcard-longtitle { font-size:3.0rem; line-height:3.0rem; text-align:center; }

.dm_panelcard-topper { height:36px; padding:8px; position:relative; text-align:center;  }