/*******************************************************************************************************************

	Theme Name: Organic Reservation
	Theme URI: http://www.organicthemes.com/theme/reservation/
	Description: A WordPress business theme for making reservations or bookings.
	Author: Organic Themes
	Author URI: http://organicthemes.com
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Version: 1.3.4.1
	Text Domain: organic-reservation
	Domain Path: /languages/
	Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, translation-ready, sticky-post, threaded-comments, editor-style, theme-options

	The CSS, XHTML and Design are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

********************************************************************************************************************

	Table of Contents:

	 0.	Global
	 1.	Hyperlinks
	 2.	Headings
	 3.	Header
	 4.	Navigation
	 5.	Content
	 6. Page Templates
	 7. Social Media
	 8. Pagination
	 9.	Images
	10. Slideshow
	11.	Wordpress Gallery
	12.	Sidebar
	13.	Widgets
	14.	RSS Widget
	15.	Calendar Widget
	16.	Custom Menu Widget
	17.	Search Form
	18.	Footer
	19.	Comments
	20.	Buttons
	21. Columns
	22. Tables
	23. Forms
	24. CSS3 Styles
	25. Jetpack
	26. WordPress Core
	27. Datepicker & Booking Form

*******************************************************************************************************************/

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

body {
	background-color: #dddddd;
	color: #666666;
	color: rgba(0, 0, 0, 0.6);
	font-size: 1em;
	font-family: 'Droid Serif', Georgia, serif;
	font-weight: 400;
	line-height: 1.8;
	margin: 0px;
	padding: 0px;
}
body.wp-autoresize {
	background-color: #ffffff;
	padding: 12px 24px !important;
}

/************************************************
0.	Global
************************************************/

p {
	padding: 18px 0px;
	margin: 0px;
}
p:empty {
	display: none;
}
dfn, cite, em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
big {
	font-size: 120%;
}
small {
	font-size: 80%;
}
s {
	text-decoration: line-through;
}
mark {
	background: #ff0;
	color: #000;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
div {
	display: block;
}
span {
	display: inline;
}
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #dddddd;
	background-color: #dddddd;
	margin: 6px 0px 8px 0px;
	padding: 0px;
}
ol, ul {
	list-style: none;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
}
ol li {
	list-style: inside;
	list-style-type: decimal;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
}
ul li {
	list-style: inside;
	list-style-type: square;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
}
ul ol li, ul ol ul ol li {
	list-style-type: decimal;
}
ol ul li, ol ul ol ul li {
	list-style-type: square;
}
blockquote {
	color: #333333;
	font-family: 'Droid Serif', Georgia, Times, serif;
	font-size: 1.6em;
	font-style: italic;
	line-height: 1.5;
	margin: 24px 0px;
	padding: 24px;
	border-top: 1px solid #dddddd;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid #dddddd;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
blockquote p {
	margin: 0px;
	padding: 0px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
code, pre {
	color: #666666;
	background: #f9f9f9;
	font-family: Courier, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	margin: 24px 0px;
	padding: 6px 8px;
	border: 1px solid #dddddd;
	border-radius: 3px;
}
code {
	display: inline;
	white-space: normal;
}
pre {
	display: block;
	white-space: pre-line;
}
pre code {
	padding: 0px;
	border: none;
	box-shadow: none;
}
img {
	-ms-interpolation-mode: bicubic;
	height: auto;
}
img, object, embed {
	max-width: 100%;
	margin: 0px auto 0px;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.hide-text {
	position: absolute;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
.hide-img img {
	margin-left: -9999px;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-white, .text-white p, .text-white h1,
.text-white h2, .text-white h3, .text-white h4,
.text-white h5, .text-white h6, .text-white blockquote {
	color: #ffffff;
}
.align-center {
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.padded {
	padding: 24px;
}
.vertical-center {
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.horizontal-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 7;
}
.absolute-center {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 7;
}

/************************************************
1.	Hyperlinks
************************************************/

a img {
	border: none;
}
a, a:link, a:visited {
	color: #663366;
	text-decoration: none;
	word-wrap: break-word;
}
a:focus, a:hover, a:active {
	color: #996699;
	text-decoration: underline;
}

/************************************************
2.	Headings
************************************************/

h1, h2, h3, h4, h5, h6 {
	color: #333333;
	color: rgba(0, 0, 0, 0.8);
	font-family: 'Cabin', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 700;
	line-height: 1.1;
	word-wrap: break-word;
	margin: 6px 0px;
	padding: 6px 0px;
}
h1 {
	font-size: 3.2em;
	letter-spacing: -1px;
}
h2 {
	font-size: 2.8em;
	letter-spacing: -0.6px;
}
h3 {
	font-size: 2.4em;
	letter-spacing: -0.4px;
}
h4 {
	font-size: 2em;
}
h5 {
	font-size: 1.6em;
}
h6 {
	font-size: 1.2em;
	letter-spacing: 0.2px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #333333;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	border: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
	color: #996699;
	text-decoration: none;
	border: none;
}
.headline {
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: 0px;
	padding-top: 0px;
}
.title {
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0px;
	padding: 0px;
}

/************************************************
3.	Header
************************************************/

#contact-info .align-left {
	padding-left: 12px;
}
#contact-info .align-right {
	padding-right: 12px;
}
#contact-info a.phone-number {
	font-size: 1.1em;
	font-family: 'Lato', Helvetica, sans-serif;
	font-weight: 600;
	line-height: 36px;
}
#contact-info a.phone-number,
#contact-info a.phone-number:link,
#contact-info a.phone-number:visited {
	color: rgba(0, 0, 0, 0.4);
}
#contact-info a.phone-number:hover,
#contact-info a.phone-number:active,
#contact-info a.phone-number:focus {
	color: #000000;
}
#header {
	background-color: #2a232f;
	line-height: 0;
	margin: 0px;
	position: relative;
	z-index: 9;
}
#nav-bar {
	top: auto;
	position: absolute;
	width: 100%;
	min-height: 60px;
	margin: 0px;
	padding: 0px;
	z-index: 99;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.00));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.00));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.00));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.00));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.00));
}
#custom-header {
	display: block;
	position: relative;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 280px;
	max-height: 640px;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}
