/* Install prettier via (ctrl shit p and search install extensions. The format text by shift alt f */

header {
  background: #f5b335;
  height: 40px;
  position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  width: 100%;
}


.nav-up {
  top: -40px;
}

@media screen and (max-width: 768px) {
  img.Jumbo {
    width: 90%;
  }
}

@media screen and (min-width: 768px) {
  img.Jumbo {
    width: 30%;
  }
}


@media screen and (max-width: 768px) {
  img.Jumbo2 {
    width: 90%;
  }
}

@media screen and (min-width: 768px) {
  img.Jumbo2 {
    width: 40%;
  }
}

@media screen and (max-width: 768px) {
  img.Jumbo3 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  img.Jumbo3 {
    width: 25%;
  }
}


@media screen and (max-width: 768px) {
  img.mImgSize90 {
    width: 80%;
    padding: 10px;
  }
}

@media screen and (min-width: 768px) {
  img.mImgSize90 {
    width: 70%;
  }
}


@media screen and (max-width: 768px) {
  img.mImgSize80 {
    width: 70%;
    padding: 10px;
  }
}

@media screen and (min-width: 768px) {
  img.mImgSize80 {
    width: 60%;
  }
}

@media screen and (max-width: 768px) {
  img.mImgSize10 {
    width: 10%;
  }
}


@media screen and (max-width: 768px) {
  img.mImgPoster {
    width: 10%;
  }
}

@media screen and (min-width: 768px) {
  img.mImgPoster {
    width: 3%;
  }
}

@media screen and (max-width: 768px) {
  .row.smText {
    font-size: large;
    margin: 10px;
  }
}

Pre {
  word-wrap: break-word;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 20px 0px 20px 0px;
}


.preSale {
  text-decoration: line-through;
  text-decoration-color: #ac2925;
  text-decoration-style: wavy;
}

.sale {
  color: red;
}

.blackOut {
  background-image: url("/Images/backgroundJumboBannerDark.png");
  background-repeat: repeat;
  background-size: cover;
}


.parent {
  position: relative;
  top: 0;
  left: 0;
}

.relative {
  position: relative;
  top: 0;
  left: 0;
}

.absolute {
  position: absolute;
  top: 0px;
  left: 40px;
}

/* .col-sm-3 {
  height: 100%;
} */

.itemHeader {
  padding: 20px 10px 20px 10px;
  background-color: whitesmoke;
  min-height: 75px;
}

.itemHeaderMin {
  padding: 20px 10px 20px 10px;
  background-color: whitesmoke;
  min-height: 40px;
}

.row2 {
  margin: 0px 0px 10px 0px;

}

.itemBody {
  /* padding: 10px 10px 10px 10px; */
}

.itemFooter {
  padding: 20px 10px 20px 0px;
  background-color: whitesmoke;
  min-height: 20px; 
  /* previously 140px */
}

.itemFooterMin {
  padding: 20px 10px 20px 0px;
  background-color: whitesmoke;
  min-height: 200px;
}


.opacity50 {
  opacity: 50%;
}


.height100 {
  min-height: 100px;
}

.height150 {
  min-height: 150px;
}

.height250 {
  min-height: 250px;
}


.height {
  min-height: 300px;
  /* min-width: 300; */
}

.heightCake {
  min-height: 366px;
}

.height400 {
  min-height: 400px;
}

.fit-image{
  height: 100%;
  width: 100%;
  }

  .fit-imagePad{
    height: 100%;
    width: 100%;
    padding: 20px 20px 20px 20px;
    }

.hidden {
  visibility: hidden;
}

.ImageRepeatLeftCenterCoverFixed400 {
  background-repeat: repeat;
  background-position: left center;
  background-size: cover;
  background-attachment: fixed;
  background-size: 380px;
}

.ImageRepeatRightCenterCoverFixed400 {
  background-repeat: repeat;
  background-position: right center;
  background-size: cover;
  background-attachment: fixed;
  background-size: 380px;
}

.ImageRepeatCenterCenterCoverFixed400 {
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-size: 380px; /*width height*/
}

.ThankYouGiftBox {
  background-image: url("/Images/Thankyou6Topdown.jpg");
}

.BirthdayGiftBox {
  background-image: url("/Images/HappyBirthday6Topdown.png");
}

