/*
This CSS file is used to overrite the CaaS style that causing style conflict between news repo which uses TailwindCss and CaaS repo's style. This file can be removed when Caas related style is being removed later.
*/

/* Page level layout */
:not(.theme-dark) .caas .caas-content a:not(.athena-button), :not(.theme-dark) .caas article a:not(.athena-button) {
  border-bottom-color: transparent;
}

/* Styles between commerce rmp modules */
.caas .caas-body .commerce-rmp+:not(.commerce-rmp) {
  margin-top: 40px;
}
.caas .commerce-rmp:has(.miniModule)+.commerce-rmp:has(.miniModule) {
  border-top: 1px solid #e0e4e9;
}
.caas .commerce-rmp:has(.productModule)+.commerce-rmp:has(.productModule) {
  padding-top: 10px;
  margin-top: 38px;
  border-top: 1px solid #e0e4e9;
}

/* Should not display border between two Blue Links Mini modules */
.caas .commerce-rmp:has(ul.miniModule)+.commerce-rmp:has(ul.miniModule) {
  border-top: 0;
}

/* QuickOverview/Mini module */
.caas .miniModule *, .caas .miniModule::before, .caas .miniModule::after {
  box-sizing: border-box;
}
.caas .miniModule a:not(.athena-button) {
  text-decoration: none;
}
:not(.theme-dark) .caas .miniModule a:not(.athena-button) {
  border-bottom-color: transparent;
}
:not(.theme-dark) .caas .miniModule a.text-battleship {
  color: #5b636a;
}
:not(.theme-dark) .caas .miniModule a.text-battleship:hover {
  color: #979ea8;
}
:not(.theme-dark) .caas .miniModule a.ctaBtn {
  color: #1d2228;
  border: 2px solid #1d2228;
}
.caas .miniModule a.ctaBtn:hover {
  text-decoration: none;
}
.caas .miniModule h3 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
}
.caas .miniModule h4 {
  font-weight: 700;
}
.caas .miniModule div.flex a.flex {
  margin-right: 10px;
}

/* Product module */
.caas .productModule *, .caas .productModule::before, .caas .productModule::after {
  box-sizing: border-box;
}
.caas .productModule h3 {
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .caas .productModule h3 {
    font-size: 1.25rem;
  }
}
.caas .productModule h4 {
  font-weight: 700;
}
:not(.theme-dark) .caas .productModule h3 a.text-grape-jelly { /* product module h3 */
  color: #6001d2;
}
:not(.theme-dark) .caas .productModule a:not(.athena-button) {
  border-bottom-color: transparent;
}
.caas .productModule a:not(.athena-button):not(:hover) {
  text-decoration: none;
}
:not(.theme-dark) .caas .productModule a.text-batcave, :not(.theme-dark) .caas .productModule a.text-batcave:hover{
  color: #1d2228;
}
.caas .productModule .commerce-desc p {
  font-size: 1.125rem;
  margin: 0;
}
.caas .productModule .commerce-desc p+p {
  margin: 24px 0 0;
}
@media (max-width: 767px) {
  .caas .productModule .commerce-desc p {
    font-size: 1rem;
  }
}
.caas .productModule a.commerce-cta-btn-secondary {
  border-style: solid;
  border-width: 2px;
}
:not(.theme-dark) .caas .productModule a.commerce-cta-btn-secondary {
  border-bottom-color: #1d2228;
}
.caas .productModule a.commerce-cta-btn-secondary:hover {
  text-decoration: none;
}
.caas .productModule a.peer.text-white {
  font-size: 1rem;
}
:not(.theme-dark) .caas .productModule a.peer.text-white {
  color: #fff;
}
.caas .productModule ul.pl-6 {
  padding-left: 1.5rem;
  margin-bottom: 0;
}
.caas .productModule li.list-disc { /* Pros and Cons list */
  list-style-type: disc;
  font-size: 18px;
  line-height: 1.667;
}
.caas .productModule .block p.absolute { /* image credit */
  font-size: 10px;
  line-height: .75rem;
  margin-bottom: 0;
}
.caas .productModule a.commerce-cta-btn-primary {
  text-decoration: none;
}
.caas .productModule .block .leading-tight span { /* save price text & label */
  font-size: 1rem;
}
.caas .productModule .mt-4 div.flex { /* Explore More Buying Options */
  font-size: 1rem;
}
.caas .productModule .block a.flex {
  text-decoration: none;
}
