/* This file essentially contains only the cookie-banner related css classes present in application.css
This is meant to be used with the BrightSpot content to style the cookie banner
The BrightSpot CSS was overriding some of the cookie banner styling, hence this file contains minor changes to <table> and <th> styles
To do:  after migration is complete, these changes to <table> and <th> styles must be applied permanently in _cookie_banner.scss in EPSMarketingSiteAssets package */
.cookie-menu {
    position: sticky;
    bottom: 0;
    left: 0px;
    width: 100%;
    padding: 20px 30px;
    border-radius: 3px;
    background: #D5DBDB;
    text-align: left;
    box-shadow: 0 0 10px 0 rgba(170, 183, 184, 0.4);
    font-family: Ember;
    font-weight: 500;
  }
  
  .banner-info {
    display: inline-block;
    min-width: 15px;
    max-width: 265px;
    border: none;
    border-radius: 3px;
    text-align: center;
    color: #232F3E;
    padding: 2px 4px 2px;
    font-size: 25px;
  }
  
  .banner-text {
    border: none;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 60px;
  }
  
  .banner-close-button {
    display: inline-block;
    min-width: 15px;
    max-width: 265px;
    padding: 2px 8px 4px;
    border: none;
    border-radius: 3px;
    font-size: 25px;
    font-family: Ember;
    vertical-align: top;
    text-align: center;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    text-decoration: none;
    transition: background-color 500ms ease, color 500ms ease;
    color: #232F3E;
    opacity: 1;
    cursor: pointer;
  }
  
  .close-button-column {
    vertical-align: top;
    padding-bottom: 30px;
  }
  
  .cookie-menu__label-link {
    position: relative;
    display: inline-flex;
    border: none;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.6rem;
    text-decoration: underline;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 3px;
    color: #232F3E;
  }
  
  .cookie-menu__label {
    margin-bottom: 3px;
    font-size: 1.4rem;
    font-family: Ember;
    font-weight: 500;
    color: #232F3E;
  }

  div.cookie-menu table, div.cookie-menu td{
    border : none !important;
    padding: 0px 2px !important;
    line-height: 1.5 !important;
    min-width: 0px !important;
  }

  .hide {
    display: none !important;
  }
  .show {
    display: block !important;
  }
  .invisible {
    visibility: hidden;
  }
  .element-full-width {
    width: 100%;
  }

  @font-face {
    font-weight: 200;
    font-family: Ember;
    src: url(https://m.media-amazon.com/images/G/01/EPSMarketingJRubyWebsite/assets/fonts/ember/AmazonEmber_Lt._CB1553726831_.woff2)
        format("woff2"),
      url(https://m.media-amazon.com/images/G/01/EPSMarketingJRubyWebsite/assets/fonts/ember/AmazonEmber_Lt._CB1553726831_.ttf)
        format("truetype");
  }
  @font-face {
    font-weight: 400;
    font-family: Ember;
    src: url(https://m.media-amazon.com/images/G/01/EPSMarketingJRubyWebsite/assets/fonts/ember/AmazonEmber_Rg._CB1553726832_.woff2)
        format("woff2"),
      url(https://m.media-amazon.com/images/G/01/EPSMarketingJRubyWebsite/assets/fonts/ember/AmazonEmber_Rg._CB1553726832_.ttf)
        format("truetype");
  }
  @font-face {
    font-weight: 500;
    font-family: Ember;
    src: url(https://m.media-amazon.com/images/G/01/EPSMarketingJRubyWebsite/assets/fonts/ember/AmazonEmber_Md._CB1553726832_.woff2)
        format("woff2"),
      url(https://m.media-amazon.com/images/G/01/EPSMarketingJRubyWebsite/assets/fonts/ember/AmazonEmber_Md._CB1553726832_.ttf)
        format("truetype");
  }
  @font-face {
    font-weight: 600;
    font-family: Ember;
    src: url(https://m.media-amazon.com/images/G/01/EPSMarketingJRubyWebsite/assets/fonts/ember/AmazonEmber_Bd._CB1553726831_.woff2)
        format("woff2"),
      url(https://m.media-amazon.com/images/G/01/EPSMarketingJRubyWebsite/assets/fonts/ember/AmazonEmber_Bd._CB1553726831_.ttf)
        format("truetype");
  }