.logo-title {
	max-width: 320px;
	position: relative;
	margin: 24px;
}
.reservation-has-logo .logo-title {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.custom-logo-link {
	display: inline-block;
	max-width: 100%;
	padding-right: 12px;
}
.custom-logo-link img {
	width: auto;
	height: auto;
	max-height: 60px;
}
.site-title {
	font-family: 'Cabin';
	font-size: 1.6em;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 2px;
	margin: 0px;
	padding: 0px;
}
.site-title a {
	display: inline-block;
}
.site-title a,
.site-title a:link,
.site-title a:visited {
	color: #ffffff;
}
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
	text-decoration: underline;
}
#masthead {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#masthead .site-description {
	display: block;
	color: #ffffff;
	font-family: 'Cabin';
	font-size: 2.6em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.1;
	margin: 0px auto 0px;
	padding: 0px 48px;
}

/************************************************
4.	Navigation
************************************************/

#navigation {
	display: inline;
	position: absolute;
	right: 0;
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	font-family: 'Lato', Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index: 9;
}
#navigation .instruction {
	padding: 24px;
}

/* Mobile Setup */
#side-menu,
#menu-toggle,
.icon-menu-close {
	display: none;
}

/*** ESSENTIAL STYLES ***/
.menu, .menu * {
	display: table;
	margin:	0 auto 0;
	padding: 0;
	list-style:	none;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.menu {
	line-height: 1.0;
}
.menu ul {
	margin: 0px;
	padding: 0px;
}
ul.menu ul,
div.menu ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 240px; /* left offset of submenus need to match (see below) */
	opacity: 0;
	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
}
ul.menu ul li,
div.menu ul ul li {
	width: 100%;
	margin: 0px;
}
.menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.menu li {
	float: left;
	display: inline-block;
	position: relative;
}
.menu li li {
	display: block;
	position: relative;
	max-width: 240px; /* match ul width */
}
.menu a {
	display: inline-block;
	position: relative;
}
.menu li:hover ul {
	left: 0;
	top: 48px; /* match top ul list item height */
	z-index: 99;
	opacity: 1;
}
ul.menu li:hover li ul,
div.menu ul li:hover li ul {
	top: -9999px;
	opacity: 0;
}
ul.menu li:hover li li ul,
div.menu ul li:hover li li ul {
	top: -9999px;
	opacity: 0;
}
ul.menu li li:hover ul,
ul.menu li li li:hover ul {
	left: 240px; /* match ul width */
	top: 0;
	opacity: 1;
}

/*** SKIN ***/
.menu {
	padding: 0px 12px;
}
.menu ul.sub-menu,
.menu ul.children,
.menu-item-has-children.sfHover {
	background-color: #ffffff;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.24);
}
.menu a {
	background: none;
	font-weight: 600;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 24px;
	text-decoration: none;
	margin: 12px 0px;
	padding: 0px 12px;
}
.menu a,
.menu a:link,
.menu a:visited {
	color: #999999;
	color: rgba(255, 255, 255, 0.6);
}
.menu a:focus,
.menu a:hover,
.menu a:active {
	color: #ffffff;
	outline: 0;
}
.menu li li a {
	display: block;
	width: auto;
	background: none;
	font-weight: 400;
	font-size: 0.9em;
	text-transform: none;
	text-align: left;
	letter-spacing: 0px;
	line-height: 1.4;
	margin: 0px;
	padding: 12px;
	border-left: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.menu li li a,
.menu li li a:link,
.menu li li a:visited {
	color: rgba(0, 0, 0, 0.4);
}
.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	color: #000000;
	color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.04);
	outline: 0;
}
.menu li {
	margin: 0px;
}
.menu li li {
	background: none;
	margin: 0px;
}
.menu li li:first-child,
.menu li li:first-child a {
	border-top: none;
}

/*** ARROWS **/
.menu li.menu-item-has-children > a::after {
	font-family: 'FontAwesome';
	content: '\f107';
	margin-left: 6px;
}
.menu li li.menu-item-has-children > a::after {
	position: absolute;
	content: '\f105';
	right: 12px;
}

/************************************************
5. Content
************************************************/

