/* Global Styling */
/* Date: 4/10/2020 */
/* Date: 06/27/2024 - added styling for button hover/focus background - CH */
/* Date: 11/22/2024 - added styling for two thirds link to not have a height 100% - SF */
/* Date: 11/25/2024 - added styling for content promo arrow padding right - CH */
/* Date: 11/27/2024 - added styling for content promo button padding right - CH */

/*.livechat a {
    background-image: url('https://www2.heart.org/donation-forms/donatenow/images/chat-icon.png');*/
    /* background-size: 100% auto; */
    /*background-repeat: no-repeat;
    display: inline-block;*/
    /* width: 44px; */
    /* height: 33px; */
    /* vertical-align: middle; */
    /* margin-left: 5px; */
    /*background-position-y: center;
}*/

/*
.livechat a {
    background-image: url('https://www2.heart.org/donation-forms/donatenow/images/chat-icon.png');
    background-repeat: no-repeat;
    display: inline-block;
    background-position-y: center;
}*/

/*.c-promotion__title {
    background-color: #C10E38 !important;
}*/

/* this turns the button into a link */
/*.l-promo__col button.btn.btn-primary {
    background: none !important;
    border: none !important;
    color: #c10e21 !important;
    padding: 10px 0 !important;
}

.l-promo__col button.btn.btn-primary:hover,
.l-promo__col button.btn.btn-primary:focus {
    text-decoration: underline !important;
    box-shadow: none !important;
}

.l-promo__col .card {
    border: none !important;
}

.l-promo__col .card-body {
    padding: 0 0 1.25rem 0;
}

.l-promo__col .fixed-image {
    position: sticky;
    top: 0;
}

.l-promo__col .fixed-image::before {
    padding-top: 100%;
    display: block;
    position: relative;
    width: 100%;
    content: '';
}

.l-promo__col .fixed-image img {
    position: initial;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .l-promo__col {
        margin-bottom: 0;
    }

    .l-promo__col .fixed-image {
        position: relative;
        top: 0;
    }
}
*/

.btn-primary:focus, .btn-primary:hover, .btn-danger:focus, .btn-danger:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled):active {
    background-color: #ffffff !important;
    color: #c10e21;
}

.btn.btn-round.btn-primary{
    display: inline-block !important;
}

.btn.btn-round img{
    float: left !important;
}

.c-side-search--ecc-side .c-side-search__btn:hover svg {
    fill: #c10e21 !important;
}

.c-two-third-link{
    height: auto !important;
}

/* this is to fix the content promo arrow & button with divider for release 102 11/25/24, backend needs to fix the if statment for the padding class, once that is fixed remove this styling */
/* begin */
.c-promo__actions.c-promo__actions--divider .c-cta--arrow {
    padding-right: 20px !important;
  }

.c-promo__actions.c-promo__actions--divider .btn  {
    padding: .5rem 2.125rem !important;
}
/* end */