.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  /* padding: 7px; */
  /* padding: 25px; */
  background-color: #b1cef6;
  border-radius: 30px;
  grid-row-gap: 15px;
  padding-right: 11px;
  padding-left: 11px;
}

.get-across {
  grid-column: 1 / span 3;
  padding-left: 10px;
  line-height: 1.2em;
  margin: 15px;
  margin: 22px;
  margin-top: 0px;
  font-size: 1.3em;
}

.price {
  font-size: 1.2em;
}

.currency {
font-size:0.7em;
font-weight: normal;

font-size: 0.6em;
font-weight: normal;
vertical-align: baseline;
top: -0.4em;
position: relative;
}

.cents {
  font-size: 0.6em;
  font-weight: normal;
  vertical-align: baseline;
  top: -0.4em;
  position: relative;
}

.star {
  font-size: 0.75em;
  font-weight: normal;
  vertical-align: baseline;
  top: -0.3em;
  position: relative;
  color: #f0af34;
  color:#f5bb4b;
}

.star-casual {
  font-size: 2em;
  font-weight: normal;
  vertical-align: baseline;
  position: relative;
  color: #f5bb4b;
  left: -12px;
  text-shadow: 1px 1px rgb(109,109,109)
}

b, strong {
  font-weight: 700;
  font-size: 1.2em;
}

:after, :before {
  box-sizing: border-box;
}


.get-across > ul, li {
  margin:0;
  padding:0;
  list-style:none
}

.intro {
  padding-top: 10px;
  margin: 0 47px 0px 60px;
  font-size: 2em;
  font-weight: bold;
}

li {
  padding-left:20px;
}

/* li:nth-child(1):before {
  content: "*"
} */

.grid-item {
  text-align: center;
  padding: 12px;

}

.hide {
  visibility: hidden;
}

.secret {
  opacity: 0;
}

.woof {
  color: #f0af34;
  /* color: #fe6414; */
  position: relative;
  top: -40px;
  font-size: 2.95em;
  font-family: fantasy;
  font-weight: 900;
  transform: rotate(-20deg);
}
.dog-press :active, .dog-press :hover {
  color: #6aa4c455;
  text-shadow: 2px 2px #7983af;
}

.dog-press {
  cursor: pointer;
  margin: 3px;
  box-shadow:
  0 1px 2px #2d48e1, /*bottom external highlight*/
  0 -1px 1px #97a5f0, /*top external shadow*/
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
  inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
  /* background: #6aa4c4; */
  /* background: #0065af; */
  /* background: #4988e4f7; */
  background: #4988e4;
  color:rgb(255, 255, 255);
  padding:6px 12px 8px 12px;
  border:none;
  font-size:18px;
  font-size:14px; /* 2/6/25 */
  border-radius:30px;
  box-shadow: -2px -2px 10px rgba(0,0,0,.25) inset, 2px 2px 10px white inset;

  /* #0178c5 */
  /* #0065af */
}

.dog-press:first-child {
  padding-top: 24px;
}

.panelbutton {
  width: 170px;
}

.panelbutton :hover {
  /* background:#696F33; */
  /* background:#fe6414; */
  /* background:#f0af34; */
  /* background: #0178c5; */
  /* background: rgb(229, 229, 229); */
  background: #b1cef6;
  border-radius: 30px;
}

.pressed-txt {
  color: #0065af;
}

.dog-press:nth-child(3) :hover {
  background-color: rgba(0,0,0,.25);
}

.panelbutton :active {
  /* background:rgb(141, 156, 8); */
  /* background: rgb(229, 229, 229); */
  background: #b1cef6;
}

.cart-image {
  background-size: 100%;
  width: 11rem;
  height: 11rem;
  text-align: center;
}

.txt {
  font-size: 2.1em;
  font-weight: bold;
  padding: 0.2em;
}

.as-low {
  font-size: 1.1em;
  font-weight: bold;
  padding: 2px;
}

.casual {
  margin-left: -10px;
  font-size: 1em;
  color: #5f5032;
  letter-spacing: 0.06em;
}

.footer {
  display: flex;
  width: 100%;
  text-align: center;
  grid-column-start: 1;
  grid-column-end: 4;
  size: 1;
  justify-content: center;
}

.range-label {
  font-size:29px;
  position: relative;
  width:45%;
  display: flex;
  /* align-items: space-around; */
  /* justify-content: center; */
  /* margin-top: 10px; */
  cursor: pointer;
  font-weight: bold;
  bottom:13px;
}