#wrapper {
	margin: 0px;
	padding: 48px 0px;
}
.container {
	background-color: #ffffff;
	max-width: 1180px;
	margin: 0px auto 0px;
	padding: 0px;
}
.content {
	margin: 0px;
	padding: 0px 4%;
	position: relative;
}
.content:before, .content:after,
.post-holder:before, .post-holder:after,
.page-holder:before, .page-holder:after,
.blog-holder:before, .blog-holder:after,
.archive-holder:before, .archive-holder:after {
	content: "";
	display: table;
}
.content:after,
.post-holder:after,
.page-holder:after,
.blog-holder:after,
.archive-holder:after {
	clear: both;
}
.content.no-bg {
	background: none;
}
.article {
	display: block;
	position: relative;
}
.archive-title {
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.post-holder,
.page-holder,
.blog-holder,
.archive-holder {
	position: relative;
}
.blog-holder,
.archive-holder {
	margin: 36px 0px;
}
.blog-holder:first-child,
.archive-holder:first-child {
	margin-top: 0px;
}
.post-area {
	padding: 48px 8% 48px 24px;
}
.post-area.right {
	padding: 48px 24px 48px 8%;
}
.post-area.no-sidebar {
	padding: 48px 18%;
}
.post-area.full-width {
	padding: 48px 24px;
}
.article h1:first-child + p,
.article > p:first-child,
.article span + p {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.8;
}
.article > p:first-child,
.article span + p {
	padding-top: 0px;
}
.post-meta {
	display: inline-block;
	width: 100%;
	margin: 12px 0px;
}
.headline + .post-meta {
	margin: 0px
}
.post-meta .post-edit-link {
	padding: 0px;
}
.post-author {
	float: left;
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	width: 100%;
	font-size: 1.2em;
	margin: 0px;
	padding: 8px 0px;
}
.post-author p,
.post-date p {
	margin: 0px;
	padding: 0px;
}
.post-author .author-avatar {
	float: none;
	display: inline-block;
	width: auto;
	margin: 0px 0px -6px 4px;
	padding: 0px;
	overflow: hidden;
	border-radius: 14px;
}
.post-edit-link {
	font-size: 1rem;
	padding: 12px 0px;
}
.post-date {
	float: left;
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	width: 100%;
	font-size: 0.9em;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.post-taxonomy {
	float: left;
	color: #999999;
	width: 100%;
	font-size: 0.9em;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.post-taxonomy p {
	margin: 0px;
	padding: 0px;
}
.post-navigation {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.previous-post {
	float: left;
	font-size: 0.9em;
}
.next-post {
	float: right;
	font-size: 0.9em;
}
.page-links {
	display: block;
	overflow: hidden;
	margin: 12px 0px;
}
.page-links .link-label {
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
}
.page-links span {
	margin: 0px 3px;
}
.author-column {
	float: right;
	width: 72%;
	margin-top: 20px;
	padding-left: 4%;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.author-posts {
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
.author-posts li {
	margin: 0px;
	padding: 6px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/************************************************
6. Page Templates
************************************************/

.archive-column {
	float: left;
	width: 30%;
	margin: 0px;
	padding-top: 24px;
	padding-right: 5%;
}
.archive-column.last {
	padding-right: 0;
}
body.reservation-landing-page {
	position: inherit;
}
.reservation-landing-page #wrapper {
	padding: 0px;
}
.reservation-landing-page .container {
	background: none;
	max-width: 100%;
	box-shadow: none;
}
.reservation-landing-page #header,
.reservation-landing-page #contact-info,
.reservation-landing-page .footer {
	display: none;
}
.landing-page {
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.admin-bar .landing-page {
	height: calc( 100vh - 32px );
}
.landing-page .content {
	background: #ffffff;
	min-width: 480px;
	max-width: 720px;
	padding: 0px;
}
.landing-page .header-image {
	display: block;
	line-height: 0;
	max-height: 240px;
}
.landing-page .logo {
	background-color: #2a232f;
	background-size: cover;
	padding: 24px;
}
.landing-page .post-area.full-width {
	padding: 24px;
}
.landing-page .site-title,
.landing-page .custom-logo-link {
	float: none;
	display: block;
	max-width: none;
	text-align: center;
}
.landing-page .site-description {
	color: #ffffff;
	color: rgba(255, 255, 255, 0.6);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 12px 0px 0px 0px;
	margin: 0px;
}
.landing-page .article {
	text-align: center;
	margin: 0px;
}
.landing-page .article p:last-child {
	padding-bottom: 0px;
}
.reservation-service-content-main {
	background-color: rgba(0, 0, 0, 0.04);
}
.reservation-service-content-main .post-edit-link {
	display: block;
	text-align: center;
}
.reservation-service-section-row {
	height: auto;
	position: relative;
}
.content.reservation-service-content-main {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.content.reservation-service-content-section {
	padding-left: 12%;
	padding-right: 12%;
}
.reservation-service-content-section .headline {
	display: table;
	font-size: 1.4em;
	position: relative;
	white-space: nowrap;
	margin: 0px auto 0px;
}
.reservation-service-content-section .headline::before,
.reservation-service-content-section .headline::after {
	border-top: 3px solid #333333;
	content: '';
	display: table-cell;
	position: relative;
	top: 12px;
	width: 12%;
}
.reservation-service-content-section .headline::before {
	right: 12px;
}
.reservation-service-content-section .headline::after {
	left: 12px;
}
.reservation-service-content-section .article {
	padding: 72px 0px;
}
.reservation-service-content-section .article p:last-child {
	padding-bottom: 0px;
}
.reservation-service-section-col {
}
.reservation-service-img-section {
	height: 100%;
	background-position: center center;
	background-size: cover;
}

/************************************************
7. Social Media
************************************************/

.social-icons {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-icons li {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-icons li a {
	display: block;
	color: #666666;
	color: rgba(0, 0, 0, 0.4);
	text-align: center;
	text-decoration: none;
	line-height: 36px;
	min-width: 24px;
	margin: 2px;
	padding: 0px;
	border-radius: 18px;
}
.social-icons li a:hover {
	color: #000000;
}
.social-icons li a::before {
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	content: '\f0c1';
}
.social-icons li a span {
	display: none;
}
.social-icons li a[href*="facebook.com"]::before		{ content: '\f09a'; }
.social-icons li a[href*="twitter.com"]::before 		{ content: '\f099'; }
.social-icons li a[href*="plus.google.com"]::before 	{ content: '\f0d5'; }
.social-icons li a[href*="google.com"]::before 	{ content: '\f1a0'; }
.social-icons li a[href*="linkedin.com"]::before	 	{ content: '\f0e1'; }
.social-icons li a[href*="github.com"]::before		 	{ content: '\f113'; }
.social-icons li a[href*="dribbble.com"]::before		{ content: '\f17d'; }
.social-icons li a[href*="foursquare.com"]::before		{ content: '\f180'; }
.social-icons li a[href*="pinterest.com"]::before		{ content: '\f0d2'; }
.social-icons li a[href*="wordpress.com"]::before		{ content: '\f19a'; }
.social-icons li a[href*="youtube.com"]::before			{ content: '\f16a'; }
.social-icons li a[href*="vine.co"]::before				{ content: '\f1ca'; }
.social-icons li a[href*="instagram.com"]::before		{ content: '\f16d'; }
.social-icons li a[href*="stackexchange.com"]::before	{ content: '\f18d'; }
.social-icons li a[href*="spotify.com"]::before			{ content: '\f1bc'; }
.social-icons li a[href*="amazon.com"]::before			{ content: '\f270'; }
.social-icons li a[href*="flickr.com"]::before			{ content: '\f16e'; }
.social-icons li a[href*="vimeo.com"]::before			{ content: '\f27d'; }
.social-icons li a[href*="yelp.com"]::before			{ content: '\f1e9'; }
.social-icons li a[href*="tripadvisor.com"]::before,
.social-icons li a[href*="tripadvisor.ca"]::before		{ content: '\f262'; }
.social-icons li a[href*="mailto:"]::before				{ content: '\f0e0'; }
.social-icons li a[href$="/feed/"]::before				{ content: '\f09e'; }

/************************************************
8.	Pagination
************************************************/

.pagination {
	display: block;
	width: 100%;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.12);
	overflow: hidden;
	z-index: 7;
}
.pagination .page-numbers {
	float: left;
	background: #ffffff;
	color: #666666;
	min-height: 36px;
	min-width: 36px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #dddddd;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.pagination .page-numbers:first-child {
	border-left: none;
}
.pagination .page-numbers:hover,
.pagination .page-numbers:active {
	background: #eeeeee;
	min-height: 36px;
	min-width: 36px;
	line-height: 36px;
	padding: 0px;
}
.pagination .page-numbers.current {
	background: #eeeeee;
	min-height: 36px;
	min-width: 36px;
	line-height: 36px;
	padding: 0px;
}

/************************************************
9.	Images
************************************************/

.feature-img {
	display: inline-block;
	max-width: 100%;
	text-align: center;
	line-height: 0;
	margin: 12px auto 12px;
}
.feature-img.page-banner, .page-banner {
	display: block;
	width: 100%;
	min-height: 240px;
	max-height: 600px;
	position: relative;
	margin: 0px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.page-banner img {
	margin-left: -9999px;
}
.feature-img.page-banner.profile-img {
	max-height: 320px;
	margin-bottom: 24px;
}
.img-title {
	width: 88%;
	padding: 0px 6%;
}
.img-title h1, .img-title h2, .img-title h3,
.img-title h4, .img-title h5, .img-title h6 {
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 24px 0px 0px 0px;
	padding: 0px;
}
.avatar {
	background: #ffffff;
	margin: 10px 20px 10px 0px;
	padding: 6px;
}
.author-avatar {
	float: left;
	display: block;
	width: 20%;
	margin-top: 20px;
	padding-right: 3.6%;
}
.author-avatar .avatar {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}
img.hide-img {
	line-height: 0;
	margin-left: -999em;
	padding: 0px;
}
img.aligncenter {
	display: block;
	margin: 6px auto 6px;
	padding: 0px;
}
img.alignnone {
	padding: 0px;
	margin: 6px 0px;
	display: inline;
}
img.alignright {
	padding: 0px;
	margin: 12px 0px 12px 24px;
	display: inline;
}
img.alignleft {
	display: inline;
	padding: 0px;
	margin: 12px 24px 12px 0px;
}
.aligncenter {
	display: block;
	margin: 6px auto 6px;
}
.alignright {
	float: right;
	margin: 6px 0px 6px 24px;
}
.alignleft {
	float: left;
	margin: 6px 24px 6px 0px;
}
.wp-caption {
	background: #f9f9f9;
	max-width: 98%;
	text-align: center;
	line-height: 0;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 8px;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
.wp-caption a {
	display: block;
}
.wp-caption img {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px;
}
.wp-caption p.wp-caption-text {
	font-size: 0.85em;
	line-height: 1.6;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

/************************************************
10. Slideshow
************************************************/

.slideshow {
	display: block;
	background-color: #2a232f;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	z-index: 7;
}
.flexslider .preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	border-bottom: 3px solid rgba(0, 0, 0, 0.08);
	border-left: 3px solid rgba(0, 0, 0, 0.08);
	border-right: 3px solid rgba(0, 0, 0, 0.24);
	border-top: 3px solid rgba(0, 0, 0, 0.24);
	border-radius: 100%;
	height: 32px;
	width: 32px;
	-webkit-animation: spin .6s infinite linear;
	-moz-animation: spin .6s infinite linear;
	-ms-animation: spin .6s infinite linear;
	-o-animation: spin .6s infinite linear;
	animation: spin .6s infinite linear;
	z-index: 999;
}
.flexslider {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.flexslider.loading {
	min-height: 520px;
}
.flexslider ul,
.flexslider li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.flexslider .slides {
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides li {
	position: relative;
	min-height: 280px;
	max-height: 720px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
	display: none;
}

/* Caption style */
.flex-caption {
	background: none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	zoom: 1;
}
.flex-caption {
	background: rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	width: 96%;
	padding: 2%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

/* Direction Nav */
.flex-direction-nav {
	height: 0;
}
.flex-direction-nav li a {
	display: block;
	font-size: 32px;
	line-height: 32px;
	height: 32px;
	width: 32px;
	text-decoration: none;
	margin-top: -16px;
	opacity: 1;
	position: absolute;
	top: 50%;
	cursor: pointer;
	overflow: visible;
	z-index: 9;
}
.flex-direction-nav .flex-next {
	right: 12px;
	text-align: center;
}
.flex-direction-nav .flex-prev {
	left: 12px;
	text-align: center;
}
.flex-direction-nav .flex-next i,
.flex-direction-nav .flex-prev i {
	color: #999999;
	color: rgba(255, 255, 255, 0.4);
	font-weight: bold;
}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
	text-decoration: none;
}
.flex-direction-nav .flex-prev:hover i,
.flex-direction-nav .flex-next:hover i {
	color: #ffffff;
}
.flex-direction-nav a.flex-disabled {
	opacity: 0;
}

/************************************************
10a.	Service Slideshow
************************************************/

.reservation-service-slide-content {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	color: #ffffff;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.65) 100%);
}
.reservation-service-slide-content {
	margin: auto;
	text-align: center;
}
a.reservation-slideshow-link.button {
	display: inline-block;
	width: auto;
	margin-top: 18px;
	border: 2px solid #ffffff;
}
a.reservation-slideshow-link.button,
a.reservation-slideshow-link.button:link,
a.reservation-slideshow-link.button:visited {
	color: #ffffff;
}
a.reservation-slideshow-link.button:hover,
a.reservation-slideshow-link.button:focus,
a.reservation-slideshow-link.button:active {
	color: #333333 !important;
	background-color: #ffffff;
	border: 2px solid #ffffff;
}
.reservation-service-slide-content .bottom-caption {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	top: 0;
	left: 0;
}
.reservation-service-slide-content .bottom-caption p {
	position: absolute;
	display: block;
	width: 80%;
	margin: 0 10%;
	bottom: 0;
	text-align: center;
}
.reservation-slider-image {
	width: 100%;
	box-sizing: border-box;
	min-height: 280px;
	padding-bottom: 56.25%;
	background-size: cover;
	background-position: center center;
}

@media screen and (min-width: 768px) {

	.service-title h1 {
		font-size:2em;
	}
	.reservation-service-slide-content .bottom-caption p {
		font-size:1.3em;
	}

}

@media screen and (max-width: 767px) {

	.service-title h1 {
		font-size:1.2em;
	}
	.reservation-service-slide-content .bottom-caption p {
		font-size:1em;
		line-height:1.2em;
	}

}

/************************************************
10b.	Testimonial Slideshow
************************************************/

.testimonial-slideshow {
	background-color: #2a232f;
	text-align: center;
	padding: 72px 0px;
}
.testimonial-slideshow .flexslider .slides li {
	min-height: auto;
}
.testimonial-slideshow .feature-img {
	width: 80px;
	height: 80px;
	max-height: initial;
	min-height: initial;
	margin: 0px auto 12px;
	border-radius: 50%;
	overflow: hidden;
}
.testimonial-slideshow .information {
	padding: 24px 72px;
}
.testimonial-quote {
	font-family: 'Droid Serif';
}
.testimonial-quote p,
.testimonial-quote blockquote {
	font-size: 1.2em;
	line-height: 1.6;
	margin: 0px;
	border: none;
}
.testimonial-quote p {
	padding: 12px 0px;
}
.testimonial-quote blockquote {
	padding: 0px;
}
.testimonial-quote .more-link {
	display: none;
}
.testimonial-author {
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/************************************************
11.	Portfolio & Testimonials
************************************************/

.portfolio-projects,
.testimonial-posts,
.service-listing {
	width: calc(100% + 24px);
	margin-left: -12px;
	margin-top: 24px;
}
.portfolio-projects .half:nth-child(2n+1),
.portfolio-projects .third:nth-child(3n+1),
.portfolio-projects .fourth:nth-child(4n+1),
.testimonial-posts .half:nth-child(2n+1),
.testimonial-posts .third:nth-child(3n+1),
.testimonial-posts .fourth:nth-child(4n+1),
.service-listing .half:nth-child(2n+1),
.service-listing .third:nth-child(3n+1),
.service-listing .fourth:nth-child(4n+1) {
	clear: both;
}
.project,
.service,
.testimonial {
	background: #ffffff;
	margin: 12px;
	overflow: hidden;
}
.project .feature-img,
.service .feature-img,
.testimonial .feature-img {
	display: block;
	margin: 0px;
}
.project .information,
.service .information,
.testimonial .information {
	text-align: center;
	padding: 12px 18px;
}
.project .more-link,
.service .more-link,
.testimonial .more-link {
	margin-top: 18px;
}
.testimonials .headline,
.portfolio .headline,
.services .headline {
	text-align: center;
}
.testimonials .post-edit-link,
.portfolio .post-edit-link,
.services .post-edit-link {
	display: none;
}
.portfolio-nav {
	top: 50%;
	width: 100%;
	position: absolute;
	margin: 0px;
	border: none;
	z-index: 8;
}
.portfolio-nav a {
	display: block;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	height: 32px;
	width: 32px;
	text-decoration: none;
	margin-top: -16px;
	opacity: 1;
	position: absolute;
	top: 50%;
	cursor: pointer;
	overflow: visible;
	border-radius: 2px;
}
.portfolio-nav a i {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
}
.portfolio-nav a:hover i {
	color: #000000;
}
.portfolio-nav a span {
	display: none;
}
.portfolio-nav .previous-post a {
	left: 24px;
}
.portfolio-nav .next-post a {
	right: 24px;
}
.testimonial p {
	padding: 12px 0px;
}
.testimonial blockquote {
	font-size: 1.1em;
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
	border: none;
}
.testimonial .author {
	color: rgba(0, 0, 0, 0.4);
	font-style: italic;
	font-size: 1em;
	padding-bottom: 12px;
}
.testimonial .author::before {
	content: '— ';
}

/************************************************
11.	WordPress Gallery
************************************************/

.gallery {
	display: block;
	text-align: center;
	clear: both;
	overflow: hidden;
	margin: 12px auto 12px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.gallery .gallery-row {
	display:block;
	clear: both;
	overflow: hidden;
	margin: 0;
}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
	position: absolute
	bottom: 0
}
.gallery .gallery-item a {
	display: block;
	background: #f4f4f4;
	margin: 6px;
	padding: 6px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
	border: none;
	border-radius: 2px;
	transition: background .25s;
	-moz-transition: background .25s;
	-webkit-transition: background .25s;
	-o-transition: background .25s;
}
.gallery .gallery-item a:hover {
	background: #663366;
}
.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
	display: block;
	height: auto;
	margin: 0 auto;
	border: none !important;
}
.gallery-caption {
	margin-left: 0;
}

/************************************************
12.	Sidebar
************************************************/

.sidebar {
	margin: 0px;
	padding: 48px 24px;
}

/************************************************
13.	Widgets
************************************************/

.widget {
	margin-bottom: 48px;
	padding: 0px;
}
.widget:last-child {
	margin-bottom: 0px;
}
.widget-title {
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 12px;
	padding-bottom: 0px;
	border-bottom: none;
}
.widget ul, .widget li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.widget li {
	display: block;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.widget li:last-child {
	padding-bottom: 6px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.widget li li {
	padding-left: 12px;
}
.widget li li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}
.widget li a {
	margin: 0px;
	padding: 0px;
}
.widget table {
	margin: 0px;
}
.textwidget {
	margin: 0px;
	padding: 0px;
}
.textwidget p {
	padding: 8px 0px;
}
.tagcloud {
	line-height: 1.2;
}
.widget_search {
	overflow: hidden;
}

/************************************************
14.	RSS Widget
************************************************/

.widget a.rsswidget {
	display: block;
}
.widget .widget-title a.rsswidget {
	display: inline;
}
.widget .rss-date {
	display: block;
	font-size: 0.8em;
	margin-bottom: 12px;
}

/************************************************
15.	Calendar Widget
************************************************/

#calendar_wrap {
	margin: 0px auto 0px;
	padding: 0px;
}
#wp-calendar {
	width: 100%;
	font-size: 0.8em;
	text-align: center;
}
#wp-calendar #today {
	background: #999999;
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
	font-weight: bold;
}
#wp-calendar a {
	margin: 0px;
}
#wp-calendar caption {
	font-size: 16px;
	margin: 5px 0px 5px 0px;
}
#wp-calendar #prev a {
	float: left;
	margin: 0px;
	text-align: left;
	padding-left: 12px;
}
#wp-calendar #next a {
	float: right;
	margin: 0px;
	text-align: right;
	padding-right: 12px;
}

/************************************************
16.	Custom Menu Widget
************************************************/

.widget ul.menu {
	float: none;
	width: 100%;
	text-align: left;
}
.widget ul.menu .current_page_item a,
.widget ul.menu .current-menu-item a {
	color: #996699;
	background: none;
}
.widget ul.menu li a {
	display: block;
	background: none;
	color: #663366;
	width: auto;
	height: auto;
	font-size: 1em;
	text-transform: none;
	text-shadow: none;
	line-height: 1.8;
	margin: 6px 0px;
	padding: 0px;
	border-left: none;
}
.widget ul.menu li a:hover {
	color: #996699;
	background: none;
	text-decoration: underline;
}
.widget ul.menu li {
	float: none;
	display: block;
	background: none !important;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.widget ul.menu li li {
	border-top: none;
}
.widget ul.menu li:last-child {
	border-bottom: none;
}
.widget ul.menu li span {
	top: 1px;
	right: 0px;
}
.widget ul.menu li ul.sub-menu {
	background: none !important;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: static;
	z-index: 9;
	box-shadow: none;
}
.widget ul.menu li ul.sub-menu span {
	display: none;
}
.widget ul.menu li ul.sub-menu li a {
	padding-left: 12px;
}
.widget ul.menu li ul.sub-menu li ul.sub-menu li {
	display: none;
}

/************************************************
17.	Search Form
************************************************/

#searchform {
	margin: 0px;
	padding: 0px;
}
#searchform label {
	display: none;
}
#searchform .search-field,
#searchform #s {
	float: left;
	background: rgba(0, 0, 0, 0.06);
	color: #999999;
	width: 72%;
	font-size: 1em;
	line-height: 1;
	margin: 0px;
	padding: 10px 8px;
	box-sizing: border-box;
	border: none;
}
#searchform #searchsubmit {
	float: right;
	width: 22%;
	line-height: 1.1;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4%;
	padding: 10px 12px;
	box-sizing: border-box;
}
.no-result-search {
	display: block;
	margin-top: 12px;
}
.no-result-search #searchform {
	max-width: 480px;
}

/************************************************
18.	Footer
************************************************/

.footer {
	background-color: #000000;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
}
.footer .align-left {
	font-size: 0.9em;
	line-height: 1.6;
}
.footer-widgets {
	padding-top: 36px;
	padding-bottom: 36px;
	overflow: hidden;
}
.footer-widgets .widget {
	float: left;
	width: 20%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.footer-widgets .widget li {
	border-top: none;
}
.footer-widgets .widget:nth-child(4n+1) {
	clear: both;
}
.footer-widgets .widget:nth-child(4n+4) {
	width: 40%;
}
.footer-widget {
	padding: 24px;
}
.footer-information {
	padding: 24px 0px;
	overflow: hidden;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.footer-information p {
	margin: 0px;
	padding: 0px;
}
#wrapper .footer-information p {
	color: rgba(255, 255, 255, 0.4);
}
#wrapper .footer-information a {
	color: rgba(255, 255, 255, 0.6);
}
#wrapper .footer-information a:hover {
	color: #ffffff;
}
.footer-copyright-wrapper {
	font-size: 0.8em;
	text-align: center;
	margin: 0px auto 0px;
}
.footer-menu-wrapper .menu {
	padding: 0px;
}
.footer-menu-wrapper .menu a {
	font-size: 0.9em;
	font-weight: normal;
	text-transform: none;
	padding: 0px 8px;
}
.footer-menu-wrapper .menu li:first-child a {
	padding-left: 0px;
}
.footer-menu-wrapper .menu-divider {
	color: rgba(255, 255, 255, 0.2);
	line-height: 24px;
	margin: 12px 0px;
}
.footer-menu-wrapper .menu-divider:last-child {
	display: none;
}

/************************************************
19.	Comments
************************************************/

#comments {
	padding: 36px 0px;
}
#comments-title {
	font-size: 2em;
	margin: 4px 0px 8px 0px;
	padding: 4px 0px 8px 0px;
}
.comment-subscription-form {
	padding: 6px 0px;
}
.commentlist li .avatar {
	float: right;
	background: #f9f9f9;
	margin: 0px 0px 12px 12px;
	padding: 6px;
	border: none;
	border-radius: 50%;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
}
.commentlist {
	margin: 0px;
	padding: 0px;
}
.commentlist ol {
	margin: 0px;
	padding: 10px;
}
.commentlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li #respond {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li ul li {
	padding-left: 24px;
}
.commentlist li ul li:last-child {
	border-bottom: none;
}
.commentlist p {
	margin: 10px 0px;
	padding: 0px;
}
.comment {
	padding: 18px 0px;
	overflow: hidden;
}
#commentform {
	margin: 5px 0px 0px 0px;
}
#commentform #submit {
	font-size: 1em;
}
#respond {
	padding-top: 24px;
}
#respond:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#cancel-comment-reply-link {
	float: right;
	font-size: 1.1rem;
	font-weight: normal;
	text-transform: none;
	margin: 12px 0px;
}
.form-submit #submit {
	margin-top: 0px !important;
}
p.logged-in-as {
	margin-top: -6px;
	padding: 0px;
}
.nocomments {
	display: none;
}
.edit-link {
	float: right;
	margin-top: 12px;
}
.reply {
	float: left;
	margin: 6px 0px;
}
.reply a,
.reply a:link,
.reply a:visited {
	margin: 0px;
	padding: 6px 18px;
}
.commentmetadata {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	display: block;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
.form-allowed-tags {
	display: none;
}
.thread-alt, .thread-even {
	margin: 0px;
	padding: 0px;
}
.children {
	margin: 0px;
	padding: 0px;
}
.even, .alt {
	margin: 0px;
	padding: 0px;
}

/************************************************
20.	Buttons
************************************************/

.button, a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link, #submit,
input[type=submit], input#submit, input.button, #wrapper #infinite-handle span,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	display: inline-block;
	position: relative;
	background: none;
	color: #663366;
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.2;
	padding: 8px 16px;
	border: 2px solid #2a232f;
	-webkit-appearance: none;
}
.button:hover, a.button:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover,
input[type=submit]:hover, #submit:hover, input#submit:hover, input.button:hover, #wrapper #infinite-handle span:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background-color: #663366;
	color: #ffffff !important;
	text-decoration: none;
	border: 2px solid #663366;
	cursor: pointer;
}
.article .more-link {
	margin: 24px 0px 0px 0px;
}

