body
{
  background-color: hsl(0, 0%, 96%);
}


input:disabled
{
  color: #999999;
}


button:disabled
{
  color: #999999;
}


.sata-container
{ 
  margin-top: 50px;
  padding: 20px 70px 10px 70px;
  box-shadow: 16px 16px 16px 16px rgba(0,0,0, 0.1);
  background-color: hsl(0, 0%, 99%);
}

  
.sata-mastop
{
  font-family: Emilys Candy, Verdana, sans-serif;  
  color:      hsl(288, 100%, 50%); 
  font-size:  60px;
  text-align: center;
} 


.sata-navbar
{
  font-family: Overlock, Helvetica, sans-serif;  
  font-style:  normal; 
  color:       hsl(200, 100%, 20%); 
  font-size:   28px;
  text-align:  center;
} 


.sata-navbar-underline
{
  text-decoration: underline;
} 


.sata-navbar-no-underline
{
  text-decoration: none;
} 


.sata-footer
{
  margin-top:       50px;
  margin-bottom:    10px; 
  padding: 10px;
  background-color: hsl(300, 100%, 98%);
  font-family:      Emilys Candy, Verdana, sans-serif;
  color:            hsl(288, 100%, 50%);
  font-style:       normal;   
  font-weight:      normal;   
  font-size:        16px;
  text-align:       center;
}

.sata-footer-icon-left
{
  width:  30px;
  height: 30px;
  float:  left;
}


.sata-footer-icon-right
{
  width:  30px;
  height: 30px;
  float:  right;
}


.sata-title
{
  font-family:   Lora, Times, serif;  
  color:         hsl(200, 100%, 0%); 
  font-style:    normal;   
  font-weight:   normal;   
  font-size:     24px;
  text-align:    left;
  margin-top:    24px;
  margin-bottom: 12px;
}


.sata-text
{
  font-family: Overlock, Helvetica, sans-serif;
  font-style:  normal;   
  font-weight: normal;   
  color:       hsl(200, 100%, 20%); 
  font-size:   18px;
  text-align:  left;
} 


.sata-text-warn
{
  color: red;
} 


.sata-text-pend
{
  color: blue;
} 

  
.sata-newstop
{
  font-family: Emilys Candy, Verdana, sans-serif;  
  color:      hsl(288, 100%, 50%); 
  font-size:  30px;
  text-align: left;
} 


.sata-font28
{
  font-size: 28px;
} 


.sata-font24
{
  font-size: 24px;
} 


.sata-font22
{
  font-size: 22px;
} 


.sata-font20
{
  font-size: 20px;
} 


.sata-font18
{
  font-size: 18px;
} 


.sata-font16
{
  font-size: 16px;
} 


.sata-font14
{
  font-size: 14px;
} 


.sata-font12
{
  font-size: 12px;
} 


.sata-font10
{
  font-size: 10px;
} 


.sata-centre
{
  text-align: center;
}


.sata-italic
{
  font-style: italic;
}


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


.sata-hspc
{
  margin-top:    5px;
  margin-bottom: 5px;
} 


.sata-spc
{
  margin-top:    20px;
  margin-bottom: 20px;
} 


.sata-dspc
{
  margin-top:    40px;
  margin-bottom: 40px;
} 


.sata-mar
{
  margin-left:  10px;
  margin-right: 10px;
} 


.sata-pad
{
  padding-left:  40px;
  padding-right: 40px;
} 


.sata-float-left
{
  float:  left;
}


.sata-float-right
{
  float:  right;
}


.sata-image
{
  max-height:    500px;
  margin-left:   auto;
  margin-right:  auto;
  box-shadow:    4px 4px 4px 4px rgba(0,0,0, 0.2);
}
 

.sata-portrait
{
  max-height:    300px;
  margin-left:   auto;
  margin-right:  auto;
  box-shadow:    4px 4px 4px 4px rgba(0,0,0, 0.2);
}


.sata-thumb
{
  max-height:    100px;
  margin-left:   auto;
  margin-right:  auto;
  box-shadow:    4px 4px 4px 4px rgba(0,0,0, 0.2);
}


.sata-gallery-box
{
  border:        1px solid #ccc; 
  transition:    0.3s;
}


.sata-gallery-box:hover
{
  border:        1px solid #777;
  opacity:       0.85;
  cursor:        pointer;
}


.sata-drag
{
  height:       250px; 
  margin-bottom: 20px;
}


.sata-drag-highlight
{
  border:  solid 1px grey;

}


.sata-drag-unhighlight
{
  border:  none;
}


.sata-popup-mask
{ 
  display: block;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width:  100%;
  height: 100%;
  overflow: auto;
  background-color: hsla(0, 0%, 80%, 0.5);
}


.sata-popup-placard 
{ 
  display: block;
  margin-top:  200px;
  margin-left:  auto;
  margin-right: auto;
  width: 60%;
  background-color: hsl(0, 0%, 100%);
  border-radius: 1em;
  border 1px solid, black;
  box-shadow: 4px 4px 4px 4px rgba(0,0,0, 0.2);
  padding: 20px;
}


