Capital One Shopping by bamabraves

/* ==UserStyle==
@name           Capital One Shopping
@namespace      none
@author         BamaBraves
@description    `Black Highlights New Icons`
@version        1
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */

@-moz-document domain("capitaloneshopping.com") {
/* Site Settings */

* {
  letter-spacing: 1px !important;
  text-decoration: none !important;
  transition: none !important;
}

selector
 {
  text-transform: capitalize !important;
}

#main .duKSWo.duKSWo:focus + .StyledInputContainer-ui-kit__sc-kqa9uc-2 .StyledIconWrapper-ui-kit__sc-kqa9uc-0,
#main .duKSWo.duKSWo:hover + .StyledInputContainer-ui-kit__sc-kqa9uc-2 .StyledIconWrapper-ui-kit__sc-kqa9uc-0,

#main .dtRsJF.dtRsJF,

#main .gcffrF.gcffrF,
#main .jPytHX.jPytHX,
#main .kHDpmK.kHDpmK .StyledIconWrapper-ui-kit__sc-kqa9uc-0,

#portal .dtRsJF.dtRsJF,

#portal .duKSWo.duKSWo:focus + .StyledInputContainer-ui-kit__sc-kqa9uc-2 .StyledIconWrapper-ui-kit__sc-kqa9uc-0,
#portal .duKSWo.duKSWo:hover + .StyledInputContainer-ui-kit__sc-kqa9uc-2 .StyledIconWrapper-ui-kit__sc-kqa9uc-0,

#portal .gcffrF.gcffrF,
#portal .jPytHX.jPytHX,
#portal .kHDpmK.kHDpmK .StyledIconWrapper-ui-kit__sc-kqa9uc-0,

.ReactModalPortal .gcffrF.gcffrF,
.ReactModalPortal .jPytHX.jPytHX,

.ReactModalPortal .dtRsJF.dtRsJF,
.ReactModalPortal .duKSWo.duKSWo:hover + .StyledInputContainer-ui-kit__sc-kqa9uc-2 .StyledIconWrapper-ui-kit__sc-kqa9uc-0,

.DayPickerNavigation_button__default,

.ReactModalPortal .duKSWo.duKSWo:focus + .StyledInputContainer-ui-kit__sc-kqa9uc-2 .StyledIconWrapper-ui-kit__sc-kqa9uc-0,
.ReactModalPortal .kHDpmK.kHDpmK .StyledIconWrapper-ui-kit__sc-kqa9uc-0,

.credits .lifetime-savings-only h5 .dashed-underline,

.store-card-wrapper.store-card-compact,
.store-component.page .columns .card,

.styled__FlexContainer-sc-gyz8to-0.styled__StyledContainer-sc-gyz8to-2.kNehOk.cyQSQy,

.wb-slider-wrapper .slick-next:after,
.wb-slider-wrapper .slick-next:before,

.wb-slider-wrapper .slick-prev:after,
.wb-slider-wrapper .slick-prev:before,

input[type=checkbox]:not(.default)+label:not(.default):before, input[type=radio]:not(.default)+label:not(.default):before,
input[type=checkbox]:not(.default):checked+label:before,
input[type=radio]:not(.default):checked+label:before,

:focus
 {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-shadow: none !important;
}

.wb-slider-wrapper .slick-next:before,
.wb-slider-wrapper .slick-prev:before
{
    transform: none!important;
}

/* Remove Items 
_____________________________________________________________________________________________________*/

.store-component.page .coupon-list-container .coupon.card .coupon-get-button:after
 {
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;
}

/* Left/Right/Top/Bottom 
_____________________________________________________________________________________________________*/

[class*='-singleValue']
{
    margin-left: 9px!important;
}

.wb-slider-wrapper .slick-prev:before,
.wb-slider-wrapper .slick-next:before
{
    top: 43%!important;
}

/* Margins 
_____________________________________________________________________________________________________*/

selector
 {
  margin: 1.2rem !important;
}

selector
 {
  margin: 3px 6px !important;
}

.cAhjWC {
    margin: 0 -76px;
}

/* Paddings 
_____________________________________________________________________________________________________*/

selector
 {
  padding: 1.2rem !important;
}

selector
 {
  padding: 13px 26px !important;
}

/* Heights 
_____________________________________________________________________________________________________*/

[style="max-width: 80%; max-height: 90px; margin: 0px auto; display: block;"],

input[type=checkbox]:not(.default)+label:not(.default):before, input[type=radio]:not(.default)+label:not(.default):before
 {
  max-height: none !important;
}

selector
 {
  height: auto !important;
}

/* Width 
_____________________________________________________________________________________________________*/

.store-component.page,
.store-component.page .columns .overview-column,

.store-page .inner-content,
.store-page .page-header .header-content-wrapper,
.store-page .route-container,

[style="max-width: 80%; max-height: 90px; margin: 0px auto; display: block;"],

input[type=checkbox]:not(.default)+label:not(.default):before, input[type=radio]:not(.default)+label:not(.default):before
{
    max-width: none !important;
}

.kBvUfe,
.iaRVOm,
.filter-panel
{
    width: fit-content!important;
}

.store-component.page .columns .overview-column

 {
  width: 28% !important;
}

}