/************************************************
21. Columns
************************************************/

.content-columns {
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.content-column {
	float: left;
	position: relative;
	margin-right: 4%;
	padding-top: 24px;
	padding-bottom: 24px;
}
.content-column:last-child {
	float: right;
	margin-right: 0;
	clear: right;
}
.content-column:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.content-column.one-half {
	width:48%;
}
.content-column.one-third {
	width:30.66%;
}
.content-column.two-third {
	width:65.33%;
}
.content-column.one-fourth {
	width:22%;
}
.content-column.three-fourth {
	width:74%;
}
.content-column.one-fifth {
	width:16.8%;
}
.content-column.two-fifth {
	width:37.6%;
}
.content-column.three-fifth {
	width:58.4%;
}
.content-column.four-fifth {
	width:67.2%;
}
.content-column.one-sixth {
	width:13.33%;
}
.content-column.five-sixth {
	width:82.67%;
}

/************************************************
22. Tables
************************************************/

table {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	width: 100%;
	margin: 18px 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0;
}
table thead,
table tfoot {
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
table thead th,
table tfoot td {
	border: none;
}
table th {
	background: #eeeeee;
	background: rgba(0, 0, 0, 0.08);
	font-size: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 8px 2px;
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
table td {
	padding: 5px 2px;
	margin: 0px;
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}

/************************************************
23. Forms
************************************************/

form {
	display: block;
}
form div {
	display: block;
	overflow: hidden;
}
form span {
	margin-bottom: 8px;
	overflow: hidden;
}
form span.required {
	display: inline;
}
form li,
form ul,
form ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
form legend {
	font-weight: bold;
	padding-top: 10px;
}
form label {
	display: block;
	margin-top: 6px;
}
form li > label {
	font-weight: bold;
}
form li li > label {
	font-weight: normal;
}
form span label {
	font-size: 0.8em;
}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'],
form input[type='date'],
form textarea {
	display: block;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.06);
	font-family: inherit;
	font-size: 1em;
	line-height: 1.4;
	padding: 8px;
	border: none;
}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'] {
	width: 50%;
}
form textarea {
	width: 100%;
}
form input[type='checkbox'],
form input[type='radio'] {
	margin-left: 0px;
	margin-right: 6px;
}
form input[type='submit'] {
	margin-top: 0px;
}
form .form-submit {
	padding: 8px 0px;
}
textarea {
	overflow: auto;
}
address {
	margin: 12px 0px;
}
select {
	display: block;
	box-sizing: border-box;
	max-width: 100%;
	background: rgba(0, 0, 0, 0.06);
	font-family: inherit;
	font-size: 1em;
	line-height: 1.4;
	padding: 8px;
	border: none;
}
select option {
	margin: 6px 0px;
	padding-left: 6px;
	padding-right: 6px;
}

/************************************************
24.	CSS3 Styles
************************************************/

a:hover, #submit:hover, #searchsubmit:hover, .button:hover {
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
}
.shadow {
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.radius-full {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.radius-top {
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
}
.radius-bottom {
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-khtml-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
}
.radius-half {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
}

/************************************************
25.	Jetpack
************************************************/

#infinite-handle,
.infinite-loader {
	display: block;
	text-align: center;
	padding: 12px 24px;
}
#infinite-footer .container {
	width: auto;
}
.blog.infinite-scroll .pagination,
.infinite-scroll.neverending .pagination,
.infinite-scroll.neverending .footer,
.blog #infinite-footer {
	display: none;
}
.infinity-end.neverending .footer {
	display: block;
}
.infinite-loader .spinner {
	margin: 0px auto 0px;
}
.infinite-scroll.neverending .footer {
	display: none;
}
.infinity-end.neverending .footer {
	display: block;
}
.grofile-thumbnail,
.widgets-grid-layout {
	float: left;
	width: 28% !important;
	margin: 12px 24px 6px 0px;
	border-radius: 50%;
}
.widget-grofile h4 {
	margin: 24px 0px 0px 0px !important;
}

