/*
Client Name:
Last Modified by:
Last Modified:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 ticktock is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 General
	1.1 Sidebar
2.0 Header
	2.1 Navigation
3.0 Standard Page
4.0 Photo Gallery
5.0 Blog / Posts / Categories
6.0 Page Builder
7.0 Home Page
8.0 Page-specific
10.0 Forms
11.0 Footer



/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/

	*,
	*:before,
	*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
		-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
		-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
		box-sizing:         border-box;
	}

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		display: block;
	}

	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	caption, th, td {
		font-weight: normal;
		text-align: left;
	}

	hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
	}

	ul, ol {
		margin: 0 0 1.5em 3em;
	}

	ul {
		list-style: disc;
	}

	ol {
		list-style: decimal;
	}

	li > ul,
	li > ol {
		margin-bottom: 0;
		margin-left: 1.5em;
	}

	dt {
		font-weight: bold;
	}

	dd {
		margin: 0 1.5em 1.5em;
	}

	figure {
		margin: 0;
	}

	table {
		margin: 0 0 1.5em;
		width: 100%;
	}

	th {
		font-weight: bold;
	}


/*--------------------------------------------------------------
1.0 General
--------------------------------------------------------------*/

	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-family: "open-sans",sans-serif;
		font-style: normal;
		font-weight: 400;
		background: #ffffff;
	}

	body,
	button,
	input,
	select,
	textarea {
		font-size: 0.9em;
		color: #747474;
		font-family: sans-serif;
	}

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 25px;
		font-family: 'chaletmedium';
		font-style: normal;
	}

	h1 {
		font-size: 3em;
	}

	h2 {
		color: #65666B;
		font-size: 2.2em;
		text-transform:
	}

	h2 a {
		color: #65666B;
	}


	h3 {
		color: #65666B;
		font-size: 2em;
	}

	h3 a {
		color: #65666B;
	}

	h4 {
		font-size: 1.4em;
	}

	h5 {
		font-size: 1.2em;
	}

	h6 {
		font-size: 1em;
	}

	p {
		line-height: 1.3em;
		margin-bottom: 1.5em;
	}

	a {
		color: #8a3c66;
		text-decoration: none;
	}

	a:hover,
	a:focus,
	a:active {
		color: #aa5583;
	}

	a:focus {
	/*outline: thin dotted;*/
	outline: 0;
	}

	a:hover,
	a:active {
		outline: 0;
	}

	.col img {
		height: auto;
		max-width: 100%;
	}

	a img {
		border: 0;
	}

	b, strong {
		font-weight: 700;
	}

	dfn, cite, em, i {
		font-style: italic;
	}

	select { font-size: 1em; !important }


	.btn,
	.button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		background: #EF8A76;
		border: none;
		color: #ffffff;
		display: inline-block;
		padding: 20px 15px;
		text-decoration: none;
		font-size: 1.4em;
		font-family: Miso-Bold;
		width: auto;
		font-weight: normal;
		text-transform: uppercase;
	}

	.btn:hover, .button:hover,
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		color: #ffffff;
		background: #EF8A76;
	}

	.gform_button {
		float: right !important;
		padding: 20px 60px !important;
		margin: 0 10px 0 0;
		font-family: 'chaletmedium';
		font-style: normal;
		font-weight: 700;
		font-size: 1.4em !important;
		cursor: pointer;
	}

	.desktopOnly {
		display: none;
	}

	.mobileOnly {
		display: block;
	}

	.social {
		display: inline-block;
	}

	.social .fa {
		font-size: 1.7em;
		padding: 0 5px;
	}

	.social .fa-facebook { color: #3e61b1; }
	.social .fa-linkedin { color: #2980bd; }
	.social .fa-google-plus { color: #d84d3b; }

	@media all and ( min-width : 768px ) {
		.desktopOnly {
			display: block;
		}

		.mobileOnly {
			display: none;
		}
	}

	/*---- 1.1 - Sidebar ----*/
	.sidebar-widget {
		margin: 0 0 20px 0;
	}

	.sidebar h3 {

	}

	ul.side-menu {
		padding: 0;
		margin: 0;
	}

	ul.side-menu li {
		list-style: none;
		border-bottom: 1px solid #eeeeee;
	}

	ul.side-menu li a {
		display: block;
		padding: 10px 0;
		text-decoration: none;
	}

	ul.side-menu li.current_page_item a {
		color: #373446;
	}


/*--------------------------------------------------------------
2.0 - Header
--------------------------------------------------------------*/

	header.site-header {
		width: 100%;
		margin: 0;
		padding:  0;
		z-index: 2;
		background: #ffffff;
	}

	header.site-header .container {
		position: relative;
	}

	.logoMain {
		float: left;
		width: 150px;
		padding: 10px 0;
	}

	.logoMain img {
		width: 100%;
	}

	.site-header .phone-mobile {
		position: absolute;
		right: 55px;
		top: 10px;
	}

	.site-header .phone-mobile a {
		color: #8a3c66;
		display: block;
		font-size: 2.4em;
		padding: 5px;
	}

	.site-header .phone-mobile img {
		width: 20px;
	}

	.request-callback-popup {
		display: none;
	}

			.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
			border: 2px solid red !important;
    		padding: 20px !important;
		}

		.gform_wrapper .gfield_required {
			color: #ffffff !important;
		}

		.gform_wrapper .gfield_error .gfield_label,
		.gform_wrapper .validation_message,
		.gform_wrapper .gfield_error .gfield_required {
			color: red !important;
		}

		.gform_wrapper div.validation_error {
			border: 2px solid red !important;
			color: red !important;
		}

		.gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {
			margin-top: 15px !important;
		}


	@media all and ( min-width : 768px ) {

		header.site-header {
			background: #fff url(../images/common/header-bg.gif) bottom repeat-x;
			height: 180px;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 1000;
		}

		.admin-bar header.site-header {
			top: 32px;
		}

		.site-content {
			padding-top: 180px;
		}

		.logoMain {
			padding: 15px 0 0 0;
			width: 360px;
			height: 115px;

		}

		.site-header .phone {
			position: absolute;
			right: 0;
			top: 80px;
			text-align: right;
		}

		.site-header .phone h2 {
			display: inline-block;
			font-size: 2em;
			color: #8a3c66;
			margin: 0 40px 0 0;
		}

		.site-header .phone .fa {
			font-size: 1.3em;
			background: #eeeeee;
			padding: 12px 10px;
			width: 40px;
			height: 40px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			text-align: center;
		}

		.reduced-spacing {
			letter-spacing: -1px;
		}

		.site-header .request-callback {
			font-family: 'chaletmedium';
			font-style: normal;
			font-weight: 700;
			position: absolute;
			right: 160px;
			top: 5px;
		}

		.site-header .request-callback .btn {
			background: #65666B;
			padding-bottom: 15px;
			padding-top: 15px;
		}

		.site-header .btn:visited {
			color: #fff;
		}


		/* The popup */
		.request-callback-popup .gform_button {
			float: left !important;
		}

		.site-header .book-service {
			position: absolute;
			right: 0;
			top: 05px;
			font-family: 'chaletmedium';
			font-style: normal;
			font-weight: 700;
		}

		.site-header .book-service .btn {
			padding-top: 15px;
			padding-bottom: 15px; 
		}
	}

/*---- 2.1 - Navigation ----*/

	.main-navigation {
		padding: 0;
		font-family: Miso-Bold;
		text-transform: uppercase;
		font-weight: 400;
	}

	.main-navigation ul {
		background: #444449;
		border-top: 1px solid #66666c;
	}

	.main-navigation li {
		border-bottom: 1px solid #66666c;
	}

	.main-navigation a {
		color: #ffffff;
		display: block;
		font-size: 1.4em;
		padding: 15px 15px 11px 15px;
		text-decoration: none;
	}

	.main-navigation li.menu-item-has-children:hover a,
	.main-navigation a:hover {
	background: #EF8A76;
		color: #ffffff;
	}

	/* Current */
	.main-navigation li.current-menu-item a,
	.main-navigation li.current-menu-ancestor a {
		background: #64656A;
		color: #ffffff;
	}

	/* Current hover */
	.main-navigation li.current-menu-item a:hover,
	.main-navigation li.current-menu-ancestor a:hover {
		/*background: #88888c;*/
		/*color: #ffffff;*/
	}

	/* Dropdown */
	.main-navigation ul.sub-menu {
		left: 1;
		top: 50px;
		overflow: hidden;
		font-size: 1.2em;
	}

	.main-navigation ul.sub-menu li {

	}

	.main-navigation li.menu-item-has-children:hover ul.sub-menu li a {
		background: #EF8A76;
		color: #fff;
		padding: 10px 15px;
	}

	.main-navigation li.menu-item-has-children:hover ul.sub-menu li a:hover {
		background: #EF8A76;
		color: #fff;
	}

	/* Dropdown - Active */
	.main-navigation li.menu-item-has-children:hover ul.sub-menu li.current-menu-item a {
		background: #EF8A76;
		color: #fff;
	}

	/* Dropdown - Active hover */
	.main-navigation li.menu-item-has-children:hover ul.sub-menu li.current-menu-item a:hover {
		background: #EF8A76;
		color: #fff;
	}

	/* Mobile-only */
	@media all and ( max-width : 767px ) {
		.menu-toggle,
		.main-navigation.toggled .nav-menu {
			display: block;
			z-index: 5000;
		}

		.menu-toggle {
			color: #8a3c66;
			float: right;
			font-size: 1em;
			font-weight: 800;
			margin: 18px 0 0 0;
			padding: 0 0 0 0;
			text-transform: uppercase;
		}

		.menu-toggle {
			vertical-align: top;
			font-size: 1.4em;
			line-height: 1.4em;
		}

		.menu-toggle .label {
			display: inline-block;
			vertical-align: top;
			margin: 0;
			padding: 0;
		}

		.menu-toggle .fa {
			padding-left: 5px;
			font-size: 1.6em;
		}



		.main-navigation ul {
			display: block;
			position: absolute;
			left: 0;
			opacity: 0;
			top: -1000%;
			width: 100%;
			/*transition: opacity 0.25s ease; *//* Fade in. */
			transition: top 0.2s ease-in; /* Slide down */
		}

		.main-navigation.toggled .nav-menu {
			opacity: 1;
			top: 66px;
		}

		.main-navigation li {
			float: none;
		}

		.main-navigation ul ul {
			display: none; /* Hide sub-pages from nav */
		}

		.main-navigation ul li:hover > ul {
			display: none;
		}
	}

	@media all and ( min-width: 768px ) {

		.main-navigation {
			clear: both;
			padding: 0;
			float: left;
			width: 100%;
			margin: 15px 0 0 0;
		}

		.main-navigation ul {
			border-top: none;
		}

		.main-navigation li {
			padding:0 1px;
			border-bottom: none;
		}

		.main-navigation li a {


		}

		/* Dropdown Style */
		.main-navigation li li a {

		}
	}


/*--------------------------------------------------------------
3.0 Standard Page
--------------------------------------------------------------*/

	.page-header {
		padding: 40px 5%;
		background: #64656a;
	}

	.page-header h1 {
		font-family: Miso-Bold;
		color: #ffffff;
		margin-bottom: 0;
		text-transform: uppercase;
	}


	@media all and ( min-width : 768px ) {
		.page-header {
			padding: 70px 0;
		}

		.page-content {
			padding-top: 20px;
		}
	}


/*--------------------------------------------------------------
4.0 - Photo Gallery
--------------------------------------------------------------*/

	section.gallery {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	section.gallery .gallery-item {
		margin-bottom: 2%;
	}

	@media all and ( min-width : 768px ) {
		.galleryList .image {
			height: 100px;
			overflow: hidden;
			margin: 0 0 15px 0;
		}
	}


/*--------------------------------------------------------------
5.0 - Blog / Posts / Categories
--------------------------------------------------------------*/

	.articleList {
		padding: 25px 0 0 0;
	}

	.entry-content .featureImage {
		margin: 0 0 15px 0;
	}

	.entry-content .featureImage img {
		width: 100%;
		height: auto;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 5px;
		border: 1px solid #cccccc;
	}

	.blog .page-builder p,
	.single .page-builder p {
		margin-bottom: 1em;
	}

	.blog .pull-out-quote p,
	.single .pull-out-quote p {
		margin-bottom: 0;
	}

	.blog .entry-content {
		margin-top: 0;
	}

	/* Single Blog post */
	.single .entry-meta,
	.single .entry-meta .posted-on {
		color: #cbd5e4;
	}

	.single .entry-meta a {
		color: #e5eaf2;
	}

	.single .entry-content {
		margin-top: 0;
	}

	/* Comments */
	.single .comments-area {
		margin-top: 2em;
	}

	#comments ol {
		list-style-type: none;
		margin-left: 0;
	}

	.comment {
		padding: 1.5em 0 0 0;
	}

	.comment p {
		margin: 1em 0;
	}

	.comment-metadata {
		font-size: 1em;
	}

	#comments .comment-author .avatar {
		float: left;
		margin-right: 24px;
		height: auto;
		width: 50px;
	}

	#comments .comment-content {
		padding-left: 70px;
	}

	#comments .reply {
		display: none;
	}

	#comments .comment-form-comment {
		margin-bottom: 0.5em;
	}

	.comment-form-comment label {
		display: none;
	}

	.comment-form .form-allowed-tags {
		display: none;
	}

	@media all and ( min-width : 768px ) {
		.blog .post {
			margin: 2em 0;
		}

		.single .entry-content {
			margin-top: 25px;
		}
	}


