/*
Created by Jacobs Technology
*/
/* 
    Created on : May 12, 2021, 10:40:45 AM
    Author     : BrandJW
*/
/* 
CSS Class Properties follow the order:
    - Layout Properties (position, float, clear, display)
    - Box Model Properties (width, height, margin, padding)
    - Visual Properties (color, background, border, box-shadow)
    - Typography Properties (font-size, font-family, text-align, text-transform)
    - Misc Properties (cursor, overflow, z-index)

Card classes must use a specific order:
    1. card type
    2. card size
*/

/* Card types */
.card-base {
    padding: 1rem;
    background: white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.34), 0 3px 6px rgba(0,0,0,0.46);
    z-index: 100;
}

.card-dlg.card-dlg {    
    background: white;
    border: none;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.34), 0 3px 6px rgba(0,0,0,0.46); 
}

.card-stretch {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    background: white;
    color: #343a40;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

/* Card Sizes */
.cd-sm {
    min-height: 150px;
    height: 166px;
    width: 30vw;
    padding: .5rem;
}

.cd-md {
    height: 450px;
    max-height: 450px;
    min-width: 750px;
    width: 800px;
    max-width: 900px;
}

.cd-lg {
    min-height: 500px;
    height: 500px;
    max-height: 500px;
    min-width: 750px;
    width: 900px;
    max-width: 1000px;
}

.cd-lg-s {
    min-height: 500px;
    min-width: 750px;
    width: 900px;
    max-width: 1000px;
}

/*Card mods*/
.cd-ch {
    /*object-fit: contain;*/ 
    overflow: hidden;
}

.cd-link {
    object-fit: contain; 
    overflow: hidden; 
}

.cd-link:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}