body {background:#000 url(../images/cave-background.jpg) top center no-repeat; background-size: contain; min-height: 2000px; }
div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #00A95F url('../images/preloader.gif') no-repeat center center;}
.modal-title , .modal-body {color: #000;}



h1.toy-type {font-size: 36px; color: #fff; text-align: left;}

/*///////// ANDY BOLD ////////// */
@font-face {
  font-family: 'Andy';
  src: url('../fonts/Andy-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Andy-Bold.woff') format('woff'), url('../fonts/Andy-Bold.ttf')  format('truetype'), url('../fonts/Andy-Bold.svg#Andy-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*///////// CAMBO REGULAR ////////// */
@font-face {
  font-family: 'Cambo';
  src: url('../fonts/Cambo-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Cambo-Regular.otf')  format('opentype'),
	     url('../fonts/Cambo-Regular.woff') format('woff'), url('../fonts/Cambo-Regular.ttf')  format('truetype'), url('../fonts/Cambo-Regular.svg#Cambo-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*///////// Cafeteria ////////// */
@font-face {
  font-family: 'Cafeteria';
  src: url('../fonts/Cafeteria-Regular.eot');
  src: local('☺'), url('../fonts/Cafeteria-Regular.woff') format('woff'), url('../fonts/Cafeteria-Regular.ttf') format('truetype'), url('../fonts/Cafeteria-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Cafeteria-Bold';
  src: url('../fonts/Cafeteria-Bold.eot');
  src: local('☺'), url('../fonts/Cafeteria-Bold.woff') format('woff'), url('../fonts/Cafeteria-Bold.ttf') format('truetype'), url('../fonts/Cafeteria-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* CUSTOM CSS */
a.scrollToTop {
  color: #fff;
  background: #00A95F; text-align: center; display: block; line-height: 2.8em;
  z-index: 10; position:fixed; width:60px; height:60px; border-radius: 50%; bottom:50px; right:2%; display:none; text-shadow: 1px 2px 1px #000;}
a.scrollToTop:hover{ text-decoration:none;}
.toys-wrap {position: absolute;  width: 96.3%;}
.price-bubble {position: relative; margin: 0 auto; border: 1px solid rgba(0,0,0,0); background: url(../images/price-bubble.png) no-repeat; width: 313px; height: 317px; padding: 10% 5% 0 5%;}
.price {display: block; text-align: center; margin: 30% auto 35% auto; font: normal 182px/150px 'Cambo',sans-serif; letter-spacing: -4px; text-shadow: 1px 2px 1px #000;}
span.price-cents { font: normal .5em/1.3em 'Cambo',sans-serif; vertical-align: top;}
.each {font: bold 17px/17px 'Georgia',sans-serif; text-align:right; margin:-3.2em 4.5em 0 0; letter-spacing:0;}




.btn-primary {
font: normal 34px/34px 'Cafeteria',sans-serif ; white-space: normal;
text-shadow: 2px 2px 0px #000;
background: rgb(94,61,144);
background: -moz-linear-gradient(top,  rgba(94,61,144,1) 0%, rgba(67,45,93,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,61,144,1)), color-stop(100%,rgba(67,45,93,1)));
background: -webkit-linear-gradient(top,  rgba(94,61,144,1) 0%,rgba(67,45,93,1) 100%);
background: -o-linear-gradient(top,  rgba(94,61,144,1) 0%,rgba(67,45,93,1) 100%);
background: -ms-linear-gradient(top,  rgba(94,61,144,1) 0%,rgba(67,45,93,1) 100%);
background: linear-gradient(to bottom,  rgba(94,61,144,1) 0%,rgba(67,45,93,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e3d90', endColorstr='#432d5d',GradientType=0 );
border-color: #40254E;
}

.btn-primary:hover {background: #432D5D;}
.icon-left {float: left; font-size: 40px; padding: 10px 10px 10px 0; margin-right: 10px; border-right: 1px solid #fff;}


.line-break {display: block;}

.head-bkd {display: block; background:url(../images/head-bkd.png) top no-repeat; background-size: contain;  min-height: 200px; padding-top: 10px;}

.toy-type {text-align: center; font: normal 36px/30px 'Cafeteria',sans-serif; color: #9a8a98; text-shadow: 1px 2px 1px #000;}

.thin-borders {height: 54px; border-top: 1px solid #ACC416; margin-top: 50px; border-bottom: 1px solid #ACC416;}

.avail-box {
  border: 1px solid #ACC416; max-width: 100%; height: 184px; border-radius: 50%; color: #ACC416;
  font: normal 46px/40px 'Cafeteria-Bold',sans-serif; padding: .8em 0 0 0; text-align: center;
}

.avail-box > span {color: #fff; font: normal 1.2em/1.0em 'Cafeteria',sans-serif;}

.blue-bkd {background: #00A95F; border-radius: 16px; padding-top: 30px; padding-bottom: 30px; margin-top: 50px; margin-bottom: 60px;}

.blue-bkd h2 { color: #EEE620; padding: 10px 0 10px 0; border-top: 5px solid #000; border-bottom: 5px solid #000;}
.blue-bkd figcaption {display: block; font: normal 28px/28px 'Cafeteria',sans-serif; margin: 10px 0 20px 0;}
.blue-bkd figcaption a {display: inline-block; color: #fff; text-decoration: none; text-shadow: 1px 2px 2px #000;}
.blue-bkd figcaption a:hover {color: #7a4f3d; text-shadow: 1px 2px 2px #fff;}

h2.blue-headings {padding-bottom:0; color: #00A95F;}
#stateselect {margin-top: 40px;}


#map_wrapper {width: 100%; height: 700px; color: #000; margin-top: 15px; margin-bottom: 20px; background: #00A95F; padding: 6px 0 6px 0;}
#map_canvas {width: 100%; height: 100%;}


/* GAPS/SPACERS */

.top-gap {margin-top: 30px;}
.right-gap {margin-right: 30px;}
.bottom-gap {margin-bottom: 30px;}
.left-gap {margin-left: 30px;}

.top-gap-sm {margin-top: 15px;}
.right-gap-sm {margin-right: 15px;}
.bottom-gap-sm {margin-bottom: 15px;}
.left-gap-sm {margin-left: 15px;}

.no-gap {padding:0;}

.no-gap-top {padding-top:0;}
.no-gap-right {padding-right: 0;}
.no-gap-bottom {padding-bottom: 0;}
.no-gap-left {padding-left:0;}

/*///////////////////////////////////////////
////////// CUSTOM MEDIA QUERIES /////////////
///////////////////////////////////////////*/

@media (max-width: 1920px){
.actionfigs {padding-top:0px;}
.toys-wrap {margin-top: 0px;}
}

@media (max-width: 1200px){
.actionfigs {padding-top:50px;}
.price-bubble {padding: 12% 5% 0 5%;}
}

@media (max-width: 992px){
  .line-break {display: inline;}
  .actionfigs {padding-top: 100px;}
  .toys-wrap {margin-top: 0;}
  .icon-left { font-size: 30px; padding: 2px 10px 0 0; margin-right: 10px; border-right: 1px solid #fff;}
  .blue-bkd h2 { font-size: 1.8em; line-height: 1.2em; margin:0;}
  #stateselect {margin-top: 0;}
  .price-bubble {padding: 16% 5% 0 5%;}
}

@media (max-width:768px){
  body {background-size: 250%;}
  .head-bkd {padding-top: 0px; background-size: contain; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; margin-bottom: 40px;}
  .walmart-logo {width: 60%; margin-top:0;}
  .terraria-logo {width: 70%;}

  .actionfigs {padding-top: 60px;}

  .toy-type {font-size:26px; line-height: 26px;}
  .price-bubble {background-size: contain; width: 200px; height: 205px; padding: 12% 5% 0 5%;}
  .price {font: normal 102px/90px 'Cambo',sans-serif; letter-spacing: -4px;}
  .each {font: bold 17px/17px 'Georgia',sans-serif; text-align:right; margin:-2em 2em 0 0; letter-spacing:0;}
  .blue-bkd {border-radius: 0;}
  .blue-bkd h2 { font-size: 1.2em; line-height: 1em; border-top: 2px solid #000; border-bottom: 2px solid #000;}


  #map_wrapper {height: 400px;}

}

@media (max-width:640px){
.actionfigs {padding-top: 40px;}
.icon-left {font-size: 20px; line-height: 30px; }

}

@media (max-width:480px){
  .head-bkd {margin-bottom: 0;}
  .actionfigs {padding-top: 60px;}
  .btn-primary {font-size: 22px;}
  
  .price-bubble {width: 150px; height: 217px;}
  .price {font: normal 90px/90px 'Cambo',sans-serif; letter-spacing: -4px;}
  .each {font: bold 17px/17px 'Georgia',sans-serif; text-align:right; margin:-2em 1em 0 0; letter-spacing:0;}
  .blue-bkd h2 { font-size: 1.0em; line-height: 1em;}
  h2.blue-headings {padding-bottom:0; color: #0073b4; font-size: 32px; padding-bottom: 0;}
  .input-lg {font-size: 18px;}


}
@media (max-width: 340px){
  .btn-primary {font-size: 17px;}
}

@media (min-width: 992px){
  .hideon-lg {display: none; color: #f6ee22;}
}

/* Responsive Text Alignment ------------------------------------------------ */

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {text-align: left;}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {text-align: center;}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {text-align: right;}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {text-align: justify;}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {text-align: inherit;}
    .text-left-xs {text-align: left;}
    .text-center-xs {text-align: center;}
    .text-right-xs {text-align: right;}
    .text-justify-xs {text-align: justify;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {text-align: inherit;}
    .text-left-sm {text-align: left;}
    .text-center-sm {text-align: center;}
    .text-right-sm {text-align: right;}
    .text-justify-sm {text-align: justify;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {text-align: inherit;}
    .text-left-md {text-align: left;}
    .text-center-md {text-align: center;}
    .text-right-md {text-align: right;}
    .text-justify-md {text-align: justify;}
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {text-align: inherit;}
    .text-left-lg {text-align: left;}
    .text-center-lg {text-align: center;}
    .text-right-lg {text-align: right;}
    .text-justify-lg {text-align: justify;}
}