/*--------------------------------------------------------------
6.0 - Page Builder
--------------------------------------------------------------*/

	.page-builder {
		padding: 2% 0;
	}

	/* Slider */
	.slider {
		width: 100%;
	}

	/* Widgets */
	.widgets {
		padding: 50px 0;
	}

	.widgets h2 {
		font-size: 1.6em;
		font-family: Miso-Bold;
		text-transform: uppercase;
		padding: 0;
		margin: 15px 0 15px 0;
	}

	.widgets .widget-repeater img {
		max-width: 100%;
		height: auto;
	}

	.widgets .widget-repeater:hover img {
		position: relative;
	}

	.widgets .widget-repeater a.btn:hover {
		color: #ffffff;
	}

	/* Image (full width). */
	.image-full-width img {
		height: auto;
		max-width: 100%;
	}

	/* Image (left and right) */
	.image-aligned-left .image img, .image-aligned-right .image img {
		height: auto;
		max-width: 100%;
	}

	/* Pull out quote */
	.pull-out-quote {
		color: #8a3c66;
		font-weight: 700;
		font-style: italic;
		border-left: 1px solid #444;
		margin: 0 50px;
	}

	.pull-out-quote p {
		margin-bottom: 0;
		padding: 0 20px;
	}

	/* Call to action */
	.page-builder.call-to-action {
		text-align: center;
	}

	@media all and ( max-width : 767px ) {
		.gutters .col .page-builder .col {
			padding: 0;
		}
	}


