@charset "UTF-8";
/* Set the encoding of the style sheet to Unicode UTF-8 */
/*CSS RESETS -----------------------------------------------------------------------------------------------------------*/
/*Limited Reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
margin: 0;
padding: 0;
border: 0;
font: inherit;
}
/*HTML5 Display Rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
display: block;
}
/*LAYOUT STYLES -------------------------------------------------------------------------------------------------------*/
td{
color:#747068;
}
html {
}
body {
margin: 0 auto; /* always center the body of the document with even spacing to sides */
top:0;
width: 100%;
position:absolute;
}
/*.bodyClass {
min-width:1024px;
}*/
main {
width:95%;
max-width:1080px;
margin:30px auto;
min-height: 245px;
}
#bgMain {
width:100%;
background-color: #fff;
display:inline-block;
background-image: url('images/div-border.png');
background-repeat: repeat-x;
background-position: top;
/*float:left;
position:absolute;
top: 700px;*/
}
/*#bgMain.home {
margin-top:80px;
}*/
#contact #bgMain {
text-align: center;
}
main h1 {
text-align:center;
font-family: 'Cinzel', serif;
color: #4e4a43;
}
#newTableMenu {
width:64%;
float:left;
}
.mobileLogo, .slicknav_menu, #mobileNav {
display:none;
}
/*GLOBAL CLASSES AND SETTINGS ---------------------------------------------------------------------------------------------------*/
.inline {
display: inline;
}
.inlineBlock {
display: inline-block;
}
/* ClearFix */
.clearFix:before,
.clearFix:after {
content: "";
display: table;
}
.clearFix:after {
clear: both;
}
.clearFix {
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
/*FONT/TEXT STYLES -----------------------------------------------------------------------------------------------------------*/
body {
font-family: 'Muli', sans-serif;
font-size: 1em;
line-height: 1.5;
color: #747068;
font-weight:normal;
font-style:normal;
}
table, tr, td, div {
font-family: 'Muli', sans-serif;
}
/* Update/Remove this when we create new system editing tools */
.EditorBG, .EditorBG2 {
font-weight: normal;
color: #747068;
font-style:normal;
background-color: #FFFFFF;
}
.EditorBGTitle {
color: #4e4a43;
font-size: 1.75em;
font-weight: normal;
font-family: 'Cinzel', serif;
}
strong {
font-weight: 500;
}
em {
font-style: italic;
}
/* Main Page Titleline - use .title1 for non-semantic text/titles */
h1, .title1 {
color: #4e4a43;
font-size:1.75em;
font-weight:normal;
line-height:1.5em;
font-family: 'Cinzel', serif;
}
/* Page Titles */
h2, .title2 {
color:#747068;
font-size: 1.4em;
font-weight:normal;
line-height:1.5em;
font-family: 'Cinzel', serif;
}
/* Grouped Text/Element Titles */
h3, .title3 {
font-size:1.2em;
font-weight:500;
line-height:1.5em;
font-family: 'Cinzel', serif;
}
/* Sub-Groups / Titles */
h4, .title4 {
color:#747068;
font-size:1.2em;
line-height:1.5em;
font-family: 'Cinzel', serif;
}
/* Other Sub-Groups / Titles */
h5, .title5 {
}
/* Other Sub-Groups / Titles */
h5, .title6 {
}
/*LINK STYLES -----------------------------------------------------------------------------------------------------------*/
/* Main Site Links */
a:link, a:visited {
text-decoration: none;
color: #747068;
}
/* mouse over link */
a:hover, a:visited:hover {
color: #24211d;
}
/* selected link */
a:active {
}
/* Secondary Links (place class="link2" into <a> tag) */
a.link2:link {
text-decoration: none;
color: red;
}
/* visited link */
a.link2:visited {
text-decoration: none;
color: red;
}
/* mouse over link */
a.link2:hover, a.link2:visited:hover {
color: white;
}
/* selected link */
a.link2:active {
}
/*------Flyout Menus----- */
.flyoutHeader {
display:none;
}
.sb_navbut{
}
.sb_subnav a {
padding:5px 3px 5px 9px;
line-height:1.3em;
}
.sb_subnav {
position: absolute;
top: 20px;
left: 0px;
width: 200px;
background-image: url('images/bg-nav-dots.png'),url('images/bg-nav-dots.png'), url('images/bg-nav.png');
background-position:bottom, top, top;
background-repeat: no-repeat, no-repeat, repeat;
padding:15px 0 20px 0;
}
.sb_sub_subnav {
position:absolute;
z-index:1001;
top:-3px;
left:115px;
width:200px;
background-color: rgba(0, 0, 0, 0.75);
border:solid 1px #666666;
display:none;
}
/*BUTTON AND INPUT BUTTON STYLES -----------------------------------------------------------------------------------------------------------*/
button, input[type=button], input[type=submit], .mainButton, .button {
background-color: #f0ece9;
font-family: 'Cinzel', serif;
-webkit-appearance:unset;
}
button:hover, input[type=button]:hover, .mainButton:hover, input[type=submit]:hover, .button:hover {
background-color: #a6a39e;
}
/*.mainItemGroupGrid ul.actions.stacked {
float:right;
}*/
/* CONTENT REGION STYLES -----------------------------------------------------------------------------------------------------------*/
/*Header Styles*/
header.page-header {
background-color: #fff;
width: 100%;
margin: 0 auto;
text-align: center;
position: fixed; /*--Sticky Moving Header--*/
top: 0; /*--Sticky Moving Header--*/
z-index: 5; /*--Sticky Moving Header--*/
}
header.page-header h1 {
font-size:2.8em;
padding-top:1em;
display:inline-block;
font-family: 'Cinzel', serif;
vertical-align:top;
color:#4e4a43;
text-shadow:2px 1px #ffffff;
}
.logo {
display:inline-block;
vertical-align:middle;
}
#mainHeader {
min-height:140px;
box-shadow: 0 5px 5px rgba(76,73,61,0.20);
}
#headerMargin {
width:100%;
}
/* Sticky Moving Header */
.page-header {
position: fixed;
left: 0;
top: 0;
box-sizing: border-box;
-webkit-transition: top 0.4s;
-moz-transition: top 0.4s;
transition: top 0.4s;
background-image: url('images/header-bg-texture.jpg');
background-repeat: repeat-x;
background-position: top;
}
.page-header.off-canvas {
top: -140px;
}
.page-header.fixed {
top: 0;
z-index: 3;
}
/*Navigation Styles*/
Nav {
}
Nav ul {
list-style: none;
}
Nav li {
}
Nav a {
}
Nav a:hover {
}
#mainNav {
padding:10px 0 10px 0;
text-align:center;
display:inline-block;
background-color: #f0ece9;
font-weight:500;
font-family: 'Cinzel', serif;
width:100%;
margin:0 auto;
}
#mainNav li {
padding:8px;
text-transform:uppercase;
display:inline-block;
margin-right: 5px;
list-style:none;
}
#mainNav a {
color:#24211d;
display: block;
border: none;
font-size: 13px;
font-family: 'Cinzel', serif;
font-weight:500;
}
#mainNav a:hover {
color: #24211d;
}
/*article styles*/
article {
}
article h1, article h2, article h3 {
}
article p {
}
article ul {
}
/*Section Styles*/
section {
}
section h1, section h2, section h3 {
}
/*section ul {
list-style: none;
margin: 0;
padding:0;
}
section li {
padding:0;
float: left;
list-style: none;
}*/
/*Featured Boxes --- change the css for these to use section elements like section H2 above*/
.featuredTile{
max-width:300px;
max-height:450px;
}
.featuredImgDiv {
float:initial;
clear:both;
width:220px;
margin:0 auto;
padding-top:20px;
min-height:205px;
}
.featuredImg{
width:200px;
}
.featuredDesc {
height:99px;
overflow:hidden;
color:#000;
}
.featuredContent {
width: 220px;
height: 405px;
background-image: url('images/bg-featuredboxes.png');
border: none;
cursor: pointer;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
vertical-align: top;
clear:both;
}
.featuredDescription{
top:-180px;
position:relative;
color:#000;
width:250px;
display:block;
margin:0 auto;
}
.featuredTitle, .featuredTitleSmall {
font-size: 1.3em;
font-family: 'Cinzel', serif;
font-weight: 400;
color:#000;
line-height: 26px;
padding-top:8px;
}
.featuredTitleSmall {
font-size: 1em;
}
.featuredPageName {
position:relative;
top:-200px;
font-family: 'Cinzel', serif;
color: #000;
font-size:1.7em;
}
.featuredText{
overflow:hidden;
height: 150px !important;
}
/*Popup widget styles*/
/*Popup widget styles*/
.modalImgDiv {
margin-top:0;
height:125px;
overflow:hidden;
}
/*.ui-widget-content{
background-color:#ffffff !important;
background-image:initial !important;
}
.ui-widget-header{
border: none !important;
color:#4e4a43 !important;
}
.ui-draggable .ui-dialog-titlebar {
background-color:#747068 !important;
}
.ui-dialog .ui-dialog-title {
color:#ffffff;
font-family: 'Cinzel', serif;
font-weight:normal;
}
.modalDesc {
color:#4e4a43
}
.featuredItemLink {
background: #dda196;
background: -moz-linear-gradient(top, #dda196 0%, #f3c2b4 100%);
background: -webkit-linear-gradient(top, #dda196 0%,#f3c2b4 100%);
background: linear-gradient(to bottom, #dda196 0%,#f3c2b4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dda196', endColorstr='#f3c2b4',GradientType=0 );
border:none;
border-radius: 4px;
margin: 10px;
}
.ui-widget-content a {
color:#4e4a43 !important;
}
.ui-widget-content a:hover {
color:#fff !important;
}
.hiddenModalContent{
z-index:-5;
}
.modalImgDiv {
margin-top:5px;
height:initial;
}*/
/*SideBar Styles*/
#sideBar{
float:right;
margin:0 20px 30px 0;
max-width:30%;
}
#sideBar div[id*=imgWrap] {
margin: 15px auto;
}
/*SideBar menu and list styles*/
.servCatList
{
display:block;
margin-bottom:15px;
list-style: none;
max-width:300px;
}
.servCatList a{
line-height: 2.5em;
text-transform:uppercase;
font-size: .75em;
font-weight:500;
padding-left:8px;
min-width:290px;
display:block;
}
.servCatList a:hover
{
background: #fcf7cf; /* Old browsers */
background: -moz-linear-gradient(top, #fcf7cf 1%, #a6855d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcf7cf 1%,#a6855d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcf7cf 1%,#a6855d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf7cf', endColorstr='#a6855d',GradientType=0 ); /* IE6-9 */
min-width:280px;
display:block;
}
.categories {
text-align:center;
}
a.linkserv {
padding:0 8px;
background-color:#f0ece9;
margin:3px;
display:inline-block;
border-radius:5px;
color:#373737;
font-family: 'Cinzel', serif;
}
a.linkserv:link, a.linkserv:active, a.linkserv:visited{
color:#4e4a43;
}
a.linkserv:hover, a.linkserv:visited:hover{
color:#322f29;
background-color:#a6a39e;
}
.bookApptBut {
background-color: #f0ece9;
padding: 2px 5px;
text-transform:uppercase;
font-size: .6em;
font-weight:500;
letter-spacing:1px;
color:#4e4a43;
border-radius: 4px;
}
a.bookApptBut:hover {
color:#4e4a43;
background-color:#747068;
}
#contact .resizeFrame {
max-width: 68%;
float: left;
}
/*footer styles*/
#pageFooter {
}
#featuredArea {
width:95%;
max-width:1500px;
padding-bottom:5px;
text-align: center;
margin-left: auto;
margin-right:auto;
clear:both;
}
#copy {
vertical-align:bottom;
background-color:#f0ece9;
height:auto;
width:100%;
clear:both;
}
.innerCopy {
display:block;
width:100%;
margin-left:auto;
margin-right:auto;
color: #4e4a43;
}
#phone {
float:left;
margin-left:40px;
font-size: .8em;
text-align:left;
padding-top:5px;
}
#phone .title {
font-weight:500;
font-size:2.1em;
font-style:normal;
color: #4e4a43;
}
#copyWrite {
text-align:right;
font-size:.6em;
margin-right:40px;
padding-top:8px;
color:#4e4a43;
float:right;
}
#copyWrite a, #copyWrite a:visited {
color:#747068;
}
#copyWrite a:hover, #copyWrite a:visited:hover {
color:#24211d;
}
/* IMAGE AND PHOTO STYLES -----------------------------------------------------------------------------------------------------------*/
#bgGraphic {
position:relative;
top:0;
margin-left:auto;
margin-right:auto;
z-index:-10;
max-height:800px;
min-height:195px;
}
#bgGraphic img {
/* Set rules to fill background */
width: 100%;
position:relative;
top: 190px;
left: 0;
margin: 0 0 190px;
}
#editBGgraphic {
background-color:#4e4a43;
padding:4px;
border:2px solid #fff000;
color:#fff000;
font-size:14pt;
font-weight:500;
position:absolute;
left:250px;
top:390px;
width:200px;
}
#imgOuter {
margin:15px;
}
#chgBG > #imgOuter {
margin:0px;
}
.photos {
display:inline-block;
padding:0 20px 0 0;
vertical-align:top;
}
.photos::after {
/* content: "ADD THIS TEXT AFTER EACH PHOTO" */
}
#photos{
margin:40px auto 0 auto;
text-align:center;
}
#bgVideo {
position: relative;
top: 165px;
max-width: 100%;
min-height:initial;
width:100%;
}
/*below fixes a problem with the mac showing duplicated videos in Safari*/
.bgVideo {
z-index:-1
}
/* SOCIAL NETWORKING STYLES ----------------------------------------------------------------------------------------------------------*/
a.twitter {
}
a.flickr {
}
a.facebook {
}
a.linked {
}
a.google {
}
a.youtube {
}
#likeButton
{
vertical-align:top;
text-align:center;
}
.social{
margin:15px auto;
}
#socialBar{
list-style:none;
display:inline-block;
margin: 0 auto;
text-align: center;
}
#socialBar li{
float:left;
margin:2px;
}
#socialBar img{
opacity: 1;
}
.socialButtons {
margin:40px 0 0 15px;
display:inline-block;
}
.twitter {
text-align:center;
}
.follow {
display:inline-block;
vertical-align: top;
margin-top: 20px;
font-family: 'Cinzel', serif;
color:#000;
}
.homeSocial .social {
display:inline-block;
vertical-align:middle;
}
.homeSocial {
text-align:center;
background-color:#fff;
padding:60px 0;
margin-top:60px;
}
#signupDiv {
max-width:1024px;
background: #423352;
min-height:275px;
margin-bottom:60px;
color:#fff;
text-align:center;
vertical-align:middle;
padding-top:60px
}
/* FORM STYLES ----------------------------------------------------------------------------------------------------------------------*/
fieldset {
border: none;
background: rgb(237, 228, 214);
position: relative;
width: 80%;
min-width: 300px;
padding:1em;
margin: 1em 0;
-webkit-border-radius: 0 .5em .5em 0;
-moz-border-radius: 0 .5em .5em 0;
border-radius: 0 .5em .5em 0;
/*These are default browser values for most browsers:
display: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border: 2px groove (internal value);*/
}
legend {
position: absolute;
top:0;
left: -2000em;
/*This will make the legend invisible and remove it from document flow*/
}
label {
/*display:inline-block;*/
font-size: 1em;
margin: .8em 0 0;
}
/*ALL Page Styles*/
.mainText {
display:inline-block;
color:#747068;
margin: 1% 0 60px 0;
line-height: 2.5em;
width:100%;
text-align:center;
}
.mainText ul
{
list-style-position:inside;
}
.statementContact {
margin-top:2em;
text-align:left;
}
/* PAGE SPECIFIC STYLES --------REPLACE AS MANY OF THESE PAGE SPECIFIC CLASSES AS POSSIBLE WITH GENERIC TITLES AND H1/H2/etc----------------------*/
/*Home Page Styles*/
#home {
}
#home h2 {
font-size: 1.4em;
border-bottom: 2px solid rgb(76, 67, 65);
margin-top: 1.5em;
color:#747068;
}
#home .mainText {
width:85%;
text-align:center;
margin:0 auto;
display:block;
}
.name {
font-size:50pt;
font-weight: 500;
color: #ffffff;
}
/*Service Page Styles*/
.mainItemGroupGrid header {
margin: 0 0 1em 0;
}
.mainItemGroupGrid .servPricingGrid {
width:175px;
}
.mainItemGroupGrid .editBox {
max-width: 77%;
}
.mainItemGroupGrid .servPricePosition {
top:0;
}
#main section.mainItemGroupGrid:first-of-type, #main section.mainItemGroupColumns:first-of-type {
padding-top:0;
}
#categoryList2 {
display:none;
}
.catList div {
display:inline-block;
}
#mainServ .mainText {
margin-bottom:0;
}
#mainServ h3 {
text-align: left;
}
#mainServ .serv h3 {
text-align: left;
}
header > p.servPricingFlow {
font-size: 1em;
}
.mainItemGroupFlow ul.actions.stacked{
margin: 0;
}
section.mainItemGroupColumns {
width: 33%;
}
section.mainItemGroupColumns.prod {
width: 45%;
padding:0 1em;
}
hr.servMenuHR {
top: 1.5em;
margin-bottom: 4em;
}
.servMenuSection {
margin-top:1em;
}
/*below is a fix for member 160949 - cant figure out how this font tag is being added so im just not showing it */
.editBox font {
display: none;
}
ul.onScreenList {
list-style:none;
padding-left:0;
}
ul.onScreenList li {
display:inline-block;
padding-left:0;
padding-right:8px;
text-align:center;
}
.servImages > div {
display:inline-block;
margin: 20px 20px 20px 0;
}
.servImages > div:last-of-type {
display:inline-block;
margin: 20px 0 20px 0;
}
.servImages {
text-align:center;
}
.ServListCatName {
background-color: transparent;
color:#24211d;
font-size:1.75em;
margin:30px 0 0 0;
font-weight:normal;
text-align:center;
font-family: 'Cinzel', serif;
}
.ServListCatDesc {
background-color: transparent;
font-size:1em;
margin:0;
padding-bottom: 2em;
text-align:center;
}
.ServListAltRow1Title, .ServListAltRow2Title {
font-size: 1.5em;
font-weight: normal;
background-color:transparent;
color:#747068;
min-width: 415px;
font-family: 'Cinzel', serif;
}
.ServListAltRow1Detail, .ServListAltRow2Detail {
background-color: transparent;
font-size:1em;
padding-bottom :10px;
color:#747068;
font-size: .9em;
line-height:1.5em;
}
.ServListAltRow1Desc, .ServListAltRow2Desc {
background-color: transparent;
font-weight:normal;
padding-bottom :10px;
color:#4e4a43;
font-size: 1.2em;
line-height:1.5em;
}
.policy {
width:100%;
display:block;
margin:0 auto;
font-family: 'Cinzel', serif;
color:#4e4a43;
}
.mainItemGroupColumns ul.actions {
clear:both;
padding: .7em 0
}
.servCatTitle {
margin-bottom:1em;
}
.servMenuSection {
margin-bottom:2em;
}
/*Products Page Styles*/
.prodPageList {
vertical-align:top;
padding:0;
}
.ProdListCatName {
display:none;
}
.ProdListAltRow1Title, .ProdListAltRow2Title {
font-size: 1.5em;
font-weight: normal;
background-color:transparent;
padding-left:10px;
color:#747068;
font-family: 'Cinzel', serif;
}
.ProdListAltRow1Detail, .ProdListAltRow2Detail {
font-size: .9em;
line-height:1.5em;
background-color:transparent;
vertical-align:top;
padding: 0 0 20px 10px;
color:#747068;
}
.mainItemGroupFlow.prod ul.actions.stacked {
padding-top:1em;
}
.mainItemGroupColumns h3.servH3Position {
text-align:center;
float:initial;
}
section.mainItemGroupColumns {
width:32%;
}
/*Specials Page Styles*/
.promoPageList {
vertical-align:top;
padding:0;
}
.promoPageList em {
font-size:.9em;
background-color: rgba(255,255,255, 0.6);
padding: 3px;
margin-left:10px;
}
.SpecListCategory {
font-size: 1.5em;
font-weight:normal;
background-color:transparent;
font-family: 'Cinzel', serif;
}
.SpecListAltRow1, .SpecListAltRow2 {
font-size: .9em;
line-height:1.5em;
background-color:transparent;
vertical-align:top;
padding: 0 0 20px 10px;
color: #747068;
}
.SpecListAltRow1Title, .SpecListAltRow2Title {
font-size: 1.5em;
font-weight: normal;
background-color: transparent;
padding-left: 10px;
color: #747068;
font-family: 'Cinzel', serif;
}
/*Staff Page Styles*/
#staffPage h1 {
text-align:left;
padding-top: 20px;
}
.StaffListHeader {
display:none;
}
.StaffListAltRow1, .StaffListAltRow2 {
font-size: 1.5em;
font-weight: normal;
background-color:transparent;
padding-left:10px;
vertical-align:middle;
font-family: 'Cinzel', serif;
}
.staffPageList {
float:left;
padding-left:15px;
display:inline-block;
width:100%;
line-height:1.5em;
}
.staffphoto {
float:left;
display:inline-block;
}
.staff
#stafImg {
float:left;
margin-right:20px;
margin-top:30px;
}
#stafTxt {
float:left;
width:100%;
}
#days {
display:inline-block;
color:#747068;
}
#hours {
display:inline-block;
margin:0 20px;
}
#hoursbox{
padding-bottom: 2em;
}
.staff > #newTableMenu p {
margin-left:10px;
margin-top:15px;
color: #747068;
font-size:1.1em;
font-weight:normal;
}
/*Guestbook Page Styles*/
#ifrmDiv {
width:600px;
background-color:transparent;
}
.GuestFormBody {
color: #747068;
font-weight:normal;
font-style:normal;
background-color:transparent;
margin-top:0;
padding-top:0;
min-width:100%;
}
.GuestHeader {
font-size: .9em;
line-height:1.5em;
text-align:left;
background-color:transparent;
font-family: 'Cinzel', serif;
}
.GuestTitles {
font-size: 1.4em;
FONT-WEIGHT:normal;
color: #747068;
line-height:1.5em;
background-color:transparent;
font-family: 'Cinzel', serif;
}
#PnlEntryForm > table {
background: #fff;
padding: 20px 0;
margin: 20px 0;
}
#PnlCredentials {
padding:20px 0;
}
/*Gift Page Styles*/
.GiftFormBody {
color: #747068;
font-weight:normal;
font-style:normal;
background-color:transparent;
margin:0 10px;
padding-top:0;
min-width:100%;
}
.GiftListDivBox {
background-color:transparent;
}
.GiftHeader {
font-size: .9em;
line-height:1.5em;
text-align:left;
background-color:transparent;
font-family: 'Cinzel', serif;
}
.GiftFormTitles, .GiftPackageTitles {
font-size: 1.4em;
FONT-WEIGHT:normal;
color: #747068;
line-height:1.5em;
background-color:transparent;
font-family: 'Cinzel', serif;
}
#GCList.GiftListDivBox, #PackageList.GiftListDivBox
{
background-color:transparent !important;
width:95% !important;
}
.giftPackageImg img {
max-width:100%;
}
#PackageList h2 {
margin-top:2em;
}
#AmountList, #PnlPackages {
padding-top:60px;
}
.ShopHeader, .ShopFooter {
display: none;
}
main#prodMain {
margin-top: 20px;
}
/*Contact Page Styles*/
#contactInfo {
width:300px;
text-align: center;
}
#contact #newTableMenu {
width:100%;
}
/*#newTableMenu #ifrm
{
width:64%;
min-width:640px;
}*/
.contactDetails {
margin: 0px 15px 0 0;
display:inline-block;
vertical-align:top;
width:100%;
text-align:center;
}
.mapSection {
position:relative;
bottom:0;
margin:60px auto;
text-align:center;
}
.bizHours {
margin: 60px auto;
text-align:center;
max-width:650px;
}
.bizHours h3 {
text-align: center;
color:#4e4a43;
font-family: 'Cinzel', serif;
font-size:1.8em;
}
.days {
padding: 3px 0 3px 7px;
margin: 2px 0;
display:inline-block;
width: 115px;
text-align:right;
}
.daysText{
color:#4e4a43;
text-transform: uppercase;
font-size: 12pt;
line-height: 2em;
font-weight:500;
}
.hours {
color: #747068;
padding: 7px 30px 0 0;
margin: 2px 0;
display:inline-block;
vertical-align:top;
font-weight:normal;
width:160px;
text-align:right;
}
.LocListHeader {
background-color:transparent;
text-align:center;
font-size:1.4em;
padding-bottom: 5px;
color:#747068;
font-weight:normal;
}
.LocListAltRow1,.LocListAltRow2 {
background-color:transparent;
text-align:center;
font-size:1.2em;
border-top:none;
padding:5px;
border:none;
}
.LocListAltRow1 i, .LocListAltRow2 i, .LocListSelected i{
display:none;
}
.locListRespTitle {
padding: 0 8px;
background-color: transparent;
margin: 3px;
display: inline-block;
border-radius: 5px;
color: #373737;
font-family: 'Cinzel', serif;
font-size:1em;
font-weight:normal;
}
.LocListSelected {
padding: 0 8px;
background-color: #f0ece9;
margin: 3px;
display: inline-block;
border-radius: 5px;
color: #373737;
font-family: 'Cinzel', serif;
font-size:1em;
}
a.linkloc {
background-color:#4e4a43;
padding:5px;
border-radius:5px;
color:white;
display:inline-block;
}
a.linkloc:hover {
background-color:#4e4a43;
padding:5px;
border-radius:5px;
background-color:#747068;
color:#4e4a43;
}
.LocListSelected a {
color:#24211d !important;
}
.ApptFormBody {
BACKGROUND-COLOR:transparent;
min-width:100%;
}
.ApptHeader {
color:#747068;
font-size: 1.5em;
FONT-WEIGHT:normal;
BACKGROUND-COLOR:transparent;
font-family: 'Cinzel', serif;
}
.ApptFormTitles {
color:#747068;
font-size: 1.5em;
padding-top:30px;
FONT-WEIGHT:normal;
background-color:transparent;
font-family: 'Cinzel', serif;
}
.ApptListAltRow1, .ApptListAltRow2 {
font-size: .9em;
line-height:1.5em;
background-color:transparent;
background:transparent;
}
a[name="bookapp"] + #ifrm {
background-color:transparent;
}
/*Gallery Page Styles*/
#galleryPage #bgMain {
top: 170px;
position: absolute;
}
#galleryPage #newTableMenu
{
width:100%
}
#galleryPage #outermenu div{
width:100% !important;
}
/* MEDIA QUERIES ----------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1050px) {
.mainItemGroupFlow.staff ul.actions.stacked {
margin-top: 50px;
}
header.page-header h1 {
font-size: 2em;
}
#bgGraphic {
top: 0;
}
/* ----------- Mobile ----------- */
/* Portrait and Landscape */
@media screen and (min-width: 0px) and (max-width: 736px) {
body {
width: 100%;
max-width: 100%;
}
.logoResponsive {
display: none;
}
.logoWithText img {
max-height: 60px !important;
}
header.page-header h1 {
font-size: 2em;
margin: 0;
padding-top: 0
}
header.page-header h1.textWithLogo {
font-size: 1.7em;
padding-top: initial;
text-align: center;
max-width: 100%;
margin: 0;
}
.logoNoText img {
max-height: 100px !important;
}
#mainHeader img {
max-width: 100%
}
.hours {
padding: 7px 0 0 0;
}
.bizHours h3 {
padding-top: 1em;
}
.titleline {
margin: 1em;
}
#bgGraphic {
top: 0;
}
#sideBar {
float: initial;
margin: 0 auto;
max-width: 100%;
}
.bookApptBut {
padding: 8px;
margin-bottom: 20px;
float: initial !important;
}
.footerLogo img {
max-width: 95%;
position: initial;
left: initial;
margin: 0 auto;
}
main h1 {
text-align: center;
}
.maincontent {
padding-top: 1em;
}
.mainBGImg {
min-width: initial;
position: relative;
width: 100%;
top: initial;
left: initial;
height: initial;
}
.mainBGImg img {
}
#mainContent {
margin-top: 0;
}
#homePage .txtArea {
text-align: center;
}
.staff .asideImg1, .staff .asideImg2, .staff .asideImg3 {
display: none;
}
.bookAppt {
padding: 5px 8px;
display: block;
margin: 10px;
font-size: 1.1em;
}
.imgRocks {
top: 0;
left: 0;
float: initial;
padding-top: 10px;
}
.containerMain {
top: -50px;
max-width: 100%;
}
#homePage .mainText {
padding: 2% 5%;
}
#imgWrapHome2 {
display: none;
}
#imgWrapHome1 {
max-width: 100%;
width: initial;
height: initial;
}
.video1 {
display: inline-block;
padding: 0 0 15px 0;
max-width: 100%;
max-height: 230px;
width: initial;
height: initial;
}
.video2 {
display: inline-block;
padding: 0 0 15px 0;
width: initial;
height: initial;
max-width: 100%;
max-height: 230px;
}
#bgVideo {
top: 90px;
}
.mainText {
clear: both;
}
.bookAppt .button {
margin-top: 10px;
display: inline-block;
width: 140px;
}
.ProdListAltRow1Title, .ProdListAltRow2Title {
display: block;
}
.ProdListAltRow1Detail, .ProdListAltRow2Detail {
display: block !important;
}
#promoList tr {
display: block;
}
#promoList em {
text-align: center;
display: block;
}
tr td.SpecListAltRow1, tr td.SpecListAltRow2 {
display: block;
text-align: center;
}
.SpecListAltRow1Title, .SpecListAltRow2Title {
text-align: center;
}
.specListDivImg {
width: 100%;
display: block;
text-align: center;
}
.specListDivDetail {
text-align: center;
}
.staffListTbl {
margin: 10px;
min-height: initial;
}
.specListDivImg img {
float: initial;
}
#newTableMenu {
text-align: center;
width: 100%;
float: initial;
}
.staffListNamePosit {
font-family: 'Cinzel', serif;
}
.staffListImg {
min-height: initial;
}
.phn, .mail, .addr {
display: block;
width: initial;
}
.bookAppt {
float: initial;
}
.prodlistDivLogo img {
max-width: 300px;
margin: 1em 1em 1em 0;
}
.prodlistDivCopy {
padding-top: 2em;
}
.ProdListDivMain {
padding: 0 10px;
}
section.mainItemGroupColumns.prod {
width: 90%;
}
.servMenuSection section.mainItemGroupColumns {
width: 100%;
}
.mobileLogo {
position: relative;
top: 0;
float: left;
}
.mobileLogo, .slicknav_menu, #mobileNav {
display: block;
}
.mobileLogo img {
padding: 6px;
}
#mainNav {
display: none;
}
#mobileNav {
display: none;
}
#pageFooter .container {
max-width: 568px;
width: 95%;
}
#footerTxt {
max-width: 100%;
text-align: center;
margin: 10px;
}
#address, #quikLinks {
max-width: initial;
margin-left: 30px;
}
.mobileMap {
display: inline-block;
}
#copyWrite {
width: 100%;
float: initial;
text-align: center;
}
#phone {
float: initial;
text-align: center;
margin-left: 0;
}
div[role='dialog'] {
max-width: 95% !important;
left: 5px !important;
}
#featuredArea .featuredContent {
max-width: 90%;
cursor: pointer;
}
.ServListAltRow1Title, .ServListAltRow2Title {
min-width: initial;
padding-top: 25px;
border-top: 1px dotted #747068;
}
.copySBMobile {
display: inline-block;
}
.copySB {
display: none;
}
.bizHours {
position: initial;
border-radius: 0;
moz-border-radius: 0;
border: 0;
padding: initial;
margin: 0 auto;
text-align: center;
max-width: 350px;
}
.days {
display: block;
clear: left;
float: left;
}
.hours {
display: block;
float: right;
}
aside#contact {
float: initial;
text-align: center;
position: initial;
}
.statementContact {
clear: both;
text-align: center;
margin-bottom: 2em;
}
footer {
float: initial;
text-align: center;
font-size: initial;
width: 100%;
}
#social {
float: initial;
margin: 0 auto;
width: 100%;
}
#socialbar li {
float: initial;
display: inline-block;
}
.socialDiv {
float: initial;
}
.socialButtons {
margin: 0 auto;
display: block;
text-align: center;
}
.contactDiv {
float: initial;
}
.mapSection iframe {
height: 300px !important;
}
#servicePage section {
width: 100%;
padding-bottom: 1em;
}
#servicePage .photo {
float: none;
text-align: center;
clear: both;
}
.spacerDiv h1 {
left: initial;
}
.photo img {
width: 80%;
}
.photo {
padding-bottom: 0;
}
.shadow:before, .shadow:after {
display: none;
}
#giftPage .mainText {
padding: 2% 5% 2% 5%;
}
.GiftPackageTitles {
display: block;
}
#ShowAmtLink, #ShowGCLink {
padding: 6px;
}
#JITDesignImg {
max-width: 300px !important;
}
#plnBuyGift img {
max-width: 300px !important;
}
.certDesignPreview, .purchasedCertDesign {
max-width: 300px;
}
td#clientInfoTD1, td#clientInfoTD2, .certPackageString, .certPackageImg {
display: block !important;
}
.certPackageString, .certPackageImg {
width: 75%;
}
#TxtComments {
width: 150px !important;
}
#ifrmDiv {
width: 100%;
}
.GuestFormBody {
padding: 10px;
}
.section1 .txtServe {
margin-left: initial;
padding: 0px 6px;
}
/* Sticky Moving Header */
header.page-header {
position: initial;
}
.slicknav_btn {
position: absolute;
top: 0;
}
headerpage-header h1 {
padding-top: 0;
font-size: 2.5em;
width: 100%;
}
#mainHeader {
min-height: initial;
}
#bgMain {
top: 95px;
position: relative;
}
/*#bgMain.home {
margin-top:20px;
}*/
#bgGraphic img {
top: 0;
margin: 0;
}
.mainItemGroupGrid .servPricingGrid {
width: 100%;
}
.mainItemGroupGrid .servPricePosition {
text-align: center
}
.mainItemGroupGrid .editBox {
width: 100%;
max-width: 100%;
}
.mainItemGroupFlow.staff ul.actions.stacked {
margin-top: 20px;
}
.mainItemGroupFlow ul.actions.stacked {
top: initial;
padding: .7em 0;
}
.mainItemGroupGrid ul.actions.stacked {
text-align: center;
padding: .7em 0;
}
#stafImg {
float: initial;
display: block;
margin-right: initial;
}
#staffPage h1 {
text-align: center;
}
.staffPageList {
padding-left: initial;
}
.staff ul.actions.stacked {
margin-bottom: 4em;
}
.GuestFormBody {
padding: 0
}
#mainServ .serv h3 {
text-align: left;
}
#mainServ h3 {
text-align: center;
}
/*
SlickNav Mobile Menu
*/
.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 0.438em 0.625em 0.438em 0.625em;
line-height: 1.125em;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
}
.slicknav_menu {
height: 40px;
background-color: #ffffff;
}
/*.slicknav_btn {
position:fixed;
}*/
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left;
}
.slicknav_menu .slicknav_icon {
float: left;
margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em;
}
.slicknav_nav {
clear: both;
z-index: 1000;
position: relative;
}
.slicknav_nav ul, .slicknav_nav li {
display: block;
}
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
}
.slicknav_nav .slicknav_item {
display: block;
cursor: pointer;
}
.slicknav_nav a {
display: block;
}
.slicknav_nav .slicknav_item a {
display: inline;
}
.slicknav_menu:before, .slicknav_menu:after {
content: " ";
display: table;
}
.slicknav_menu:after {
clear: both;
}
/* IE6/7 support */
.slicknav_menu {
*zoom: 1;
}
/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
font-size: 16px;
z-index: 105;
}
/* Button */
.slicknav_btn {
margin: 0 5px 5px 0;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #ffffff90; /* Old browsers */
}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
color: #000000;
font-weight: 500;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
background-color: #000000;
}
.slicknav_menu {
padding: 0 5px;
}
.slicknav_nav {
color: #fff;
margin: 70px 0 0 0;
padding: 0;
font-size: 0.875em;
}
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow: hidden;
text-align: right;
background-color: rgba(0,0,0,.8);
border-radius: 8px;
moz-border-radius: 8px;
}
.slicknav_nav ul {
padding: 0;
margin: 0 0 0 20px;
}
.slicknav_nav .slicknav_item {
padding: 5px 10px;
margin: 2px 5px;
}
.slicknav_nav a {
padding: 5px 10px;
margin: 2px 5px;
text-decoration: none;
color: #fff;
}
.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0;
}
.slicknav_nav .slicknav_item:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: transparent;
}
.slicknav_nav a:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: transparent;
}
.slicknav_nav .slicknav_txtnode {
margin-left: 15px;
}
}
/* below iphone 5 Portrait and Landscape */
@media screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio: 2) {
.GuestFormBody table, .GuestFormBody tr, .GuestFormBody td {
display: inline-block;
}
.GuestFormBody td {
min-width: 215px;
}
.GiftFormBody #AmountList td {
min-width: 85px;
display: inline-block;
}
.GiftFormBody #AmountList tr {
display: inline;
}
.GiftFormBody {
margin: 0;
}
.GiftFormBody table {
margin: 0;
}
}
/* below iphone 5 Portrait and Landscape */
@media screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio: 2) {
.GuestFormBody table, .GuestFormBody tr, .GuestFormBody td {
display: inline-block;
}
.GuestFormBody td {
min-width: 215px;
}
.GiftFormBody #AmountList td {
min-width: 85px;
display: inline-block;
}
.GiftFormBody #AmountList tr {
display: inline;
}
.GiftFormBody {
margin: 0;
}
.GiftFormBody table {
margin: 0;
}
}
/* Tablet */
@media only screen and (min-width:0px) and (max-width: 940px) {
/* Desktop */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) {
#mainNav a {
font-size: 1.2em;
}
.mainText {
font-size: 1.2em;
}
.featuredTitle, .featuredTitleSmall {
font-size: 1.2em;
line-height: 1.2em;
}
.featuredContent {
width: 350px;
vertical-align: top;
}
.photos {
padding: 0 2px 0 0;
width: 265px;
}
#sideBar {
float: initial;
margin: 0 auto;
}
#bgGraphic img {
min-width: 1200px;
}
}
}
}
.SonomaCoastTile img {
max-width: 100%;
}