/*
--The following card classes are part of bootstrap and are therefore not required
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:0 solid rgba(17,17,17,0.125)}
.card>hr{margin-right:0;margin-left:0}
.card-body{flex:1 1 auto;padding:1.5rem 1.5rem}
.card-title{margin-bottom:.75rem}
.card-subtitle{margin-top:-.375rem;margin-bottom:0}
.card-header{padding:.75rem 1.5rem;margin-bottom:0;background-color:rgba(17,17,17,0.03);border-bottom:0 solid rgba(17,17,17,0.125)}
.card-footer{padding:.75rem 1.5rem;background-color:rgba(17,17,17,0.03);border-top:0 solid rgba(17,17,17,0.125)}
.card-header-tabs{margin-right:-.75rem;margin-bottom:-.75rem;margin-left:-.75rem;border-bottom:0}
.card-header-tabs .nav-link.active{background-color:#fff;border-bottom-color:#fff}
.card-header-pills{margin-right:-.75rem;margin-left:-.75rem}
.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5rem}
.card-img,.card-img-top,.card-img-bottom{width:100%}


.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}
.card-text:last-child{margin-bottom:0}
*/

/*
--The following are POSSIBILITIES that might be needed
.card>.list-group{border-top:inherit;border-bottom:inherit}
.card>.list-group:first-child{border-top-width:0}
.card>.list-group:last-child{border-bottom-width:0}
.card-link+.card-link{margin-left:1.5rem}
.card-group>.card{margin-bottom:1rem}
@media (min-width: 576px){
    .card-group{display:flex;flex-flow:row wrap}
    .card-group>.card{flex:1 0 0%;margin-bottom:0}
    .card-group>.card+.card{margin-left:0;border-left:0}
}
*/

/*
--The following are POSSIBLE DUPLICATES?
.card .card-footer{padding:1.5rem}
.card-xl .card-body,.card-xl .card-footer{padding:2.5rem}
.card-lg .card-body,.card-lg .card-footer{padding:2rem}
.card-sm .card-body,.card-sm .card-footer{padding:1.25rem}
.card-body{flex:0 0 auto}
.card-footer{background-color:transparent}


.card-img-overlay{display:flex}
.card-img-overlay>*{flex:1}
a.card-img-overlay{color:inherit}
.card-img{position:relative}
*/


a.card-img-overlay:hover{text-decoration:none}
.card-img-overlay-hover{opacity:0;transition:opacity 0.2s ease-in-out}
.card:hover .card-img-overlay-hover{opacity:1}

.card-img-hover{display:block}
.card-img-hover>*{float:left}
.card-img-hover .card-img-top{transition:opacity 0.2s ease-in-out}
.card-img-hover .card-img-back{opacity:0}
.card-img-hover .card-img-front{margin-left:-100%}
.card-img:hover .card-img-hover .card-img-back{opacity:1}
.card-img:hover .card-img-hover .card-img-front{opacity:0}
.card-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.card-bg ~ *{z-index:1}
.card-bg-img{position:absolute;top:0;left:0;width:calc(100% + .25rem);height:100%;transition:all 0.2s ease-in-out;transition-property:transform}
.card:hover>.card-bg>.card-bg-img{transform:translateX(-0.25rem)}
.card-circle{position:absolute;top:1.25rem;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;background-color:#ff6f61;border-radius:50%;color:#fff}
.card-circle-lg{width:96px;height:96px}
.card-circle-sm{width:34px;height:34px}
.card-circle-left{left:1.25rem}
.card-circle-end{right:1.25rem}
.card-circle-top-end{top:0;right:0}
.card-badge{position:absolute;top:1.25rem;z-index:1}
.card-badge-start{left:0}
.card-badge-end{right:0}
.card-price{position:absolute;top:0;z-index:1}
.card-price-start{left:0}
.card-price-end{right:0}
.card-price-start+.card-badge-start{top:3.75rem}
.card-price-end+.card-badge-end{top:3.75rem}
.card-actions{position:absolute;bottom:0;z-index:1;width:100%;display:flex;justify-content:center;padding:1.25rem}
.card-actions .card-action{position:relative;top:0;right:0;left:0;opacity:0;transform:translateY(0.5rem);transition:all 0.1s ease-in-out;transition-property:transform, opacity}
.card-actions .card-action:nth-child(2){transition-delay:0.075s}
.card-actions .card-action:nth-child(3){transition-delay:0.15s}
.card-actions .card-action+.card-action{margin-left:.5rem}
.card-img:hover .card-actions .card-action{opacity:1;transform:translateY(0)}
.card-action{position:absolute;top:1.25rem;z-index:1}
.card-acton-start{left:1.25rem}
.card-action-end{right:1.25rem}
.card-btn{position:absolute;left:0;bottom:0;opacity:0;transition:opacity 0.2s ease-in-out}
.card-img:hover .card-btn{opacity:1}
.card-collapse{position:absolute;top:100%;width:100%}
.card-collapse:not(.collapsing):not(.show){display:block !important;overflow:hidden;height:0}
.card-collapse-parent{position:relative;transition:transform .35s ease}


.btn-circle{display:inline-flex;align-items:center;justify-content:center;width:calc(1.5rem + 1.75rem + 2px);padding:0;border-radius:50%}
.btn-circle.btn-xxs{width:calc(1.40625rem + .375rem + 2px)}
.btn-circle.btn-xs{width:calc(1.40625rem + 1rem + 2px)}
.btn-circle.btn-sm,.btn-group-sm>
.btn-circle.btn{width:calc(1.40625rem + 1.625rem + 2px)}
.btn-circle.btn-lg,.btn-group-lg>
.btn-circle.btn{width:calc(1.5rem + 2.125rem + 2px)}

.btn-white-primary{background-color:#fff;color:#1f1f1f}
.btn-white-primary:hover,
.btn-white-primary:focus{background-color:#ff6f61;border-color:#ff6f61;color:#fff}
.btn-white-primary[data-toggle="button"]:hover,
.btn-white-primary[data-toggle="button"]:focus{color:#fff}
.btn-white-primary[data-toggle="button"].active{background-color:#fff;border-color:#fff;color:#ff6f61}