/* SP fixes for card groups custom items */
.TaggedListPanel {
    position: relative;
}

.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    /* padding-right: 15px; */
    float: left
}

.row.IntroImage,
.contentTaggedListImageThumbnail {
    --bs-gutter-x: 0;
}

.col-sm-4.cardGroupCard {
    width: calc(33.333333% - 2%);
    /* margin: 0 1% 2% 1%; */
}

@media (max-width: 767px) {
    .col-sm-4.cardGroupCard {
        width: 100%;
    }

    .cardGroupCard.noPadRight {
        margin: 1em -5px;
    }

    /* .BkBlue.noPadRight {
        margin-top: 4em;
    } */
    .col-sm-8.cardGroupCard.BkWhite {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 1em;
    }
}

/* Fixes the full width banner issue */
.InternalBanner .row {
    display: block;
}

.row.InternalBanner,
.row.InteralHorizontalMenu {
    display: block;
    width: 100%;
    --bs-gutter-x: 0;
}

html:not(.t-safari) .btn,
html:not(.t-safari) .TextButton,
a#ctl01_TemplateBody_WebPartManager1_gwpciGeneralProductDisplayCommon_ciGeneralProductDisplayCommon_DynamicProductDisplay_CartLink {
    /* background: url(images/DiamondButton.svg#color-base) no-repeat top center !important; */
    padding: 0 7% 0 !important;
}

a.ExtraLargeButton {
    width: 100%;
    text-align: left !important;
    font-size: xxx-large !important;
    line-height: 2.5em;
}

.HeaderRow .BkPurple,
.HeaderRow .BkYellow,
.HeaderRow .BkPink,
.HeaderRow .BkOrange,
.HeaderRow .BkTeal,
.HeaderRow .BkBlue,
.HeaderRow .BkLtGrey,
.HeaderRow .BkGreen {
    padding: 5% 7% 0%;
}

.btn.BkTeal {
    background: #00c49e
}

.btn.BkBlue {
    background: #00b9dc
}

.btn.BkOrange {
    background: #ff7f32
}

.btn.BkPink {
    background: #fc5a68
}

.HideImg a,
.HideImg a:visited {
    background-color: #00c49e ! !important;
    background-size: contain;
    line-height: 2.9em;

}

.header-container .nav-auxiliary .TextButton,
.header-container .nav-auxiliary .navbar-toggle {
    margin-left: 0 !important;
}

@media (max-width: 767px) {
    .oneTwoJoin .BkPurple:first-child {
        width: 100%;
    }

    .oneTwoJoin .BkPink,
    .homeal {
        width: 100% !important;
    }
    .HideImg a {
        background-color: transparent !important;
    }

    a.ExtraLargeButton {
        font-size: 28px !important;
    }
}

@media (min-width: 768px) {
    .HideImg a {
        background-color: #00c49e !important;
    }
}