/* Cards > Globals */
.card {border:0;border-radius:0;margin-bottom:30px;background-color:transparent;}
a.d-block > .card {opacity:1;transition:.3s all ease-in-out;}
a.d-block:hover > .card {opacity:.8;transition:.3s all ease-in-out;}
.card .card-header {padding:15px;font-size:18px;font-weight:700;border-bottom:1px solid var(--color-grey);background-color:transparent;}
.card .card-bg {position:relative;width:100%;height:220px;background-size:cover;background-repeat:no-repeat;background-position:center center;overflow:hidden;}
.card .card-bg figure, .card .card-bg picture {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;}
.card .card-bg img, .card .card-bg video {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.card .card-body {padding:15px;color:var(--color-black);}
.card .card-title {font-size:22px;font-weight:700;margin-bottom:10px;}
.card .card-footer {padding:15px;border-top:1px solid var(--color-grey);background-color:transparent;}

/* Cards > Badges */
.card-badge {position:absolute;}
.card-badge.bottom-right {bottom:20px;right:20px;}
.card-badge.bottom-left {bottom:20px;left:20px;}
.card-badge.top-right {top:20px;right:20px;}
.card-badge.top-left {top:20px;left:20px;}

/* Cards > Overlay */
.card .card-overlay .card-body {position:absolute;top:50%;transform:translate(0,-50%);bottom:auto;left:0;right:0;width:100%;color:var(--color-white);}
.card .card-overlay:before {content:"";position:absolute;background:rgba(0,0,0,.4);width:100%;height:100%;left:0;right:0;top:0;bottom:0;pointer-events:none;}

/* Cards > Overlay [Hover] */
.card.has--overlay .card-overlay {opacity:0;transition:.3s all ease-in-out;}
.card.has--overlay:hover .card-overlay {opacity:1;transition:.3s all ease-in-out;cursor:pointer;}

/* Cards > Overlay [Hover] > ICON */
.card .card-overlay .card-overlay__icon {opacity:0;transition:.3s all ease-in-out;position:absolute;top:50%;transform:translate(0,-50%);left:0;right:0;text-align:center;}
.card:hover .card-overlay .card-overlay__icon {opacity:1;transition:.3s all ease-in-out;cursor:pointer;}

/* Cards > Animation [Hover] > Elevation */
.card.has--elevation {transition:.3s all ease-in-out;box-shadow:none;}
.card.has--elevation:hover {-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);transition:.3s all ease-in-out;box-shadow:0 1rem 3rem rgba(0,0,0,.175);}

/* Cards > News */
.card.card-news {background-color:var(--color-grey-light);}
.card.card-news .card-title {margin-bottom:0;}

/* Cards > Reviews */
.card.card-review .card-header {display:flex;align-items:center;}
.card.card-review .review-name {display:flex;align-items:center;font-size:16px;}
.card.card-review .review-name .name-circle {width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:15px;background-color:var(--color-black);color:var(--color-white);font-size:21px;font-weight:500;text-transform:uppercase;}
.card.card-review .card-header .list-inline {margin:0;margin-left:auto;}

/* Smartphone */
@media only screen and (max-width:767px) and (min-width:320px) {
  /* Cards > Globals */
  .card .card-title {font-size:20px;}
  
}

/* Tablet */
@media only screen and (min-width:768px) and (max-width:991px) {
}

/* Tablet Landscape */
@media only screen and (min-width:992px) and (max-width:1199px) {
}

/* Laptop 13' - 1366x768 Non-Retina */
@media only screen and (min-width:1200px) and (max-width:1366px) {
}

/* Laptop 4:3 - 1440x1080 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
}