@-moz-document domain("capitaloneshopping.com") {
/* Media Query */

@media screen and (min-width: 2560px) {

  /* Fonts 
_____________________________________________________________________________________________________*/

  #main .isZMnd.isZMnd,
	#portal .isZMnd.isZMnd,
	
	.ReactModalPortal .isZMnd.isZMnd
 {
    font-size: 2.5rem !important;
  }

  selector
 {
    font-size: 1.85rem !important;
  }

  #main .dAJAaI.dAJAaI,
	#portal .dAJAaI.dAJAaI,
	
	.ReactModalPortal .dAJAaI.dAJAaI
 {
    font-size: 1.52rem !important;
  }

  #main .isZMnd.isZMnd,
	#portal .isZMnd.isZMnd,
	
	.ReactModalPortal .isZMnd.isZMnd
 {
    line-height: 2.5rem !important;
  }

  #main .dAJAaI.dAJAaI, #portal .dAJAaI.dAJAaI, .ReactModalPortal .dAJAaI.dAJAaI
 {
    line-height: 2.1rem !important;
  }

/* Widths 
_____________________________________________________________________________________________________*/

selector
 {
  width: 5rem !important;
}

}

@media (min-width: 1920px) and (max-width: 2559px) {
  /* Fonts 
_____________________________________________________________________________________________________*/

  selector
 {
    font-size: 2.5rem !important;
  }

  selector
 {
    font-size: 1.85rem !important;
  }

  selector
 {
    font-size: 1.52rem !important;
  }

  selector
 {
    line-height: 2.5rem !important;
  }

  selector
 {
    line-height: 2.1rem !important;
  }

  /* Widths 
_____________________________________________________________________________________________________*/

  selector
 {
    width: 4rem !important;
  }

}

}

@-moz-document domain("capitaloneshopping.com") {
/* Font Settings */

a h4,
a[href]
 {
  color: #0ff !important;
  text-shadow: 1px 1px #000 !important;
}

a[href]:visited
 {
  color: #fc79fc !important;
  text-shadow: 1px 1px #000 !important;
}

/* Yellow 
_____________________________________________________________________________________________________*/

#main .hagWBX.hagWBX:hover,
#portal .hagWBX.hagWBX:hover,

.ReactModalPortal .hagWBX.hagWBX:hover,

.bg-blue-50:hover,

.category-dropdown-menu .category-nav-link:hover h5,

.coupon-list .coupon .coupon-button-wrapper button:hover,
.coupon-list .coupon .deal .title .deal-title-big,

.credits .lifetime-savings-only h5 .dashed-underline,

.ldUwVc.ldUwVc:hover,
.page.reward-status ol .list-item::marker,

.store-component.page .columns .overview-card .overview-card-bottom span:nth-child(2),
.store-component.page .coupon-list-container .coupon.card .coupon-get-button:hover,
.suggestion-list .suggestion:hover h6,

.tertiary-btn-small:hover,

[class*='-option']:hover,

a h4:hover,
a h5:hover,

a[href]:hover,
h1,
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label,

td.CalendarDay.CalendarDay_1.CalendarDay__default.CalendarDay__default_2:hover,
td.CalendarDay.CalendarDay_1.CalendarDay__default.CalendarDay__default_2.CalendarDay__today.CalendarDay__today_3
 {
  color: #ff0 !important;
}

/* White 
_____________________________________________________________________________________________________*/

#main .iRtXhu.iRtXhu,
#portal .iRtXhu.iRtXhu,

.CalendarDay__default,
.Container-ui-kit__sc-v5ckpm-0.dQSIXN,

.ReactModalPortal .iRtXhu.iRtXhu,

.category-dropdown-menu .category-nav-link h5,
.coupon-list .coupon .content .title,
.credits .lifetime-savings-only h5,

.css-11g6h1s-singleValue,
.css-14lnd9p-singleValue,
.css-1otb9sc-option,
.css-3jotpf,

.kmxPHM,

.store-component.page .columns .overview-card .overview-card-bottom,
.suggestion-list .suggestion h6,

.summary-header.lifetime-savings-header .summary-container>div .summary .lifetime-savings-body .lifetime-transactions,
.summary-header.lifetime-savings-header .summary-container>div .summary .lifetime-savings-body .lifetime-savings-num,

[role="region"] div,

a h5,
body,
li,
p
{
  color: #fff !important;
}

/* Khaki 
_____________________________________________________________________________________________________*/

#main .eIYEiC.eIYEiC,
#portal .eIYEiC.eIYEiC,

.ReactModalPortal .eIYEiC.eIYEiC,

.CalendarMonth_caption,
.Container-ui-kit__sc-v5ckpm-0.styled__StoreHeader-sc-3o8rfv-0.dQSIXN.dcfa-da,

.category-dropdown-menu .category-nav-link.bold h5,
.dZZTRX,

.styled__Title-sc-wsuq8n-1.kpgSGb,
.suggestion-list h6.header,

h1,
h2
 {
  color: #f0e890 !important;
}

/* Burlywood 
_____________________________________________________________________________________________________*/

h3,
h4
 {
  color: #e0b880 !important;
}

/* Sandy Brown 
_____________________________________________________________________________________________________*/

.store-card-wrapper.store-card .store-content .last-attempt,

h5,
h6,
label
 {
  color: #f0a060 !important;
}

/* Blue
_____________________________________________________________________________________________________*/

.palmetto,
.store-card-wrapper.store-card .store-content .last-attempt span,
.text-green-500,

time
 {
  color: #07beff...