/*--------------------------------------------------------------
7.0 Home Page
--------------------------------------------------------------*/

	.slide-container {
		width: 100%;
		height: 260px;
	}



	.slide-desc {
		/*position: absolute;*/
		/*bottom: 40px;*/
		color: #ffffff;
		font-size: 1.2em;
		font-family: 'chaletmedium';
		font-style: normal;
		font-weight: 600;
		padding: 0;
		padding-top: 60px;
  	vertical-align: middle;
	}

	.slide-desc p { margin: 0 0 20px 0; }

	.slider .btn {
		padding: 18px 20px 15px 20px;
		font-size: 0.8em;
	}

	.news {
		background: #f7f7f7;
	}

	body.home .specials {
		padding-bottom: 150px;
		background: #f7f7f7 url(../images/home/pattern.jpg) bottom center no-repeat;
	}

	.specials h2 {
		margin: 20px 0 0 0;
		font-size: 2.6em;
	}

	body.home .testimonials-video {
		padding: 50px 0;
		color: #ffffff;
		background: #64656A;
	}

	.testimonials-video h3,
	.booking h3 {
		font-size: 2.4em;
		color: #ffffff;
	}

	.booking {
		padding: 50px 0;
		color: #ffffff;
		background: #EF907C;
	}

	.booking h3 {
		font-family: Miso-Bold;
		text-transform: uppercase;
	}

	.booking .button {
		background: #64656A;
	}

	.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
		margin: 0 !important;
	}

	li#field_1_23 .gfield_label {
		display: none;
	}

	@media all and ( min-width : 768px ) {

		body.home .specials {
		padding: 30px 0 150px 0;
		}

		.specials h2 {
		margin-top: 20px;
		}

		body.home .slider {
			height: 529px;
		}

		.slide-container {
			height: 529px;
		}

		.slide-desc {
			position: static;
			display: inline-block;
			bottom: auto;
			max-width: 66%;
			padding-top: 0;
			font-size: 2.4em;
		}



		.slide-container:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  margin-right: -0.25em; /* Adjusts for spacing */
	}


	}


