/* 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%);
    }

    /* 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;
    margin-top: 2px;}
	.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;}
	.newsButton{    top: -4em !important;}
	.HideImg a{
background-color: transparent!important;}
		a.ExtraLargeButton{ font-size: 28px!important; 
						 }
	}
			@media (min-width: 768px){	.HideImg a{
background-color: #00c49e!important;}}