/* ======================== */
/* Mod Theme BOOTSTRAP MODS */
/* ======================== */


/* CARDS  */
/* ================================= */
/*.bg-grey-65 .card { background: #595959; }*/
/*.bg-grey-75 .card { background: #404040; }*/
/*.bg-grey-85 .card { background: #262626; }*/
.text-white .card {
    border-color: rgba(255, 255, 255, 0.125);
    background: rgba(0,0,0,0.25);
}
.text-white .card-header,
.text-white .card-footer {
    border-color: rgba(255, 255, 255, 0.1);
}
/*.bg-grey-65 .card { background: #404040; }*/
/*.bg-grey-75 .card { background: #262626; }*/
/*.bg-grey-85 .card { background: #1a1a1a; }*/

.card-caption {
    position: absolute;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    width: 100%;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.125);*/
}
.card-img-with-caption {
    position: relative;

    /* justify-content-end */
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;

    /* d-flex */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* flex-column */
    -ms-flex-direction: column;
    flex-direction: column;


    /*height: 0;*/
    /*overflow-y: hidden;*/
    /*padding-top: 62%;*/
}

.win-ie .card-img-with-caption,
.safari8 .card-img-with-caption {
    display: block;
}
.win-ie .card-caption,
.safari8 .card-caption {
    bottom: 0;
}

a.card-img-top .card-img-overlay {
    opacity: 0;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}
a.card-img-top:hover .card-img-overlay {
    opacity: 1;
}

.card-link + .card-link {
    margin-left: 8px;
    padding-left: 12px;
    border-left: 1px solid #bbb;
}

.card .cw-lazy-load,
.card .cw-lazy-loaded {
    /*border-radius: 0.25rem;*/
    overflow: hidden;
}


/* Card Columns */
/* ------------------------------- */
.card-columns .card {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
/* disable hover-scale because it causes columns to re-stack as it's animating*/
.card-columns .hover-scale:hover {
    /*transform: none;*/
}
@media (min-width: 480px) {
    .card-columns .card {
        max-width: 380px;
    }
}
@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        width: 100%;
    }
    .card-cols-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}