input {
  visibility: hidden;
}

.first {
  justify-content: flex-start;
  margin-left: 7px;
  left: 20px;
}

#quarterly_text {
  padding-top: 24px;
  padding-bottom: 6px;
}

.last {
  justify-content: flex-end;
  width: 41%; /*2/7/25 */
  /*width: 32%; /* 2/6/25 */
  /* 2/6/25 margin-right: -24px; */
}

/* .last.range-label {
  justify-content: flex-end;
  padding-left: 0.30em;
2/6/25} */

.first .chuckradioSub {
  position: absolute;
  top:-5px;
  left:-37px;
  content:url(https://treecourtunleasheddogadventureparks.com/wp-content/uploads/2021/04/chuckit_notselect_thick_35.png);
}

.last .chuckradioSub {
  position: absolute;
  top: -5px;
  left: -6px;
  /* left:-7px; */
  content:url(https://treecourtunleasheddogadventureparks.com/wp-content/uploads/2021/04/chuckit_notselect_thick_35.png);
}

.chuckradioSub.on {
  content:url(https://treecourtunleasheddogadventureparks.com/wp-content/uploads/2021/04/chuckit_select_thick_35.png);
}

.chuckit {
  content:url(https://treecourtunleasheddogadventureparks.com/wp-content/uploads/2024/10/chuckit_35.png);
  z-index: 1;
  position: absolute;
  visibility: hidden;
}

@keyframes soar {
  0% { top: -50% }
  100% { top: -200% }
}

@keyframes move-right {
  0% { left: -10% }
  100% { left: 82% }
}

@keyframes move-left {
  0% {left: 82% }
  100% {left: -10% }
}

@keyframes spinRight {
  0% { rotate: 0deg }
  100% { rotate: 180deg }
}

@keyframes spinLeft {
  0% { rotate: 0deg }
  100% { rotate: -180deg }
}


@keyframes taunt {
  0% { top: -50%; rotate: 0deg; }
  30% { top: -400%; rotate: 144deg; }
  50% { top: -500%; rotate: 180deg; }
  70% { top: -400%; rotate: 216deg; }
  100% { top: -50%; rotate: 360deg; }
}

.tossUp {
  left: 85%;
  visibility: visible;
  animation: taunt 1s linear;
  margin-left: 10px;
}

.tossUpLeft {
  left: -1.08em;
  visibility: visible;
  animation: taunt 1s linear;
  margin-left: -5px;
}

.tossRight {
  visibility: visible;
  animation: soar 0.3s ease-out infinite alternate, spinRight 2s linear, move-right 0.6s linear
}

.tossLeft {
  visibility: visible;
  animation: soar 0.3s ease-out infinite alternate, spinLeft 0.6s linear, move-left 0.6s linear
}


.footer input {
  cursor: pointer;

}

.dog-count {

  grid-column: 1 / span 3;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}

.dog-count-area {
  grid-column: 1 / 4;
  text-align: center;
  border-color: green;
  box-shadow:
  0 -1px -2px #fff, /*bottom external highlight*/
  0 1px -1px #666, /*top external shadow*/
  inset 0 1px -1px rgba(0,0,0,0.5), /*bottom internal shadow*/
  inset 0 -3px -3px rgba(255,255,255,0.8); /*top internal highlight*/
  background:rgb(248, 166, 42);
  background:#eeac2c;
  background:#fdcc6f;
  background:#f5bb4b;
  background-image: linear-gradient(#fdcc6f, #eeac2c);
  color:#666;
  border:none;
  /* font-size:32px; */
  border-radius:30px;
  cursor: pointer;
  /* margin: 1.3em; 2/6/25*/
  box-shadow: -2px -2px 10px rgba(0, 0, 0, .25) inset, 2px 2px 10px white inset;
}

.dog-count-area > div {
  /* margin-right: 0.9em; */
  padding: 0.0em;;
}

.picker {
  grid-column: 1 / span 3;
  margin-right: 5px;
  padding: 0px;
  padding-top: 5px;
  margin-bottom: 1em;
}

.dog-spinner {
  width: 100%;
  background-color:inherit;
  padding: 3px;
}

.selected {
  font-weight: bold;
  color: #6aa4c4;
}

.greeting {
  font-size: 1.1rem;
  text-align: left;
  background: none;
  line-height: normal;
  margin: 0;
  padding: 8px;
  padding-bottom: 15px;
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    .greeting {
      margin-right:39px;
    }
}