/*================================================================
    Mind Point Design - Master CSS ==========================
=================================================================*/

/******************************************************************
    Global Styles and Resets
******************************************************************/
/* Misc */
*
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
    line-height: 1.375;
	outline: none;
	-moz-outline-style: none;
}
html
{
	margin: 0 0 1px 0;
	padding: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
body
{
	margin: 0;
	padding: 0;
	font-size: 100%; /* 16px */
	color: #222222;
	font-family: Helvetica, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-style: normal;
	font-weight: normal;
	background: #fff;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, img, q, samp, small, strike,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 1.25;
	font-family: inherit;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul
{
	list-style: none;
}
img
{
	border: 0;
	-ms-interpolation-mode: bicubic;
}
p
{
    line-height: 1.5;
	margin-bottom: 1em;
}
p:last-child
{
	margin-bottom: 0;
}
hr
{
	margin-top: 1.25em;
	margin-bottom: 1.1875em;
	background: #eeeeee;
	color: #eeeeee;
	border: 0;
	height: 1px;
}

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, nav, section
{
	display: block;
}
audio, canvas, video
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls])
{
	display: none;
}

/* Sups and Subs */
sub, sup
{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup
{
	top: -0.5em;
}
sub
{
	bottom: -0.25em;
}

/* 
  Numa text widget (fix page conflicts) 
  ~Numa detects based on UA instead of media breakpoints. Also uses same class names for mobile.~
  ~Fixes seem to be useful, or at least harmless, in both views so keeping it simple.~
*/
.numberai-text-form {
	z-index: 9999999 !important; /* dont conflict with banners */
}
.numberai-text-widget {
	z-index: 9999998 !important; /* dont conflict with banners (retaining relationship between #s so 1 less here) */
}
	.numberai-text-widget span.numberai-number,
	.numberai-text-form input[type=submit] {
		color: #222 !important; /* widget doesnt let you change text so handling here */
	}
		

/******************************************************************
    Basic Styles
******************************************************************/

/* Fonts */
@font-face
{
    font-family: 'AmericanaStandard';
    src: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd.eot'); /* IE9 Compat Modes */
    src: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd.woff') format('woff'), /* Modern Browsers */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd.svg#AmericanaStandard') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face
{
    font-family: 'AmericanaStandardItalic';
    src: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-italic.eot'); /* IE9 Compat Modes */
    src: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-italic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-italic.woff') format('woff'), /* Modern Browsers */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-italic.svg#AmericanaStandardItalic') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face
{
    font-family: 'AmericanaStandardBold';
    src: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-bold.eot'); /* IE9 Compat Modes */
    src: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-bold.woff') format('woff'), /* Modern Browsers */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-bold.svg#AmericanaStandardBold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face
{
    font-family: 'AmericanaStandardExtraBold';
    src: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-extrabold.eot'); /* IE9 Compat Modes */
    src: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-extrabold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-extrabold.woff') format('woff'), /* Modern Browsers */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-extrabold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/fonts/americanastd-extrabold.svg#AmericanaStandardExtraBold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Links */
a, 
a:link, 
a:visited 
{ 
	color: #333;
	text-decoration: underline; 
	cursor: pointer; 
}
a:hover, 
a:focus 
{ 
	text-decoration: none; 
}

/* Headers */
h1, h2, h3, h4, h5, h6
{
    font-family: AmericanaStandardBold, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 100;
    margin: 0;
}
h1 
{
    font-size: 3rem;
    letter-spacing: 4px;
}
h2
{
	font-size: 2.5rem;
}
h3
{
	font-size: 1.6rem;
}
h4
{
	font-size: 1.125rem;
}
h5
{
	font-size: 1rem;
}
h6
{
	font-size: 1rem;
}

/* Text Formatting */
blockquote
{
    margin: 0 0 10px;
    padding: 0;
    font-style: normal;
    font-style: italic;
}
.no-records
{
    text-align: center;
    font-style: italic;
}
.header-box
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    max-width: 285px;
    min-height: 54px;
    font-size: 1.5em;
    text-decoration: none;
    background-color: #222;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    outline: none;
    border: none;
}

/* Buttons */
a.mpd-std-button,
button.mpd-std-button
{
    display: inline-block;
    min-width: 9em;
    padding: 0 1.5em;
    height: 2.6em;
    line-height: 2.6em;
    text-decoration: none;
    background-color: #d7dbd1;
    color: #222;
    text-align: center;
    outline: none;
    border: none;
    cursor: pointer;
}


/******************************************************************
    Forms 
******************************************************************/
button, input, select, textarea
{
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button, input
{
	line-height: normal;
	*overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner
{
	border: 0;
	padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]
{
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="search"]
{
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration
{
	-webkit-appearance: none;
}
textarea
{
	overflow: auto;
	vertical-align: top;
}
.input-error
{
    color: red;
    font-size: .75em;
    padding-top: 2px;
}

/* Checkbox Group */
ul.checkbox-control 
{
    list-style: none;
    font-size: 1rem;
}
    ul.checkbox-control > li
    {
        display: block;
        margin-bottom: .75em;
    }
    ul.checkbox-control > li:last-child
    {
        margin-bottom: 0;
    }
        ul.checkbox-control > li > label.checkbox 
        {
            display: inline-block;
            position: relative;
            margin: 0;
            min-height: 25px; /* 25px == checkmark dimensions */
            line-height: 25px;
            padding-left: calc(25px + 1.25em);
            padding-right: .75em;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
            ul.checkbox-control > li > label.checkbox > input
            {
                /* Hide the browser's default checkbox */
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
            }
            ul.checkbox-control > li > label.checkbox > .checkmark 
            {
                position: absolute;
                top: 0;
                left: 0;
                height: 25px;
                width: 25px;
                background-color: #fafafa;
                border: 1px solid #D0D0D0;
            }
            ul.checkbox-control > li > label.checkbox:hover > input ~ .checkmark 
            {
                background-color: #E1E0E0; /* Hovering checkbox or associated text */
            }
            ul.checkbox-control > li > label.checkbox > input:checked ~ .checkmark 
            {
                background-color: #bbc7ba; /* When the checkbox is checked */
                border: 1px solid #4E4E4E;
            }
            ul.checkbox-control > li > label.checkbox > .checkmark:after 
            {
                /* Create the checkmark/indicator (hidden when not checked) */
                content: "";
                position: absolute;
                display: none;
            }
            ul.checkbox-control > li > label.checkbox > input:checked ~ .checkmark:after 
            {
                /* Show the checkmark when checked */
                display: block;
            }
            ul.checkbox-control > li > label.checkbox > .checkmark:after 
            {
                /* Style the checkmark/indicator */
                left: 8px;
                top: 4px;
                width: 5px;
                height: 10px;
                border: solid white;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

/* Contact Form Control */
#contact-form
{}
    #contact-form .thank-you-message
    {
        color: #bbc7ba;
        font-style: italic;
        font-size: 1em;
        text-align: center;
    }
    #contact-form dd
    {
        margin-bottom: .5em;
    }
    #contact-form input,
    #contact-form textarea
    {
        width: 100%;
        border: 1px solid #D0D0D0;
        padding: .25em .5em;
        color: #222;
    }
    #contact-form input::placeholder,
    #contact-form textarea::placeholder
    {
        color: #A3A3A3;
    }

dl.business-hours > dt {
    text-transform: uppercase;
}


/******************************************************************
    Page Layout
******************************************************************/
/* Header */
#header
{
    width: 100%;
    background-color: #191919;
    border-bottom: 1px solid #D5D5D5;
}
	#header .inner-wrap
	{
		width: 100%;
		max-width: 1024px;
        margin: 0 auto;
        text-align: center;
    }
        #header .inner-wrap h1
        {
            color: #fff;
            text-transform: uppercase;
            padding: 0.65em 0 0.45em 0;
			word-spacing: -.125em;
        }
        #header .inner-wrap .nav-toggle
        {
            display: none;
        }

/* Navigation */
#navigation
{
    width: 100%;
    background-color: #d7dbd1;
    border-top: 1px solid #fff;
    border-bottom: 2px solid #FEFEFE;
}
	#navigation .nav-bar-wrapper
	{
		position: relative;
		width: 100%;
        max-width: 1024px;
        margin: 0 auto;
	}
        #navigation .nav-bar-wrapper ul.nav-bar
		{
			list-style: none;
            text-align: center;
            height: 51px;
		}
            #navigation .nav-bar-wrapper ul.nav-bar li
            {
                display: inline-block;
            }
            #navigation .nav-bar-wrapper ul.nav-bar li:last-child
            {
                background: none;
            }
                #navigation .nav-bar-wrapper ul.nav-bar li a.primary,
                #navigation .nav-bar-wrapper ul.nav-bar li a.primary:visited
                {
                    display: inline-block;
                    padding: 0 0.8125em;
                    white-space: nowrap;
                    height: 51px;
                    line-height: 51px;
                    text-decoration: none;
                    text-align: center;
                    font-size: 1.125em;
                    font-family: AmericanaStandardBold, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
                    color: #191919;
                }
                #navigation .nav-bar-wrapper ul.nav-bar li.active a.primary
                {
                    font-family: AmericanaStandardExtraBold, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
                    font-weight: bold;
                }
                #navigation .nav-bar-wrapper ul.nav-bar li.emphasis a.primary
                {
                    color: #fff !important;
                }
                #navigation .nav-bar-wrapper ul.nav-bar li a.primary::after
                {
                    display: block;
                    content: attr(data-title);
                    font-family: AmericanaStandardExtraBold, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
                    height: 0;
                    overflow: hidden;
                    visibility: hidden;
                }
					#navigation .nav-bar-wrapper ul.nav-bar li a.primary ~ ul.dropdown
					{
						display: none;
						position: absolute;
						top: 51px; /* height of nav bar */
						margin: 0;
						padding: 0;
						list-style: none;
						z-index: 99999999;
						overflow: hidden;
						width: 170px;
					}
					#navigation .nav-bar-wrapper ul.nav-bar li:hover a.primary ~ ul.dropdown
					{
						display: block;
					}
						#navigation .nav-bar-wrapper ul.nav-bar li a.primary ~ ul.dropdown > li
						{
							display: block;
							background: #d7dbd1;
							text-align: left;
						}
							#navigation .nav-bar-wrapper ul.nav-bar li a.primary ~ ul.dropdown > li a
							{
								display: block;
								padding: 0 1em;
								font-size: 1.125em;
								font-family: AmericanaStandardBold, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
								text-decoration: none;
								height: 32px;
								line-height: 32px;
							}
							#navigation .nav-bar-wrapper ul.nav-bar li a.primary ~ ul.dropdown > li:hover a,
							#navigation .nav-bar-wrapper ul.nav-bar li a.primary ~ ul.dropdown > li.active a
							{
								font-family: AmericanaStandardExtraBold, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
								font-weight: bold;
                                background: #bbc7ba;
							}
				

/* Banner */
#banner
{
	width: 100%;
}
    #banner .flexslider
	{
        overflow: hidden;
        text-align: center;
        margin: 0 auto;
        max-width: 1300px;
        outline: 0;
    }
        #banner .flexslider .overlay
        {
            position: absolute; 
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 999;
            background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/banner-overlay-logo.png') no-repeat center center;
            background-size: Auto 76%;
        }
        #banner .flexslider a
		{
            display: block;
            cursor: default;
            outline: 0;
        }
            #banner .flexslider a img
            {
                width: 100%;
            }

/* Page Contents */
#page-contents
{
	width: 100%;
	text-align: center;
}
	#page-contents > .page-contents-wrap
	{
		width: 100%;
		max-width: 1024px;
		margin: 0 auto 5.5rem auto;
		text-align: left;
	}
		#page-contents > .page-contents-wrap > .page-header
		{
            padding: 3.75rem 0 6.75rem 0;
            text-align: center;
        }
            #page-contents > .page-contents-wrap > .page-header > .description
            {
                margin: 0 auto;
                padding-top: 2em;
                width: 66%;
                line-height: 1.5;
            }
                #page-contents > .page-contents-wrap > .page-header > .description p
                {
                    margin-bottom: 1.5em;
                }
                #page-contents > .page-contents-wrap > .page-header > .description p:last-child
                {
                    margin-bottom: 0;
                }
            #page-contents > .page-contents-wrap > .page-header > .actions
            {
                margin-top: 3em;
            }

/* Footer */
#footer
{
	width: 100%;
    background-color: #191919;
    color: #e1e0e0;
}
	#footer .brands
	{
        width: 100%;
        background-color: #d7dbd1;
        padding: 28px 0;
    }
        #footer .brands ul
        {
            list-style: none;
            text-align: center;
        }
            #footer .brands ul li
            {
                display: inline-block;
                vertical-align: middle;
                margin-right: 50px;
            }
            #footer .brands ul li:last-child
            {
                margin-right: 0;
            }
	#footer .sitemap
	{
		width: 100%;
		max-width: 1150px;
		margin: 0 auto;
        text-align: left;
    }
        #footer .sitemap h4
        {
            color: #d7dbd1;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: .45em;
        }
        #footer .sitemap .column 
        {
            padding: 2.25em 0 1.875em 0;
        }
        #footer .sitemap .address-column
        {
            width: 36%;
            padding-left: 190px;
            float: left;
            background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/images/salon-footer-logo.png') no-repeat 4% 71.5%;
            background-size: 128px 126px;
        }
            #footer .sitemap .address-column address
            {
                line-height: 1.6;
            }
			#footer .sitemap .address-column a
			{
				color: #e1e0e0;
				text-decoration: none;
			}
        #footer .sitemap .hours-column
        {
            width: 27%;
            margin-left: 2%;
            float: left;
        }
            #footer .sitemap .hours-column dl
            {
                line-height: 1.6;
            }
                #footer .sitemap .hours-column dl > dt
                {
                    display: inline-block;
                    width: 42%;
                }
                #footer .sitemap .hours-column dl > dd
                {
                    display: inline-block;
                    width: 58%;
                }
        #footer .sitemap .hot-links-column
        {
            width: 22%;
            margin-left: 2%;
            float: left;
        }
            #footer .sitemap .hot-links-column a
            {
                display: block;
                color: #e1e0e0;
                text-decoration: none;
                padding-bottom: .25em;
            }
            #footer .sitemap .hot-links-column a:hover
            {
                text-decoration: underline;
            }
        #footer .sitemap .hello-column
        {
            width: 9%;
            margin-left: 2%;
            float: left;
        }
            #footer .sitemap .hello-column .social-icons .fa-stack i.fa 
            { 
                color: #e1e0e0; 
            }
            #footer .sitemap .hello-column .social-icons .fa-stack i.fa.fa-inverse 
            { 
                color: #222; /* same as background color of footer */
            }

/* Copyright Footer */
#copyright
{
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
    padding-bottom: 3em;
	text-align: center;
}
	#copyright .rights-reserved
	{
        font-size: .916666em;
        padding: 1.375em 0 1em 0;
    }
        #copyright .rights-reserved a
        {
            text-decoration: none;
        }
        #copyright .rights-reserved a:hover
        {
            text-decoration: underline;
        }

/* Back to Top */
#back-to-top
{
    background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/back-to-top.png') no-repeat 0 0;
    background-size: cover;
    width: 27px;
    height: 27px;
    bottom: 1.75em;
    right: .45em;
    font-size: 1.75em;
    position: fixed;
    text-decoration: none;
    z-index: 999999;
}

/******************************************************************
    Pages
******************************************************************/

/* Home */
.page-home 
{}
    .page-home #page-contents > .page-contents-wrap
    {
        max-width: 1140px;
        margin-bottom: 3.875rem;
    }
        .page-home #page-contents > .page-contents-wrap > h2
        {
            padding: 3.5rem 10%;
            text-align: center;
            font-size: 2.25rem;
        }
    .page-home .page-contents-wrap .review
    {
        padding-left: 2rem;
        padding-right: 2rem;
        background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/review-vertical-separator.png') no-repeat 98% 50%;
    }
    .page-home .page-contents-wrap .review:last-child
    {
        background: none;
    }
        .page-home .page-contents-wrap .review > .stars > span.star
        {
			display: inline-block;
			width: 30px;
			height: 30px;
			background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/review-star.png') no-repeat 0 0;
            background-size: 30px 30px;
        }
        .page-home .page-contents-wrap .review > .message
        {
            line-height: 2;
            padding: 1.125em 0 .7em 0;
        }
        .page-home .page-contents-wrap .review > .reviewer
        {
            font-weight: bold;
        }
    .page-home .page-contents-wrap .meet-your-stylist,
    .page-home .page-contents-wrap .careers
    {
        text-align: center;
    }
        .page-home .page-contents-wrap .meet-your-stylist > .inner-wrap,
        .page-home .page-contents-wrap .careers > .inner-wrap
        {
            margin: 0 auto;
            max-width: 80%;
            padding: 2.5rem 0;
            background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/dot.png') repeat-x left top;
        }
            .page-home .page-contents-wrap .meet-your-stylist > .inner-wrap > .logo > img,
            .page-home .page-contents-wrap .meet-your-stylist > .inner-wrap > .logo > span.header-box
            {
                width: 285px;
                max-width: 90%;
            }
            .page-home .page-contents-wrap .meet-your-stylist > .inner-wrap > .description,
            .page-home .page-contents-wrap .careers > .inner-wrap > .description
            {
                padding: 1.5em 0;
            }
    .page-home .page-contents-wrap .partnerships
    {
        text-align: center;
        margin-bottom: 3rem;
    }
        .page-home .page-contents-wrap .partnerships > .inner-wrap
        {
            margin: 0 auto;
            max-width: 80%;
            padding: 2.5rem 0;
            background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/dot.png') repeat-x left top, url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/dot.png') repeat-x left bottom;
        }
            .page-home .page-contents-wrap .partnerships .partner
            {
                width: 42%;
                display: inline-block;
                vertical-align: middle;
            }
                .page-home .page-contents-wrap .partnerships .partner > .logo > img
                {
                    width: 170px;
                    max-width: 90%;
                }
                .page-home .page-contents-wrap .partnerships .partner > .description
                {
                    padding: 1.5em 0;
                }

/* Stylists */
.page-stylists
{}
    .page-stylists .stylists-wrapper
    {
        text-align: center;
    }
        .page-stylists .stylists-wrapper .stylist-row
        {
            margin-bottom: 3.5em;
        }
        .page-stylists .stylists-wrapper .stylist-row:last-child
        {
            margin-bottom: 0;
        }
        .page-stylists .stylists-wrapper .stylist-row .col-sm-4
        {
            display: inline-block;
            float: none;
            width: 32.333333%;
        }
            .page-stylists .stylists-wrapper .stylist-row .stylist
            {
                display: inline-block;
                position: relative;
                vertical-align: top;
            }
                .page-stylists .stylists-wrapper .stylist-row h3
                {
                    margin: 0;
                    padding: .65em 0 .2em 0;
                }
                .page-stylists .stylists-wrapper .stylist-row .job-title
                {
                    font-family: Georgia, serif;
                    font-style: italic;
                    font-size: 1em;
                }
                .page-stylists .stylists-wrapper .stylist-row .about-info
                {
                    padding: 1em .25em;
                }
                .page-stylists .stylists-wrapper .stylist-row .instagram
                {}
                    .page-stylists .stylists-wrapper .stylist-row .instagram .link-icon-wrapper a
                    {
                        display: inline-block;
                        width: 28px;
                        height: 28px;
                        line-height: 1;
                        background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/stylists-instagram.png') no-repeat 0 0;
                        background-size: cover;
                    }
                    .page-stylists .stylists-wrapper .stylist-row .instagram .link-icon-wrapper a.no-link
                    {
                        cursor: default;
                        visibility: hidden;
                    }
                .page-stylists .stylists-wrapper .stylist-row .request-info
                {
                    width: 100%;
                }
                    .page-stylists .stylists-wrapper .stylist-row .request-info .hours
                    {
                        padding: .75em 0 2em 0;
                        color: #707070;
                        font-size: .75em;
                    }

/* Salon Services */
.page-salon-services
{}
    .page-salon-services #page-contents > .page-contents-wrap > .page-header
    {
        padding-bottom: 4rem;
    }
    .page-salon-services .services-wrapper
    {}
        .page-salon-services .services-wrapper .service
        {
            width: 78%;
            margin: 0 auto 2.125em auto;
            padding-top: 1.875em;
            border-top: 1px solid #bbc7ba;
        }
        .page-salon-services .services-wrapper .service:last-child
        {
            margin-bottom: 0;
        }
			.page-salon-services .services-wrapper .service h3
            {
                text-align: center;
                padding-bottom: calc(10/16 * 1em);
            }
            .page-salon-services .services-wrapper .service .description
            {
                text-align: center;
                padding: 0 10% 1.5em 10%;
            }
            .page-salon-services .services-wrapper .service .pricing-table-wrap
            {}
                .page-salon-services .services-wrapper .service .pricing-table-wrap table
                {
                    width: 100%;
                    border-collapse: collapse;
                }
                    .page-salon-services .services-wrapper .service .pricing-table-wrap table > thead
                    {}
                        .page-salon-services .services-wrapper .service .pricing-table-wrap table > thead > tr
                        {}
                            /* Both Tables */
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table > thead > tr > th
                            {
                                text-align: center;
                                color: #bbc7ba;
                                padding-bottom: 1.125em;
                                width: 17%;
                            }
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table > thead > tr > th.name
                            {
                                text-align: left;
                                padding-left: 1.5rem;
                                width: 34%;
                            }
                            /* Multi Tier Table */
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table.tiered > thead > tr > th.pricing.short
                            {
                                width: 7%;
                                text-align: left;
                                text-indent: -.5em; /* Fake center align the TH so that TDs can be aligned to its "center" by aligning left :| */
                            }
                            /* Single Tier Table */
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table.single tr td.name
                            {
                                width: 37%;
                            }
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table.single tr td.pricing
                            {
                                width: 63%;
                            }
                    .page-salon-services .services-wrapper .service .pricing-table-wrap table > tbody
                    {}
                        .page-salon-services .services-wrapper .service .pricing-table-wrap table > tbody > tr
                        {}
                        .page-salon-services .services-wrapper .service .pricing-table-wrap table > tbody > tr:nth-child(odd) 
                        {
                            background-color: #F3F3F3
                        }
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table > tbody > tr > td
                            {
                                padding: .125em .375em .125em 0;
                                text-align: center;
                            }
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table > tbody > tr:nth-child(even) > td
                            {
                                padding-top: .45em;
                                padding-bottom: .45em;
                            }
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table > tbody > tr > td.name,
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table.single > tbody > tr > td.pricing,
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table.tiered > tbody > tr > td.pricing.short,
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table > tbody > tr > td.requires-consultation
                            {
                                text-align: left;
                            }
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table > tbody > tr > td.name
                            {
                                padding-left: 1.5rem;
                            }
                            .page-salon-services .services-wrapper .service .pricing-table-wrap table > tbody > tr > td.requires-consultation
                            {
                                font-style: italic;
                            }
                    .page-salon-services .services-wrapper .service .pricing-table-wrap table > tfoot
                    {}
                        .page-salon-services .services-wrapper .service .pricing-table-wrap table > tfoot > tr
                        {}
                        .page-salon-services .services-wrapper .service .pricing-table-wrap table > tfoot > tr > td.disclaimer
                        {
                            padding-left: 1.5em;
                            padding-top: 1.25em;
                            font-style: italic;
                        }
    .page-salon-services .stylist-levels
    {
        width: 78%;
        margin: 4em auto 0 auto;
        padding-top: 5.5em;
        border-top: 1px solid #bbc7ba;
    }
        .page-salon-services .stylist-levels > .level
        {
            text-align: center;
            margin-bottom: 3em;
        }
        .page-salon-services .stylist-levels > .level:last-child
        {
            margin-bottom: 0;
        }
            .page-salon-services .stylist-levels > .level > .description
            {
                padding: 1.75em 3.5em 0 3.5em;
            }

/* Spa Services */
.page-spa-services
{}
    .page-spa-services #page-contents > .page-contents-wrap > .page-header
    {
        padding-bottom: 4rem;
    }
    .page-spa-services .services-wrapper
    {}
        .page-spa-services .services-wrapper .service
        {
            width: 78%;
            margin: 0 auto 2.125em auto;
            padding-top: 1.875em;
            border-top: 1px solid #958F88;
        }
        .page-spa-services .services-wrapper .service:last-child
        {
            margin-bottom: 0;
        }
			.page-spa-services .services-wrapper .service h3
			{
                text-align: center;
                padding-bottom: calc(10/16 * 1em);
            }
            .page-spa-services .services-wrapper .service .description
			{
                text-align: center;
                padding: 0 10% 1.5em 10%;
            }            
			.page-spa-services .services-wrapper .service .pricing-table-wrap
            {}
                .page-spa-services .services-wrapper .service .pricing-table-wrap table
                {
                    width: 100%;
                    border-collapse: collapse;
					table-layout:fixed;
                }
                    .page-spa-services .services-wrapper .service .pricing-table-wrap table > tbody
                    {}
						.page-spa-services .services-wrapper .service .pricing-table-wrap table > tbody > tr > td.name     { width: 38%; }
						.page-spa-services .services-wrapper .service .pricing-table-wrap table > tbody > tr > td.duration { width: 18%; }
						.page-spa-services .services-wrapper .service .pricing-table-wrap table > tbody > tr > td.pricing  { width: 44%; }
                        .page-spa-services .services-wrapper .service .pricing-table-wrap table > tbody > tr
                        {}
                        .page-spa-services .services-wrapper .service .pricing-table-wrap table > tbody > tr:nth-child(odd) 
                        {
                            background-color: #F3F3F3
                        }
                            .page-spa-services .services-wrapper .service .pricing-table-wrap table > tbody > tr > td
                            {
                                padding: .125em .375em .125em 0;
                                text-align: left;
                            }
                            .page-spa-services .services-wrapper .service .pricing-table-wrap table > tbody > tr:nth-child(even) > td
                            {
                                padding-top: .45em;
                                padding-bottom: .45em;
                            }
                            .page-spa-services .services-wrapper .service .pricing-table-wrap table > tbody > tr > td.name
                            {
                                padding-left: 1.5rem;
                            }
                    .page-spa-services .services-wrapper .service .pricing-table-wrap table > tfoot
                    {}
                        .page-spa-services .services-wrapper .service .pricing-table-wrap table > tfoot > tr
                        {}
                        .page-spa-services .services-wrapper .service .pricing-table-wrap table > tfoot > tr > td.disclaimer
                        {
                            padding-left: 1.5em;
                            padding-top: 1.25em;
                            font-style: italic;
                        }
							.page-spa-services .services-wrapper .service .pricing-table-wrap table > tfoot > tr > td.disclaimer div.disclaimer-line
							{
								line-height: 1.75;
							}
        
/* New Clients (Services) */
.page-new-clients 
{}
    .page-new-clients #page-contents > .page-contents-wrap > .page-header
    {
        padding-bottom: 4rem;
    }
    .page-new-clients .new-clients-outer-wrap 
    {
        padding-left: 5rem;
        padding-right: 5rem;
    }
        .page-new-clients .new-clients-outer-wrap .form-submission-message
        {
            color: #bbc7ba;
            font-style: italic;
            font-size: 1em;
            text-align: center;
        }
        .page-new-clients .new-clients-outer-wrap .form-wrap
        { 
            font-size: 1rem;
        }
            .page-new-clients .new-clients-outer-wrap .form-wrap > .form-fields > .row > .field
            {
                margin-bottom: 1.375rem;
            }
            .page-new-clients .new-clients-outer-wrap .form-wrap > .form-fields input[type='text'],
            .page-new-clients .new-clients-outer-wrap .form-wrap > .form-fields select,
            .page-new-clients .new-clients-outer-wrap .form-wrap > .form-fields textarea
            {
                width: 100%;
                border: 1px solid #D0D0D0;
                padding: .375em .5em;
                color: #737373;
            }
            .page-new-clients .new-clients-outer-wrap .form-wrap > .form-fields select
            {
                width: 30%;
            }
            .page-new-clients .new-clients-outer-wrap .form-wrap > .form-fields .mpd-input-error
            {
                border: 1px solid red !important;
            }
            .page-new-clients .new-clients-outer-wrap .form-wrap > .form-fields label.field-name
            {
                display: block;
                padding-bottom: .375em;
                font-weight: bold;
            }
            .page-new-clients .new-clients-outer-wrap .form-wrap >  .form-actions
            {
                padding-top: 1rem;
            }

/* Gallery */
.page-gallery 
{}
    .page-gallery #page-contents > .page-contents-wrap
    {
        max-width: 965px;
        margin-bottom: 4rem; /* stuck with extra margin on last image row since can't use last-child so removing from here to balance out */
    }
        .page-gallery #page-contents > .page-contents-wrap > .page-header
        {
            padding-bottom: 4rem;
        }
            .page-gallery #page-contents > .page-contents-wrap > .page-header > .actions
            {
                margin-top: 3em;
            }
    .page-gallery .gallery-outer-wrap
    {}
        .page-gallery .gallery-outer-wrap .gallery-item
        {
            width: 33.33333%;
            float: left;
            position: relative;
            padding: 0 2.25%;
            margin-bottom: 8.5%;
        }
            .page-gallery .gallery-outer-wrap .gallery-item .photo-wrap
            {
                height: 275px;
                overflow: hidden;
                border: 3px solid #bbc7ba;
            }
            .page-gallery .gallery-outer-wrap .gallery-item .photo-wrap::before 
            {
                content: " ";
                position: absolute;
                z-index: -1;
                top: -6px; /* top and bottom are fine since we have a static height */
                bottom: -6px;
                left: calc(5%);
                right: calc(5%);
                border: 1px solid #bbc7ba;
            }
                .page-gallery .gallery-outer-wrap .gallery-item .photo-wrap img
                {
                    min-width: 100%;
                    max-width: 100%;
                }

/* Contact */
.page-contact 
{}
    .page-contact h3
    {
        font-size: 1.125rem;
    }
    .page-contact #page-contents > .page-contents-wrap
    {
        margin-bottom: 5em;
    }
        .page-contact #page-contents > .page-contents-wrap > .page-header
        {
            padding-left: 3.5rem;
            padding-right: 3.5rem;
            padding-bottom: 5rem;
        }
            .page-contact #page-contents > .page-contents-wrap > .page-header > .book-appointment
            {
                margin-top: 3em;
                padding: 2.75em 0 3.25em 0;
                background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/dot.png') repeat-x left top, url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/dot.png') repeat-x left bottom;
            }
                .page-contact #page-contents > .page-contents-wrap > .page-header > .book-appointment > h3
                {
                    padding-bottom: 1em;
                }
                .page-contact #page-contents > .page-contents-wrap > .page-header > .book-appointment a.mpd-std-button
                {
                    min-width: 11em;
                }
    .page-contact .contact-outer-wrap
    {
        padding-left: 5rem;
        padding-right: 5rem;
    }
        .page-contact .contact-outer-wrap .contact-info-section
        {
            margin-bottom: 2.375rem;
        }
            .page-contact .contact-outer-wrap .contact-info-section h3
            {
                margin-bottom: .5em;
            }
            .page-contact .contact-outer-wrap .contact-info-section dl
            {
                line-height: 1.6;
            }
                .page-contact .contact-outer-wrap .contact-info-section dl > dt
                {
                    display: inline-block;
                }
                .page-contact .contact-outer-wrap .contact-info-section dl > dd
                {
                    display: inline-block;
                }
        .page-contact .contact-outer-wrap .contact-info-section.phone-and-email 
        {}
            .page-contact .contact-outer-wrap .contact-info-section.phone-and-email h3
            {
                margin: 0;
            }
            .page-contact .contact-outer-wrap .contact-info-section.phone-and-email dt
            {
                width: 26%;
            }
            .page-contact .contact-outer-wrap .contact-info-section.phone-and-email dd
            {
                width: 64%;
            }
        .page-contact .contact-outer-wrap .contact-info-section.hours
        {}
            .page-contact .contact-outer-wrap .contact-info-section.hours dt
            {
                width: 35%;
                padding: .25em 0;
                vertical-align: top;
            }
            .page-contact .contact-outer-wrap .contact-info-section.hours dd
            {
                width: 65%;
                padding: .25em 0;
                vertical-align: top;
            }
        .page-contact .contact-outer-wrap form
        {
            padding-left: 1.5em;
        }
            .page-contact .contact-outer-wrap form a.mpd-std-button
            {
                min-width: 6em;
            }

/* About */
.page-about 
{}
    .page-about #page-contents > .page-contents-wrap
    {}
        .page-about #page-contents > .page-contents-wrap > .page-header
        {
            padding-top: 4.125rem;
            padding-bottom: 2rem;
        }
    .page-about .about-outer-wrap
    {
        margin: 0 auto;
        width: 62%;
        font-size: 1rem;
    }
        .page-about .about-outer-wrap > .about-section
        {
            padding: 4.125rem 0;
            text-align: center;
            border-bottom: 1px solid #bbc7ba;
        }
        .page-about .about-outer-wrap > .about-section:last-child
        {
            border-bottom: 0;
            padding-bottom: 0;
        }
            .page-about .about-outer-wrap > .about-section > h2
            {
                margin-bottom: 2rem;
            }
            .page-about .about-outer-wrap > .about-section > .about-section-content
            {}
                .page-about .about-outer-wrap > .about-section > .about-section-content p
                {
                    line-height: 1.75;
                    margin-bottom: 1.5em;
                }
                .page-about .about-outer-wrap > .about-section > .about-section-content p.button-wrap
                {
                    margin-top: 2.75em;
                }
                .page-about .about-outer-wrap > .about-section > .about-section-content p:last-child
                {
                    margin-bottom: 0;
                }

/* Weddings */
.page-weddings
{}
    .page-weddings #page-contents > .page-contents-wrap > .page-header
    {
        padding-top: 4.125rem;
        padding-bottom: 2rem;
    }
    .page-weddings .weddings-wrapper
    {
        margin: 0 auto;
        width: 82%;
        font-size: 1rem;
    }
        .page-weddings .weddings-wrapper .wedding-section-wrap
        {
            border-bottom: 1px solid #bbc7ba;
            padding-top: 3.875em;
            padding-bottom: 3.5em;
        }
        .page-weddings .weddings-wrapper .wedding-section-wrap:last-child
        {
            border-bottom: 0;
            padding-bottom: 0;
        }
            .page-weddings .weddings-wrapper .wedding-section-wrap .wedding-section
            {
                margin: 0 auto;
                width: 77%;
            }
                .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap
                {}
                    .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table
                    {
                        width: 100%;
                        border-collapse: collapse;
                        text-align: left;
                    }
                        .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > thead
                        {}
                            .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > thead > tr > th
                            {
                                padding-bottom: .5em;
                            }
                                .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > thead > tr > th > .title-wrap
                                {
                                    display: inline-block;
                                    vertical-align: middle;
                                    width: 56%;
                                }
                                .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > thead > tr > th > .contract-wrap
                                {
                                    display: inline-block;
                                    vertical-align: middle;
                                    width: 44%;
                                    text-align: right;
                                }
                                    .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > thead > tr > th > .contract-wrap > a.mpd-std-button
                                    {
                                        min-width: 100%;
                                    }
                        .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > tbody
                        {}
                            .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > tbody > tr
                            {}
                                .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > tbody > tr > td
                                {
                                    padding: .125em .375em 0 0;
                                }
                                .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > tbody > tr.group > td
                                {
                                    font-weight: bold;
                                    padding-top: 1em;
                                    padding-bottom: .25em;
                                }
                                .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > tbody > tr > td.name 
                                { 
                                    width: 90%;
                                    background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/dot.png') repeat-x left 70%;
                                }
                                    .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > tbody > tr > td.name > span.name-wrap
                                    { 
                                        display: inline-block;
                                        padding: 4px 4px 4px 0;
                                        background-color: #fff;
                                    }
                                .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > tbody > tr > td.pricing 
                                { 
                                    width: 10%;
                                }
                                    .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > tbody > tr > td.pricing > span.pricing-wrap
                                    { 
                                        display: inline-block; 
                                        padding-left: 4px; 
                                    }
                        .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > tfoot
                        {}
                            .page-weddings .weddings-wrapper .wedding-section .pricing-table-wrap table > tfoot > tr > td.disclaimer
                            {
                                padding-top: 1.125em;
                                font-style: italic;
                            }
        .page-weddings .weddings-wrapper .wedding-section-wrap .wedding-contact-section
        {}
            .page-weddings .weddings-wrapper .wedding-contact-section > .etiquette
            {
                text-align: center;
                padding-top: .5rem;
            }
            .page-weddings .weddings-wrapper .wedding-contact-section > .contact
            {}
                .page-weddings .weddings-wrapper .wedding-contact-section > .contact > .help
                {
                    padding: 3rem 0;
                    font-weight: bold;
                    text-align: center;
                }
                .page-weddings .weddings-wrapper .wedding-contact-section > .contact > .form
                {
                    margin: 0 auto;
                    width: 60%;
                }
                    .page-weddings .weddings-wrapper .wedding-contact-section > .contact > .form a.mpd-std-button
                    {
                        min-width: 6em;
                    }

/* Gifts */
.page-gift-cards 
{}
    .page-gift-cards #page-contents > .page-contents-wrap > .page-header
    {
        padding-bottom: 6rem;
    }
    .page-gift-cards .gifts-wrapper
    {
        margin: 0 auto;
        width: 84%;
    }
        .page-gift-cards .gifts-wrapper > .gift-row
        {
            text-align: center;
            margin-bottom: 6rem;
        }
        .page-gift-cards .gifts-wrapper > .gift-row:last-child
        {
            margin-bottom: 3rem;
        }
            .page-gift-cards .gifts-wrapper > .gift-row .gift
            {}
                .page-gift-cards .gifts-wrapper > .gift-row .gift > .photo
                {
                    position: relative;
                    display: inline-block;
                }
                    .page-gift-cards .gifts-wrapper > .gift-row .gift > .photo > .special-overlay
                    {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: url('/web/20220419181827im_/https://www.bellasalonandspa.org/assets/css/images/gift-card-special-overlay.png') no-repeat top left;
                    }
                .page-gift-cards .gifts-wrapper > .gift-row .gift > .amount
                {
                    font-weight: bold;
                    padding: 1.75em 0 .5em 0;
                }
                .page-gift-cards .gifts-wrapper > .gift-row .gift > .description
                {
                    padding-bottom: 1.3em;
                    min-height: 1.5em; /* represents approx height of text as one line for short description */
                }
                .page-gift-cards .gifts-wrapper > .gift-row .gift > .description.empty
                {
                    visibility: hidden;
                }
/*
     FILE ARCHIVED ON 18:18:27 Apr 19, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:10:46 Nov 08, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.489
  exclusion.robots: 0.018
  exclusion.robots.policy: 0.009
  esindex: 0.009
  cdx.remote: 8.119
  LoadShardBlock: 76.571 (3)
  PetaboxLoader3.datanode: 188.104 (5)
  load_resource: 206.449
  PetaboxLoader3.resolve: 85.292
  loaddict: 40.297
*/