.smaller-font {
  font-size:smaller;
}

html {
    width:100%;
    scroll-behavior: smooth;
}

input::placeholder {
  color: gray;
}

body {
    background-color:white;
    padding:0;
    margin:0;
    color:black;
    width:100%;
    font-size:1.25em;
    font-family:system-ui
}

h1 {
  padding-top:0;
  margin-top:0;
}

.un {
  font-weight:bold;
}

.dog-stuff {
  margin-bottom:1em;
  border-bottom:1px solid black;
}

.indented {
  padding-left:0.5em;
}

.bottom_padding {
  padding-bottom:0.5em;
}

.event_day_time {
  padding-bottom:0;
  margin-bottom: 0;
}

#register {
  margin-bottom:3em;
}

::placeholder {
  color:black;
  opacity: 1;
}

body {
  text-align:left;
}

#mailing_address input {
  margin-bottom:0.25em;
}

#name, #email, #cell_phone_number, #mailing-address {
  margin-bottom:2em;
}

#person-stuff {
  margin-bottom:1em;
}

.remove_btn, .dog_name, .dog_description {
  margin-bottom:10px;
}

#error {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height:6.25em; /*100px/16px*/
  width:100%;
  color:red;
  visibility:hidden;
  display:none;
  border:0;
}

#all_set {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height:6.25em; /*100px/16px*/
  width:100%;
  color:green;
  visibility:hidden;
  display:none;
  border:0;
}

td {
  padding-bottom:1em;
}

input[type='checkbox'] { margin-right:1em;}
.the_radio {margin-bottom:1.5em;}
input[type='text'] { width:75%; }
.photo_package {margin-left:1em;}
input[name='subtotal'] { font-weight:bold; border:0; width:30em;}
input[name='discount'] { font-weight:bold; border:0; width:30em;}
input[name='total'] { font-weight:bold; border:0; width:30em;}

.wrapper {
  display: flex;
  align-items: center;
}

.line {
  border-top: 1px solid grey;
  flex-grow: 1;
  margin: 0 10px;
}

.paypal-address {
  text-decoration:underline
}

.notes {
  padding-left:1em; 
}

#paypal_button {
  background-color:green;
  color:white;
  font-weight: bold;
}
#order_home_address {
  text-decoration:underline
}

/* Wide config below here */
@media screen and (orientation:portrait) and (min-width: 600px), 
    screen and (orientation:landscape) and (min-height: 600px)
{
  input[type='text'] { width:30em; }
}