@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:500');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    /* background-image: url('../images/snowflakes.jpg');
    background-size: cover; */
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

h3 {
  color:#D9230F;
}

sup { 
    color: #d9230f;
}

.price {
  color: #d9230f;
  font-weight: 700;
}

.woodback
{
    background-image: url('../images/content_bg.png');
    background-size: cover;
    color: #fff;
    width: 100%;
    padding: 2rem 1rem;
    /* margin-bottom: 2rem; */
    text-align: center;
    /* height: 400px; */
    
}

.card {
    border: 1px solid #bbb;
    padding: 10px;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
    max-width: 350px;
    margin: auto;
    text-align: center;
    margin-bottom: 10px;
  }

  .card-land {
    border: 1px solid #bbb;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
    max-width: 1000px;
    margin: auto;
    margin-bottom: 15px;
    padding:10px;
  }

  .card-header {
    background: #eeeeee;
    padding: auto 0px;
    /* margin-bottom: 10px; */
    margin: -5px -5px 10px -5px;
    border-bottom: 3px solid #333;
    
  }

  .card-land-login {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 1000px;
    margin: auto;
    margin-bottom: 15px;
    padding:10px;
    height: 375px;
    background: #eeeeee;
  }

  .card-land-login-auto {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 1000px;
    margin: auto;
    margin-bottom: 15px;
    padding:5px;
    height: auto;
    background: #eeeeee;
  }

  .orderimage {
    text-align: center;
    padding: auto 0px;
    max-height: 170px;
  }
.orderrow {
    height: 180px;
  }

  .alert {
      padding: 7px;
      font-size: 0.8em;
      margin: 5px;
  }
  .btn-100 {
    width:100%;
  }
  .btn-45 {
    width: 45%;
  }
  
  .price {
    color: grey;
    font-size: 22px;
  }
  
  .card button {
    border: none;
    outline: 0;
    padding: 12px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
  }
  .card a {
    color: white;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .cart-button {
    border: none;
    outline: 0;
    padding: 12px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
    margin: 5px 0;
  }

  .cart {
    justify-content: space-between;
    flex-direction: column;
    height: 10vh;
    display: flex;
  }
  .cart .btn-holder {
    /* justify-content: flex-start;
    display: flex; */
    position: absolute;
    bottom: 0
  }

  .card-selector {
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
    max-width: 350px;
    margin: auto;
    text-align: center;
  }
  
  .card button:hover {
    opacity: 0.7;
  }
  .card a:hover {
      text-decoration: none;
  }

  .card-selector input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
  }

  .card input[type="radio"] {
    opacity: 0;
    width: 0;
  }

  .card-selector input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
  }

  .card-selector input[type="checkbox"]:focus + label {
    /* border: 2px dashed #444; */
}

.card-selector input[type="checkbox"]:checked + label {
    background-color: #daeace;
    border-color: #4c4;
}
  
  .card-selector label {
      display: inline-block;
      background-color: #ddd;
      padding: 10px;
      /* font-family: sans-serif, Arial;
      font-size: 16px; */
      /* border: 2px solid #444;
      border-radius: 4px; */
  }
  
  .card-selector label:hover {
    background-color: #dfd;
  }
  
  .card-selector input[type="radio"]:focus + label {
      /* border: 2px dashed #444; */
  }
  
  .card-selector input[type="radio"]:checked + label {
      background-color: #daeace;
      border-color: #4c4;
  }

  .card input[type="radio"]:checked + label {
    background-color: #ccc;
    /* border-color: #cccccc; */
}

.snow{
    background-image: url('../images/snowflakes.jpg');
    background: repeat;
}

.woodback h1{
    text-shadow: 2px 2px 8px #333; 
    display: inline;
}
button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

@media (min-width: 401px)
{
  .img-zoom-container{
  display:inline-block;
  position:relative;
  }
  
  .img-zoom-container button{
  display: none;
  }
}


  @media (max-width: 400px) {
    .img-zoom-container{
      display:inline-block;
      position:relative;
      }
      
      .img-zoom-container button{
      position: absolute;
      width: 50px;
      height: 50px;
      bottom:1em;
      right:1em;
      background-color:#D9230F;
      border-radius:50%;
      border: 2px;
      border-color: #fff;
      color:white;
      padding: 0.65em;
      }
  }

/* .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;
      }
a.white {
    color: white;
    text-decoration: underline;
    font-size: 0.8em;
}
a.back{
  color: white;
}
.carousel-caption {
  text-shadow: rgba(0, 0, 0, 0.8) 1px 2px 4px;
  background-color: rgba(100, 100, 100, 0.7);
  /* width: 100%;
  display: block; */
}

.carousel-caption h5{
  text-shadow: rgba(0, 0, 0, 0.8) 1px 2px 4px;
}

.carousel-caption button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #FF0000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
  text-shadow: rgba(0, 0, 0, 0.8) 1px 2px 4px;
}

.carousel-caption a {
  color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.category {
  list-style: none;
  padding-left: 0;
}

ul.category li{
  margin-top: 10px;
}

.category-list {
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 200px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  text-align: center;
  padding-top: 80px; 
  border-radius: 7px;
  /* text-shadow: rgba(0, 0, 0, 0.8) 1px 2px 4px; */
  
 
}

.category-list h3 {
  color: white;
  padding: 10px;
  width: 100%;
  margin: 0 auto;
  background-color: rgba(100, 100, 100, 0.85);
  border-radius: 7px;
  display: block;

}

input[type="radio"] {
  margin-right: 0;
  padding: 10px;
}

@media (min-width: 576px) {
  .category-list {
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 400px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    text-align: center;
    padding-top: 150px; 
    border-radius: 10px;   
  }

  .category-list h3 {
    font-size: 50px;
    color: white;
    padding: 10px;
    width: 50%;
    margin: 0 auto;
    /* background-color: rgba(50, 50, 50, 0.85); */
  }

  ul.category li{
    margin-top: 30px;
  }
}