body {
    font-size: 1.2em;
    /* Deep red vignette with procedurally drawn falling snow (tiled dot
       layers), matching the National Christmas Club site. */
    background-color: #350710;
    background-image:
        radial-gradient(circle, rgba(255,255,255,0.95) 1px, transparent 1.6px),
        radial-gradient(circle, rgba(255,255,255,0.7) 1px, transparent 1.5px),
        radial-gradient(circle, rgba(255,255,255,0.55) 1.5px, transparent 2.2px),
        radial-gradient(ellipse at 50% 0%, #6B1017 0%, #43090F 45%, #1C0308 100%);
    background-size: 140px 140px, 90px 90px, 220px 220px, cover;
    background-position: 0 0, 45px 70px, 110px 20px, center top;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-attachment: fixed;
    color: #fff;
}

/* Black text becomes white on the red background; light panels keep dark text */
h1, h2, h3, h4, h5, h6, p, label, li { color: #fff; }
a:not(.btn):not(.nav-link):not(.navbar-brand) { color: #ffd98a; }
a:not(.btn):not(.nav-link):not(.navbar-brand):hover { color: #fff; }
.alert, .alert h1, .alert h2, .alert h3, .alert h4, .alert p, .alert li,
.modal-body, .modal-body h1, .modal-body h2, .modal-body h3, .modal-body p, .modal-body label,
.card, .card p, .card h3, .table, .form-control, .dropdown-menu { color: #212529; }
.alert a:not(.btn) { color: #0c5460; }
.modal-header, .modal-header h5 { color: #fff; }
hr { border-top-color: rgba(255,255,255,0.25); }

.btn-view-deal {
    display: inline-block;
    background-color: #C8102E;
    border: 2px solid #fff;
    color: #fff !important;
    padding: 0.5rem 1.5rem;
    border-radius: 6px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.btn-view-deal:hover { background-color: #fff; color: #C8102E !important; }

sup { 
    color: #d9230f;
}

.woodback
{
    background-image: url('../images/present-background.jpg');
    background-size: cover;
    color: #fff;
    width: 100%;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    text-align: center;
    height: 500px;
    
}
.snow{
    background-image: url('../images/snowflakes.jpg');
    background: repeat;
}

.woodback h1{
    text-shadow: 2px 2px 8px #333; 
    display: inline;
}

/* .jumbotron {
    
    background-color: #eeeeee;
    border-radius: 0.3rem;
  } */
  
  @media (min-width: 576px) {
    .woodback {
      padding: 4rem 2rem;
    }
  }
  
  .woodback-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
  }

  .footer-bg {
    background-color: #373a3c;
}
.footer-section-space {
    padding: 80px 0 40px 0;
}
.footer_common .footer-br {
    border-bottom: 1px solid #444444;
    width: 90%;
    margin: 0 auto;
}
.footer_common .footer-br-tb {
    margin-top: 40px;
    margin-bottom: 40px;
}
.footer-icon li {
    list-style: none;
    display: inline-block;
}
.footer-lr-pad {
    padding-left: 10px;
}
.footer-p-bottom {
    margin-bottom: 3px;
}
.footer_common .div-center p,
.footer_common .div-center h3 {
    text-align: center;
}
.footer_common .div-center p,
.footer_common .div-center h3 {
    text-align: center;
}

.white-text{
  color: #fff;
}
.underline-bottom
{
    padding: 20px 0;
}
.modal-header {
    background-color: #d9230f;
    color: #fff;
}
.close{
    color: #fff;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:70%;
    position:relative;
    height:0;
    margin-bottom: 20px;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
ul {
    list-style: none;
    /* padding: 0; */
    list-style-type: none;
}
  ul.tree
  {
    list-style-image: url('https://res.cloudinary.com/dte0hcvcv/image/upload/v1541644942/christmas-tree.png');
    margin: 20px 0px;
    }

    ul.gift
    {
        list-style-image: url('https://res.cloudinary.com/dte0hcvcv/image/upload/v1572911977/wrapped-gift.png');
        margin: 20px 0px;
    }

    ul.santa
    {
      list-style-image: url('https://res.cloudinary.com/dte0hcvcv/image/upload/v1544306956/father-christmas.jpg');
      margin: 20px 0px;
      }

.table-on-red, .table-on-red th, .table-on-red td { color: #fff; border-color: rgba(255,255,255,0.25); }
