/* Sincerely Se'Yauna - theme styles (2011) */
html { background: #251a28; }
body {
  margin: 0;
  padding: 22px 10px 30px 10px;
  background: #3b2a3f;
  background: -webkit-radial-gradient(50% 0, ellipse, #74557a 0%, #3b2a3f 50%, #221726 100%);
  background: radial-gradient(ellipse at top, #74557a 0%, #3b2a3f 50%, #221726 100%);
  background-attachment: fixed;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 1.6;
  color: #4a3a45;
}
a { color: #a8417f; text-decoration: none; }
a:hover { color: #6a3d5e; text-decoration: underline; }
img { border: 0; max-width: 100%; height: auto; }

.wrapper {
  max-width: 960px;
  margin: 0 auto;
  background: #fbf7f4;
  -webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.65);
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.65);
}

/* header */
.header {
  background: #ecdde6;
  background: -webkit-linear-gradient(top, #f6eef3 0%, #e3cfdc 100%);
  background: linear-gradient(to bottom, #f6eef3 0%, #e3cfdc 100%);
  border-bottom: 1px solid #c9a9bb;
  padding: 16px 24px 14px 24px;
  overflow: hidden;
}
.logo { float: left; text-decoration: none !important; }
.logo .script { display: block; font-family: "Great Vibes", "Brush Script MT", cursive; font-size: 50px; line-height: 1; color: #7a3e6a; text-shadow: 1px 1px 0 #ffffff; }
.logo .tag { display: block; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #9a7b8d; margin-top: 4px; }
.call { float: right; text-align: right; color: #7a3e6a; font-size: 13px; padding-top: 6px; }
.call a.num { display: block; font-size: 26px; color: #5c2e50; font-weight: bold; letter-spacing: 1px; }
.call .small { font-style: italic; font-size: 12px; color: #9a7b8d; }

/* glossy nav */
.nav {
  background: #7f4e72;
  background: -webkit-linear-gradient(top, #9c6b8f 0%, #7f4e72 50%, #6a3d5e 51%, #5a3150 100%);
  background: linear-gradient(to bottom, #9c6b8f 0%, #7f4e72 50%, #6a3d5e 51%, #5a3150 100%);
  border-top: 1px solid #b07fa3;
  border-bottom: 1px solid #3f2038;
  overflow: hidden;
}
.nav a {
  float: left;
  color: #ffffff;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 14px;
  padding: 11px 18px;
  border-right: 1px solid #4f2a46;
  -webkit-box-shadow: inset -1px 0 0 #a77898;
  box-shadow: inset -1px 0 0 #a77898;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  text-decoration: none !important;
}
.nav a:hover, .nav a.current {
  background: #a8749a;
  background: -webkit-linear-gradient(top, #c08cb2 0%, #a8749a 50%, #94608a 51%, #7f4e72 100%);
  background: linear-gradient(to bottom, #c08cb2 0%, #a8749a 50%, #94608a 51%, #7f4e72 100%);
}
.nav a.book { float: right; border-right: 0; border-left: 1px solid #4f2a46; background: #b8860b; background: linear-gradient(to bottom, #e9c46a 0%, #c99a2e 50%, #b8860b 51%, #a0740a 100%); color: #ffffff; font-weight: bold; }

/* slideshow */
.slider { position: relative; height: 330px; overflow: hidden; background: #3b2a3f; }
.slider img { position: absolute; left: 0; top: 0; width: 100%; height: 330px; object-fit: cover; opacity: 0; -webkit-transition: opacity 1.2s ease; transition: opacity 1.2s ease; }
.slider img.on { opacity: 1; }
.slider .caption {
  position: absolute; left: 26px; bottom: 26px; max-width: 420px;
  background: rgba(60, 30, 50, 0.74);
  color: #ffffff; padding: 14px 20px 16px 20px;
  -webkit-border-radius: 5px; border-radius: 5px;
}
.slider .caption h2 { font-family: "Great Vibes", "Brush Script MT", cursive; font-weight: normal; font-size: 40px; line-height: 1.1; margin: 0; color: #ffffff; }
.slider .caption p { margin: 4px 0 12px 0; font-style: italic; font-size: 14px; }
.slider .dots { position: absolute; right: 18px; bottom: 16px; }
.slider .dots span { display: inline-block; width: 11px; height: 11px; margin-left: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.45); cursor: pointer; }
.slider .dots span.on { background: #ffffff; }

/* gel buttons */
.gloss {
  display: inline-block;
  background: #c45c9f;
  background: -webkit-linear-gradient(top, #eab2d6 0%, #c45c9f 50%, #a8417f 51%, #c45c9f 100%);
  background: linear-gradient(to bottom, #eab2d6 0%, #c45c9f 50%, #a8417f 51%, #c45c9f 100%);
  color: #ffffff !important;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding: 9px 22px;
  border: 1px solid #7d2a5d;
  -webkit-border-radius: 18px; border-radius: 18px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  text-decoration: none !important;
  cursor: pointer;
}
.gloss:hover { background: #a8417f; }
.gloss.gold { background: linear-gradient(to bottom, #f6dc95 0%, #d9ae4a 50%, #c4952e 51%, #d9ae4a 100%); border-color: #8a6414; color: #4a3305 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

/* content */
.content { padding: 24px 26px 10px 26px; overflow: hidden; }
.main { float: left; width: 64%; }
.side { float: right; width: 31%; }
h1, h2.title { font-family: Georgia, serif; font-weight: normal; color: #7a3e6a; font-size: 28px; margin: 0 0 10px 0; }
h3 { font-weight: normal; color: #7a3e6a; font-size: 20px; margin: 22px 0 8px 0; border-bottom: 1px dotted #c9a9bb; padding-bottom: 4px; }
.lead { font-size: 16px; font-style: italic; color: #6b5160; }

.cols { overflow: hidden; padding: 4px 26px 20px 26px; }
.col { float: left; width: 31%; margin-right: 3.5%; background: #ffffff; border: 1px solid #e0cfd8; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; }
.col:last-child { margin-right: 0; }
.col img { display: block; width: 100%; border: 3px solid #ffffff; -webkit-box-shadow: 0 0 0 1px #d8c2cc; box-shadow: 0 0 0 1px #d8c2cc; margin-bottom: 10px; }
.col h4 { font-weight: normal; color: #7a3e6a; font-size: 18px; margin: 0 0 6px 0; border-bottom: 1px dotted #c9a9bb; padding-bottom: 4px; }

.widget { background: #ffffff; border: 1px solid #e0cfd8; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding: 14px; margin-bottom: 16px; font-size: 13px; }
.widget h4 { font-weight: normal; font-size: 18px; color: #7a3e6a; margin: 0 0 8px 0; }
.widget table { width: 100%; border-collapse: collapse; }
.widget td { padding: 2px 0; border-bottom: 1px dotted #e7d6e0; }
.widget td.r { text-align: right; }
.stars { color: #d4a017; font-size: 16px; letter-spacing: 1px; }

.giftbar {
  margin: 0 26px 22px 26px;
  background: #f8e9b5;
  background: -webkit-linear-gradient(top, #fff6d6 0%, #f3df9b 100%);
  background: linear-gradient(to bottom, #fff6d6 0%, #f3df9b 100%);
  border: 1px dashed #b8902c;
  padding: 12px 16px;
  color: #6b5112;
  text-align: center;
  font-size: 15px;
}
.giftbar b { font-family: "Great Vibes", "Brush Script MT", cursive; font-size: 28px; font-weight: normal; color: #7a5a10; }

/* service menu */
.menu-item { overflow: hidden; border-bottom: 1px dotted #d9c3cf; padding: 12px 0; }
.menu-item h4 { margin: 0; font-size: 18px; font-weight: normal; color: #5c2e50; }
.menu-item .time { float: right; font-style: italic; color: #a8417f; white-space: nowrap; margin-left: 10px; }
.menu-item p { margin: 4px 0 0 0; }
.badge { display: inline-block; background: #a8417f; color: #ffffff; font-family: "Trebuchet MS", sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; padding: 1px 7px; border-radius: 8px; vertical-align: middle; margin-left: 6px; }
.note { background: #f6eef3; border-left: 4px solid #a8417f; padding: 10px 14px; font-style: italic; margin: 12px 0; }
ul.policies { padding-left: 20px; }
ul.policies li { margin-bottom: 6px; }

.portrait { float: right; width: 210px; margin: 0 0 12px 18px; border: 5px solid #ffffff; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); }
.signature { font-family: "Great Vibes", "Brush Script MT", cursive; font-size: 34px; color: #7a3e6a; margin: 6px 0 0 0; }

.gallery { overflow: hidden; }
.gallery img { float: left; width: 30%; margin: 0 3% 3% 0; border: 4px solid #ffffff; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -webkit-box-sizing: border-box; box-sizing: border-box; }

/* forms */
form.f { background: #ffffff; border: 1px solid #e0cfd8; padding: 16px 18px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
form.f label { display: block; font-weight: bold; color: #5c2e50; font-size: 13px; margin: 10px 0 3px 0; }
form.f label.inline { display: inline; font-weight: normal; margin-right: 12px; }
form.f input[type=text], form.f input[type=email], form.f input[type=tel], form.f select, form.f textarea {
  width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;
  padding: 7px; border: 1px solid #c9a9bb; -webkit-border-radius: 3px; border-radius: 3px;
  font-family: Georgia, serif; font-size: 14px; background: #fdfbfc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}
form.f textarea { height: 90px; }
form.f .row { overflow: hidden; }
form.f .half { float: left; width: 48%; margin-right: 4%; }
form.f .half:last-child { margin-right: 0; }
.req { color: #a8417f; }
.hide { position: absolute; left: -9999px; }
.alert { display: none; background: #fbe3ea; border: 1px solid #a8417f; color: #7d2a5d; padding: 10px; margin-bottom: 12px; }
.alert.show { display: block; }

/* footer */
.footer { background: #2e2030; color: #bba7b6; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 12px; padding: 16px 26px; overflow: hidden; clear: both; }
.footer a { color: #e3c6d8; }
.footer .l { float: left; }
.footer .r { float: right; text-align: right; }

@media (max-width: 720px) {
  body { padding: 0; }
  .header { text-align: center; padding: 14px; }
  .logo, .call { float: none; display: block; text-align: center; }
  .logo .script { font-size: 40px; }
  .call a.num { display: inline-block; margin-top: 6px; background: #7a3e6a; color: #ffffff; padding: 8px 18px; border-radius: 20px; font-size: 20px; }
  .nav a { float: none; display: inline-block; padding: 9px 11px; font-size: 13px; }
  .nav a.book { float: none; }
  .slider, .slider img { height: 230px; }
  .slider .caption { left: 10px; right: 10px; bottom: 30px; }
  .slider .caption h2 { font-size: 30px; }
  .main, .side { float: none; width: auto; }
  .content, .cols { padding-left: 16px; padding-right: 16px; }
  .giftbar { margin: 0 16px 18px 16px; }
  .col { float: none; width: auto; margin: 0 0 14px 0; }
  .portrait { float: none; display: block; margin: 0 auto 12px auto; }
  form.f .half { float: none; width: auto; margin: 0; }
  .footer .l, .footer .r { float: none; text-align: center; }
}
@media (prefers-reduced-motion: reduce) { .slider img { -webkit-transition: none; transition: none; } }