/*--------------------------------------------------------------
8.0 - Page-specific
--------------------------------------------------------------*/

	html div#om-kprevzhlpqflm6zw input, html div#om-kprevzhlpqflm6zw #om-lightbox-simple-optin-name, html div#om-kprevzhlpqflm6zw #om-lightbox-simple-optin-email {
		width: 100% !important;
	}

	html div#om-kprevzhlpqflm6zw input[type=submit], html div#om-kprevzhlpqflm6zw button, html div#om-kprevzhlpqflm6zw #om-lightbox-simple-optin-submit {
		padding: 4px 6px !important;
	}

	html div#om-kprevzhlpqflm6zw #om-lightbox-simple-header {
		padding-bottom: 0 !important;
	}

	html div#om-kprevzhlpqflm6zw #om-lightbox-simple-footer {
		padding-top: 0 !important;
	}

	/* Product */

	.product-container {
		float: left;
		width: 100%;
		padding: 20px 0;
		margin: 0 0 15px 0;
		border-bottom: 1px dashed #cccccc;
	}




	.testimonial {
		margin: 0 0 20px 0;
		border-bottom: 1px dashed #cccccc;
	}


	/* Contact */

	.contact-content {
		padding-top: 20px;
	}

	#map-canvas {
        height: 300px;
	}

	@media all and ( min-width : 768px ) {

		.product-container img {
		float: left;
		margin: 0 15px 0 0;
	}

	}