.cupcake12AltBabyPink {
  background-image: url("/Images/Cupcakes12TopDownAltBabyPink.jpg");
}

.cupcake12PinkBlue {
  background-image: url("/Images/Cupcakes12TopDownPinkBlueBanded.png");
}

.cupcake12EmbossedFondant123 {
  background-image: url("/Images/CupcakesEmbossedFondant123.png");
}

.cupcake12EmbossedFondant456 {
  background-image: url("/Images/CupcakesEmbossedFondant456.png");
}

.cupcake12EmbossedFondant789 {
  background-image: url("/Images/CupcakesEmbossedFondant789.png");
}

.cupcake12Sprinkles {
  background-image: url("/Images/CupcakesTopDown12Multi.png");
}

.cupcake12Plain {
  background-image: url("/Images/CupcakesTopDown12.png");
}

.cupcake12Vintage {
  background-image: url("/Images/CupcakesVintage12TopDown.png");
}

.cupcake12Styles {
  background-image: url("/Images/CupcakesStyles12TopDown.jpg");
}

.cupcake12AltPink {
  background-image: url("/Images/Cupcakes12TopDownAltPink.jpg");
}

.cupcake12Multi2 {
  background-image: url("/Images/CupcakesTopDown12Bi.png");
}

.cupcake12Exquisite {
  background-image: url("/Images/CupcakesExquisite12TopDown.jpg");
}

.cupcake12Berries {
  background-image: url("/Images/Cupcakes12TopDownBerries.jpg");
}


.ImageNoRepeatCenterCenterCoverFixed800 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-size: 800px;
}

.cupcake12Box {
  background-image: url("/Images/CupCakes12.png");
}

.cupcake12BoxYO {
  background-image: url("/Images/Cupcakes12_YellowOrange.png");
}

.cupcake12BoxABP {
  background-image: url("/Images/Cupcakes12_AltBabyPink.png");
}

.cupcake4BoxMany {
  background-image: url("/Images/Cupackes4BoxMany.png");
}

.cupcakes3Boxes {
  background-image: url("/Images/TPOTC12Cupcakes3Boxes.png");
}


.ImageNoRepeatCoverFixed1000 {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-size: 1000px;
}

.goldRain {
  background-image: url("/Images/GoldRain.jpg");
  background-position: left center;
}

.Liverpool {
  background-image: url("/Images/LiverpoolCelebrations.jpg");
  background-position: left center;
}

.akuma {
  background-image: url("/Images/Akuma.jpg");
  background-position: center center;
}

.stadium {
  background-image: url("/Images/StadiumBlurred.jpg");
  background-position: right center;
}

.ImageNoRepeatCenterCenterCoverFixed1200 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-size: 1200px;
}

.ChristmasTheme {
  background-image: url("/Images/ChristmasTreeBlurred.jpg");
}

.wooden {
  background-image: url("/Images/wooden.jpg");
}

.fireworks {
  background-image: url("/Images/celebration.jpg");
}


.potchalf {
  background-image: url("/Images/POTCHalf.png");
  background-repeat: no-repeat;
  /* background-position: center center; */
  /* background-size: cover; */
  background-attachment: fixed;
  background-size: 1970px;
  background-position: 50% 100%
}


@media screen and (max-width:768px) {

  .ThankYouGiftBox {
    background-size: 400px;
  }

  .BirthdayGiftBox {
    background-size: 400px;
  }

  .ChristmasYankee {
    background-size: 230px;
  }

  .cupcake12AltBabyPink {
    background-size: 400px;
  }

  .cupcake12PinkBlue {
    background-size: 400px;
  }

  .cupcake12Sprinkles {
    background-size: 400px;
  }

  .cupcake12Plain {
    background-size: 400px;
  }

  .cupcake12Vintage {
    background-size: 400px;
  }

  .cupcake12EmbossedFondant123 {
    background-size: 400px;
  }

  .cupcake12EmbossedFondant456 {
    background-size: 400px;
  }

  .cupcake12EmbossedFondant789 {
    background-size: 400px;
  }

  .cupcake12Styles {
    background-size: 400px;
  }

  .cupcake12AltPink {
    background-size: 400px;
  }

  .cupcake12Multi2 {
    background-size: 400px;
  }

  .cupcake12Exquisite {
    background-size: 400px;
  }

  .cupcake12Berries {
    background-size: 400px;
  }

  .cupcake12Box {
    background-size: 800px;
  }

  .cupcake12BoxYO {
    background-size: 800px;
  }

  .cupcake12BoxABP {
    background-size: 800px;
  }

  .cupcake4BoxMany {
    background-size: 800px;
  }

  .goldRain {
    background-size: 850px;
  }

  .stadium {
    background-size: 1000px;
  }

  .akuma {
    background-size: 1000px;
  }

  .wooden {
    background-size: 800px;
  }

  .potchalf {
    background-size: 1520px;
    background-position: 50% 100%
  }
}