/************************************************
26.	WordPress Core
************************************************/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.wp-audio-shortcode {
	margin: 12px 0px;
}
.sticky,
.bypostauthor {
	position: relative;
}

/************************************************
27.	Datepicker & Booking Form
************************************************/

/* General Form Styles */

.res-message-wrapper {
	overflow: visible;
}
.res-input-wrapper {
	display: inline-block;
	margin: 6px;
}
#reservation-service-form .res-input-wrapper input,
#reservation-reservation-request-form .res-input-wrapper input {
	width: 100%;
	margin: 0px;
	cursor: pointer;
}
#reservation-service-form .res-input-wrapper input[type="checkbox"],
#reservation-reservation-request-form .res-input-wrapper input[type="checkbox"] {
	width: auto;
	margin-right: 4px;
	box-shadow: none;
}
#reservation-service-form .res-input-wrapper select#res_service,
#reservation-reservation-request-form .res-input-wrapper select#res_service {
	border-radius: 0;
	max-width: 100%;
	padding-right: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#reservation-service-form.reservation-with-category .res-consent-wrapper.res-input-wrapper {
	width: auto;
}
.res-consent-wrapper.res-input-wrapper {
	display: block;
	margin: -6px 0px 0px 0px;
}
.res-consent-wrapper.res-input-wrapper label {
	padding: 0px;
}
.reservation-service-res-form-container.dark .res-consent-wrapper.res-input-wrapper label {
	color: rgba(255, 255, 255, 0.5);
}
.res-consent-wrapper.res-input-wrapper label:hover {
	cursor: pointer;
}
.res-service-wrapper .res-service-dropdown {
	position: relative;
}
.res-service-wrapper .res-service-dropdown::after {
	font-family: 'FontAwesome';
	font-size: 12px;
	content: "\f0dd";
	color: rgba(0, 0, 0, 0.4);
	width: 24px;
	line-height: 0;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -2px;
	pointer-events: none;
	cursor: pointer;
}
.res-service-dropdown option {
	color: rgba(0, 0, 0, 0.8);
}
/* Reservation Request Form */