.sata-sorter-placard 
{ 
  display: block;
  margin-top:  100px;
  margin-left:  auto;
  margin-right: auto;
  width: 80%;
  background-color: hsl(0, 0%, 100%);
  border-radius: 1em;
  border 1px solid, black;
  box-shadow: 4px 4px 4px 4px rgba(0,0,0, 0.2);
  padding: 20px;
}


.sata-popup-bar
{
  display: flex;
  justify-content: center;
}


.sata-popup-bar input
{
  width: 100px;
  margin: 10px;
}


.sata-popup-bar button
{
  width:  60px;
  margin: 10px;
  padding: 0px;
}


.sata-booking-button
{
  font-family: Emilys Candy, Verdana, sans-serif;
  font-size:   20px;
  color:            hsl(0, 0%, 99%); 
  background-color: hsl(288, 100%, 50%);
  border-radius: 8px;
  margin: 10px 10px 10px 20px;
  padding: 5px 10px;
}


.sata-button
{
  color:            hsl(200, 100%, 20%); 
  background-color: hsl(0, 0%, 99%); 
  border-radius:    4px;
  margin: 10px 10px 10px 20px;
  padding: 5px 10px;
}


.sata-table
{
  width: 100%;
  background-color: mintcream;
}


.sata-table tr
{
  padding: 5px 0px;
}


.sata-table td
{
  padding: 0px 5px;
}


.sata-table th
{
  padding: 0px 5px;
  text-align:  center;
}


.sata-table-highlight
{
  background-color: lavender;
}


.sata-sales-table
{
  width: 100%;
}


.sata-sales-table th
{
  font-weight: normal;
  font-size:   16px; 
  text-align:  center;
}


.sata-sales-table > td
{
  font-size:     16px; 
  text-align:    center;
  padding-left:  5px;
  padding-right: 5px;
}


.sata-sales-form
{
  font-family: Overlock, Helvetica, sans-serif;
  font-style:  normal;   
  font-weight: bold;   
  color:       hsl(200, 100%, 20%); 
  font-size:   16px;
  text-align:  left;
}


.sata-sales-input
{
  font-family: Overlock, Helvetica, sans-serif;
  font-style:  normal;   
  font-weight: normal;   
  color:       hsl(200, 100%, 20%); 
  font-size:   16px;
  text-align:  left;
}


.sata-sold-out
{
  font-family: Emilys Candy, Verdana, sans-serif;
  font-size:   20px;
  background-color: hsl(0, 0%, 99%); 
  color:            hsl(288, 100%, 50%);
  border-radius: 8px;
  margin: 10px 10px 10px 20px;
  padding: 5px 10px;
  cursor: not-allowed;
}


.sata-radio
{
  font-weight: normal;
  float:        left;
  margin-right: 20px;
}


.sata-submit
{
  float:  right;
  border-width: 2px;
  border-radius: 4px;
  margin: 10px 10px 10px 20px;
  padding: 5px 10px;
}


.sata-submit-pic
{
  float:   right;
  margin:  10px 10px 10px 20px;
  width:   60px; 
  padding: 0px;
}


.sata-submit-pic img
{
  width:  25px; 
  height: 25px;
}


.sata-overflow
{
  cursor: pointer; 
  max-height: 200px; 
  overflow: auto;
}


.sata-glyph
{
  color: hsl(288, 100%, 50%);
}


.sata-open-layer-map
{
   height: 400px;
   width: 100%;
}


.sata-hide
{
  display: none;
}


.sata-alert
{
  color: red; 
  text-align: center;
}


.sata-cursor
{
  cursor: pointer; 
}


.sata-select
{
  cursor: pointer; 
}


.sata-list
{
  list-style-type: none;
}

.sata-panel
{
  background-color: hsl(300, 100%, 96%);
  border:          1px solid #ccc;
  border-radius:   8px;
  padding: 0px 15px;
}


.sata-card
{
  height: 400px;
  background-color: hsl(300, 100%, 96%);
  margin: 10px;
  box-shadow: 4px 4px 4px 4px rgba(0,0,0, 0.2);
  cursor:  pointer;
  padding: 10px;
  font-style:  normal;   
  font-weight: normal;   
  text-align: center;
}


.sata-card-date
{
  height: 40px;
  overflow: hidden;
  padding: 5px;
  font-family: Overlock, Helvetica, sans-serif;  
  color:       hsl(200, 100%, 20%); 
  font-size:   16px;
  font-style:  italic;
  font-weight: bold;   
}


.sata-card-title
{
  height: 80px;
  overflow: hidden;
  padding: 5px;
  font-family: Emilys Candy, Verdana, sans-serif;  
  color:      hsl(288, 100%, 50%); 
  font-size:  18px;
  font-weight: bold;
}


.sata-card-label
{
  height: 30px;
  overflow: hidden;
  padding: 5px;
  font-family: Overlock, Helvetica, sans-serif;  
  color:       hsl(200, 100%, 20%); 
  font-size:   14px;
  font-style:  italic;
}


.sata-card-taster
{
  height: 120px;
  overflow: hidden;
  padding: 5px;
  font-family: Overlock, Helvetica, sans-serif;  
  color:       hsl(200, 100%, 20%); 
  font-size:   16px;
  font-style:  normal;
}

.sata-blog-images
{
  float: right;
  width: 300px;
  margin-left: 30px;
}