/*======================================
Theme Name: Divi-ProGradeDigital
Theme URI: https://divicake.com/
Description: Customizations for social media icons
Version: 1.0
Author: Inventive.io
Author URI: https://divicake.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

:root {
  /* --promo-bg: #fccc0b; */
  --promo-bg: rgba(252,204,11,1);
  /* --special-promo-bg: #1996FB; */
  --special-promo-bg: rgba(25,150,251,1);
}

.promo-bar {
  font-size: 1.25rem;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
  padding: 20px;
  background: linear-gradient(90deg, var(--promo-bg) 0%, var(--promo-bg) 50%, var(--special-promo-bg) 50%, var(--special-promo-bg) 100%);
  color: #000;

  @media (max-width: 1140px) {
    background: none;
    gap: 0px;
    flex-direction: column;
    align-items: center;
    padding: 0;
  }

  .promo-wrapper {
    width: 100%;
    text-align: center;
    padding: 15px;

    &.current-promotions {
      background: var(--promo-bg);
    }

    .promo-button {
      background: var(--promo-bg);
    }

    &.special-promotions {
      background: var(--special-promo-bg);
      .promo-button {
        background: var(--special-promo-bg);
      }
    }  

  }  
}


.entry-content tr td {
    padding: 6px !important;
}

.entry-content tr th {
    padding: 6px !important;
}

.compatibility-chart  {
  margin-left: -37px !important;
}