#reservation-reservation-request-form {
	padding: 36px 0px;
}
#reservation-reservation-request-form-message {
	width: 94%;
	padding: 12px 3%;
	margin-bottom: 24px;
	margin-top: 24px;
	background: #eeeeee;
}
#reservation-reservation-request-form-message.reservation-res-success {
	border: 3px solid #599b4f;
	color: #599b4f;
	margin-left: -3px;
	background-color: #dbf7d9;
}
#reservation-reservation-request-form-message.reservation-res-error {
	border: 3px solid #d13a3a;
	color: #d13a3a;
	margin-left: -3px;
	background-color: #fcd1d1;
}
#reservation-reservation-request-form .res-input-wrapper {
	display: block;
	margin: 6px 0px;
}
#reservation-reservation-request-form .res-dates-container {
	display: block;
}
#reservation-reservation-request-form .res-dates-container .res-date-wrapper {
	float: left;
	max-width: 34%;
}
#reservation-reservation-request-form .res-dates-container .res-number-wrapper {
	float: left;
	max-width: 24%;
}
#reservation-reservation-request-form .res-dates-container .res-number-wrapper input[type="number"] {
	max-width: 60px;
}
#reservation-reservation-request-form .res-dates-container .res-date-wrapper {
	margin-right: 4%;
}
#reservation-reservation-request-form .res-form-col-one .res-input-wrapper input {
	width: 90%;
}
#reservation-reservation-request-form .res-message-wrapper {
	display: inline-block;
	width: 100%;
}
#reservation-reservation-request-form .res-service-wrapper .res-service-dropdown {
	display: inline-block;
}
#reservation-reservation-request-form .res-submit-wrapper.res-input-wrapper {
	margin: 24px 0px 0px 0px;
}
#reservation-reservation-request-form .res-submit-wrapper.res-input-wrapper input {
	width: auto;
}
#reservation-reservation-request-form .res-math_answer.res-input-wrapper {
	max-width: 25%;
}
#res_hp_field {
	display:none !important;
}

