body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
}

.carousel-caption-bottom {
  bottom: 3rem;
  z-index: 10;
  background: rgba(35, 35, 35, 0.85);
}

.carousel-caption-top {
  top: 3rem;
  bottom: auto;
  z-index: 10;
  background: rgba(35, 35, 35, 0.85);
}

.carousel-caption-top-main {
  top: 9rem;
  bottom: auto;
  z-index: 10;
  
}

.carousel-main-styling {
    background: rgba(35, 35, 35, 0.85);
}

.dropdown-styling {
  background: rgba(35, 35, 35, 0.85);
}

.btn-solidback-gray {
  background: rgba(35, 35, 35, 1);
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 40rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 40rem;
  object-fit: cover;
}

.jumbotron-tour {
    background-color: #f8f8f8;
    background-image: url("/images/ShaneMaskShopbot-BannerCropped.jpg");
    background-size: cover;
}

.jumbotron-holiday {
    background-color: #f8f8f8;
    background-image: url("/images/SensualCuttingBoard.jpg");
    background-size: cover;
    background-position: center top;
    /*background-repeat: no-repeat;*/
}

.holiday-border {
    outline: 2px solid #ebecec;
    outline-offset: 5%;
}

.btn-outline-holiday-hero, a.btn-outline-holiday-hero:visited {
    color            : white; /*#212529;*/ /*font color*/
    background-color : none;
    border-color     : white;
    border-width     : 4px !important;
    /*border-radius    : 0px !important;*/
    /*box-shadow       : 0 0 20px 10px white;*/
    /*text-shadow      : 0 0 12px green;*/
}

a.btn-outline-holiday-hero:hover, a.btn-outline-holiday-hero:active {
    color            : red; /*#212529;*/ /*font color*/
    background-color : white;
    border-color     : none;
    border-radius    : 10px !important;
    box-shadow       : 0 0 20px 10px white;
}

.btn-outline-holiday-hero-snowangel {
    color            : white; /*#212529;*/ /*font color*/
    background-color : none;
    border-color     : none;
    border-radius    : 10px !important;
    box-shadow       : 0 0 20px 10px white;
    /*text-shadow      : 0 0 12px green;*/
}

.btn-outline-holiday-hero-garish {
    color            : red; /*#212529;*/ /*font color*/
    background-color : rgba(248,249,250,100%);
    border-color     : red;
    box-shadow       : 0 0 20px 10px green;
    text-shadow      : 0 0 12px green;
}

.jumbo-card {
    background-color: rgba(20,122,169,0.95);
}

.gray-div {
    background-color: #f8f8f8;
}

.benefits-title {
    color: rgb(16,85,159);
}

.white-card {
    background-color: #ffffff;
}

.hero-font {
    font-weight: bold;
}

.holiday-hero {
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}

.holiday-hero-mobile {
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    font-size  : 3rem;
    line-height: 1.2;
}





/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
  
  .carousel-caption-top p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
  
  .carousel-caption-bottom p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}