/*------------------------------------------------------------------------*/
/* --------Fix for the card headers on the office Locator page.---------- */
/* This allows the link to expand the full width and height of the header */
/*------------------------------------------------------------------------*/
.card-header a {
    padding: 12px 20px !important;
    display: block;
}

/* custom card float class */
.cardFloat {
    float: right;
}

@media (max-width: 576px) {
    .cardFloat {
        float: none;
    }

    .cardFloat .third {
        width: 100% !important;
    }
}

/* custom image float class */
.floatImage {
    float: right;
    clear: both;
    width: 33%;
    padding: 20px;
}

figure.floatImage {
    border: 0px !important;
    background-color: #fff;
}

@media (max-width: 767px) {
    .floatImage {
        float: none;
        width: 100% !important;
    }
}

/* remove gap on card decks on mobile */
@media (max-width: 768px) {
    div.card-deck {
        padding-top: 0px !important;
    }
}

/* trying to create equal card height */
.card-body {
    height: 100%;
}

.card-button-text {
    text-align: center;
    font-size: 1.25rem !important;
}


/*remove rounding of card headers*/
.card-header:first-child {
    border-radius: 1px 1px 0 0 !important;
}

/*adjustments to margins in cards*/
.two-thirds h2:first-child,
div.collapse div.card-body h3:first-of-type,
.card h2,
.card h3,
.card h4,
div.card.card-understated div.card-default.border-dark div.card-block h3,
div.card.card-understated div.card-default div.card-block h2,
div.card.card-understated div.card-default div.card-block h3,
div.card.card-understated div.card-default div.card-block h4 {
    margin-top: 0px;
}

.two-thirds h1:first-of-type {
    clear: both;
    margin-top: 0px;
}

/*new custom cards*/
.card-warning-subtle, .card-warning-subtle div.card-header {
    background-color: #ffe7a4;
}

    .card-warning-subtle div.card-block {
        background-color: #fff2cd;
    }

.card-error {
    border-color: #D24532;
}

    .card-error div.card-header {
        background-color: #D24532;
        color: #fff;
    }

    .card-error div.card-block {
        background-color: #fff;
    }

.card-warning-message {
    border-color: #FDB81E;
}

    .card-warning-message div.card-header {
        background-color: #FDB81E;
        color: #333;
    }

    .card-warning-message div.card-block {
        background-color: #fff;
    }

.card-success-message {
    border-color: #16872E;
}

    .card-success-message div.card-header {
        background-color: #16872E;
        color: #fff;
    }

    .card-success-message div.card-block {
        background-color: #fff;
    }
/*end of custom card section*/

/*adjusting font-sizes in card header tags*/
.card-header h2, .card-header h3, .card-header h4 {
    font-size: 1rem !important;
    margin-bottom: 0px !important;
}

.font-header {
    font-size: 1rem !important;
}

h2.card-title.consistant,
h3.card-title.consistant,
h4.card-title.consistant,
h5.card-title.consistant {
    font-size: 1.25rem !important;
}

h2.card-title.consistent-l,
h3.card-title.consistent-l,
h4.card-title.consistent-l,
h5.card-title.consistent-l {
    font-size: 1.54rem !important;
}

.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading h5 {
    font-size: 1.125rem !important;
}

/*new custom cards*/
.card-warning-subtle, .card-warning-subtle div.card-header {
    background-color: #ffe7a4;
}

    .card-warning-subtle div.card-block {
        background-color: #fff2cd;
    }

.card-error {
    border-color: #D24532;
}

    .card-error div.card-header {
        background-color: #D24532;
        color: #fff;
    }

    .card-error div.card-block {
        background-color: #fff;
    }

.card-warning-message {
    border-color: #FDB81E;
}

    .card-warning-message div.card-header {
        background-color: #FDB81E;
        color: #333;
    }

    .card-warning-message div.card-block {
        background-color: #fff;
    }

.card-success-message {
    border-color: #16872E;
}

    .card-success-message div.card-header {
        background-color: #16872E;
        color: #fff;
    }

    .card-success-message div.card-block {
        background-color: #fff;
    }
/*end of custom card section*/

/*Adding styling for the cardFloat HTML Template*/
.cardFloat {
    margin-bottom: 15px;
    margin-left: 15px;
}

    .cardFloat img {
        box-shadow: 6px 5px 5px 5px #d3d3d3;
    }

.cardFloatImages {
    min-height: 300px;
    background-color: #faf4e8;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px
}

@media (max-width:992px) {
    .image-remove {
        display: none;
    }

    .cardFloatImages {
        min-height: 200px;
        padding: 20px;
    }
}

@media (max-width:768px) {
    .cardFloat {
        margin-left: 0;
        float: none;
    }

    .cardFloatImages {
        min-height: 0;
        padding: 0;
        background-color: #fff;
    }
}

div.homepageBannerText .cardFloat img {
    box-shadow: none;
}
/*End of cardFloat styling*/