/* Service Form */

.reservation-service-res-form-container {
	background-color: #2a232f;
	text-align: center;
	position: relative;
	margin-top: -1px;
}
#reservation-service-form {
	display: inline-block;
	position: relative;
	width: 92%;
	padding: 36px 4%;
	margin: 0px auto 0px;
}
#res-service-wrapper.hidden {
	display: none !important;
}
#reservation-service-form .res-input-wrapper select {
	display: inline;
	margin: 0px;
}
.res-service-wrapper::after {
	right: 0px;
}
#reservation-service-form.reservation-with-category .res-input-wrapper {
	width: 14%;
}
#reservation-service-form input,
#reservation-service-form select {
	background: rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.8);
}
#reservation-service-form input::placeholder {
	color: rgba(255, 255, 255, 0.8);
}
#reservation-service-form .res-input-wrapper input[type="submit"] {
	background: none;
	color: rgba(255, 255, 255, 0.8);
	border: 2px solid #ffffff;
}
#reservation-service-form .res-input-wrapper input[type="submit"]:hover {
	background: #ffffff;
	color: #333333 !important;
	border: 2px solid #ffffff;
}
#reservation-service-form .res-date-field-wrapper::before {
	color: rgba(255, 255, 255, 0.4);
}

#reservation-custom-form-button {
	font-size:16px;
}