/*--------------------------------------------------------------
10.0 -  Forms
--------------------------------------------------------------*/

	.locations {
		padding: 40px 0;
	}

	#input_1_17 li {
		width: 35%;
		float: left;
	}

	input#input_1_19 {
		width: 95% !important;
	}


/*--------------------------------------------------------------
11.0 - Footer
--------------------------------------------------------------*/

	.footer-logos {
		text-align: center;
		padding: 40px 0;
	}

	.footer-logos img {

		display: inline-block;
		padding: 0 7px;
	}

	footer.site-footer {
		color: #777777;
		min-height: 240px;
		padding: 70px 0;
		text-align: center;
		background: #f1f1f1;
	}

	.logoFooter img {
		width: 40px;
		height: 40px;
		margin: 0 0 10px 0;
	}

	/* Footer Menu */
	.site-footer .menu {
		width: 100%;
	}

	.site-footer ul {
		list-style: none;
		margin: 0;
	}

	.site-footer ul li {
		padding: 2px 0;
		list-style: none;
	}

	.site-footer ul li a {
		color: #666666;
	}

	.site-footer ul li a:hover {
		color: #333333;
	}

	footer .social {
			text-align: center;
		}


	@media all and ( min-width : 768px ) {

		.logoFooter {
			width: 40px;
			margin: 0 10px 0 0;
		}

		footer.site-footer {
			text-align: left;
		}

		.site-footer .menu ul li {
			list-style: none;
		}

		.site-footer .menu ul li a {

			padding: 5px 0;
		}

		.site-footer .ticktock {
			padding: 0;
			text-align: right;
		}

		footer .social {
			text-align: right;
		}

	}