.scrolling-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

@media screen and (max-width:768px) {
  .inlineBlock5 {
    display: inline-block;
    /* inline block does not add a line break after each element allows them to sit next to each other */
    width: 90%;
  }

  .col-sm-12 {
    min-height: 1px;
    padding: 0px 0px 0px 0px;
    float: left;
  }
}

@media screen and (min-width:768px) {
  .inlineBlock5 {
    display: inline-block;
    width: 19%;
    height: 100%;
  }

}


@media screen and (max-width:768px) {
  .inlineBlock6 {
    display: inline-block;
    /* inline block does not add a line break after each element allows them to sit next to each other */
    width: 90%;
  }

  .col-sm-12 {
    min-height: 1px;
    padding: 0px 0px 0px 0px;
    float: left;
  }
}

@media screen and (min-width:768px) {
  .inlineBlock6 {
    display: inline-block;
    width: 16%;
    height: 100%;
  }
}

@media screen and (max-width:768px) {
  .inlineBlock4 {
    display: inline-block;
    /* inline block does not add a line break after each element allows them to sit next to each other */
    width: 90%;
  }

  .col-sm-12 {
    min-height: 1px;
    padding: 0px 0px 0px 0px;
    float: left;
  }
}

@media screen and (min-width:768px) {
  .inlineBlock4 {
    display: inline-block;
    width: 24%;
    height: 100%;
  }

}

@media screen and (max-width:768px) {
  .inlineBlock3 {
    display: inline-block;
    /* inline block does not add a line break after each element allows them to sit next to each other */
    width: 90%;
  }

  .col-sm-12 {
    min-height: 1px;
    padding: 0px 0px 0px 0px;
    float: left;
  }
}

@media screen and (min-width:768px) {
  .inlineBlock3 {
    display: inline-block;
    /* inline block does not add a line break after each element allows them to sit next to each other */
    width: 32.1%;
  }
}


@media screen and (max-width:768px) {
  .inlineBlock2 {
    display: inline-block;
    /* inline block does not add a line break after each element allows them to sit next to each other */
    width: 90%;
  }

  .col-sm-12 {
    min-height: 1px;
    padding: 0px 0px 0px 0px;
    float: left;
  }
}

@media screen and (min-width:768px) {
  .inlineBlock2 {
    display: inline-block;
    /* inline block does not add a line break after each element allows them to sit next to each other */
    width: 47%;
  }
}

.wordWrap {
  white-space: normal;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}


body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url("/Images/bodybackground.png");
  background-repeat: repeat-y;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* background-size: 100% 50%; */

}

body {
  margin: 0px;
}


.header {
  padding: 20px 10px 10px 0px;
  background: #000000;
  color: #f1f1f1;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.footer {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  color: #ffffff;
  background-color: #000000;
  opacity: 0.85;
}

.sticky+.content {
  padding-top: 102px;
}


.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  /* position: relative; */
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 20px;
  float: left;
  /**/
}


.jumbotron {
  padding: 0px;
  margin-bottom: 0px;
  font-size: 21px;
  font-weight: 200;
  /* line-height: 2.1428571435; */
  color: inherit;
  /* background-color: #000000; */
  background-image: url("/Images/backgroundJumboBannerDark.png");
  background-repeat: no-repeat;
  background-size: cover;
}


.text-left {
  text-align: left;
  padding: 0 0 0 20px;
}



@media (max-width: 768px) {
  .col-sm-3tg {
    width: 25%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-sm-3tg {
    width: 25%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
    float: left;
  }
}


@media (max-width: 768px) {
  .col-sm-6tg {
    width: 150%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-sm-6tg {
    width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
    float: left;
  }
}