/* Background Color Conditionals */

.light #reservation-service-form input,
.light #reservation-service-form select {
	background: rgba(0, 0, 0, 0.06);
	color: rgba(0, 0, 0, 0.8);
}
.light #reservation-service-form .res-input-wrapper input[type="submit"] {
	color: rgba(0, 0, 0, 0.8);
	border: 2px solid #000000;
}
.light #reservation-service-form .res-input-wrapper input[type="submit"]:hover {
	color: #ffffff !important;
}
.light #reservation-service-form .res-date-field-wrapper::before {
	color: rgba(0, 0, 0, 0.4);
>>>>>>> origin/master
}

/* Date Picker Styles */

.res-date-field-wrapper {
	position: relative;
	margin: 0px;
}
.res-date-field-wrapper::before {
	font-family: 'FontAwesome';
	content: "\f073";
	color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 6px;
	right: 12px;
	pointer-events: none;
	cursor: pointer;
}
#ui-datepicker-div {
	width: 380px;
	margin: 0 auto;
	max-width: 80%;
	text-align: center;
	background: #fff;
	z-index:99 !important;
}
.ui-datepicker-header {
	background:#fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:5px;
}
.ui-datepicker-prev {
	float:left;
}
.ui-datepicker-next {
	float:right;
}
table.ui-datepicker-calendar {
	margin:0;
}
td.ui-datepicker-current-day {
	background-color:#eec;
}
.ui-state-active {
	font-weight:bold;
}