* {
	font-family: 'Source Sans Pro', sans-serif;
}
::selection {
	background-color: rgba(233, 226, 42, 0.6);
}
a, input[type="submit"] {
	/* fade link effects on hover */
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
	}

body {
	background: rgba(196, 184, 177, 0.2);
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0px;
	padding: 0px;
}

h1, h3, h4, h5, h6 {
	/*site name*/
	font-family: 'Source Sans Pro', sans-serif;
}
main a, p, p>*, table, td, label {
	font-family: 'Roboto Slab', sans-serif;
}
p, li, blockquote {
	color: rgba(0,0,0,0.7);
}
h1 {
	font-family: 'Source Sans Pro', sans-serif;
	color: rgba(0,0,0, 0.8);
	font-size: 30px;
	}
	h1 a {
		display: block;
		color: rgba(255,255,255,1);
		}
		h1 a:hover {
			color: rgba(255,255,255,0.8);
		}
h2 {
	font-family: 'Merienda', cursive;
	color: rgba(0,0,0, 0.8);
	font-size: 30px;
	line-height: 1.3;
	}
	h2>span{
		font: inherit;
		}
		@media screen and (min-width: 0px) and (max-width: 601px) {
			h2 {
				font-size: 18px;
				text-align: center;
			}
			h2>span {
				font-size: 22px;
				display: block;
			}
		}
	.dark h2 {
		color: rgba(255,255,255, 0.9);
	}

/*forms*/
	input[type="text"] {
		box-shadow: none;
		box-shadow: inset 0 0px 0px rgba(0,0,0, 0);
	}
	.form-actions {
		text-align: right;
		border-top: 1px solid rgba(0,0,0,0.1);
		padding-top: 15px;
		padding-bottom: 15px;
	}
	input[type="submit"],
	button[type="submit"]{
		border: 2px solid rgba(101, 190, 224,1);
		background-color: rgba(101, 190, 224,0.5);
		padding: 5px 10px;
		border-radius: 2px;
		}
		input[type="submit"]:hover,
		button[type="submit"]:hover{
			border: 2px solid rgba(101, 190, 224,1);
			background-color: rgba(101, 190, 224,1);
			color: white;
			cursor: pointer;
		}
		input[type="submit"]:disabled,
		button[type="submit"]:disabled,
		input[type="submit"]:disabled:hover,
		button[type="submit"]:disabled:hover {
			border: 2px solid rgba(213, 213, 213, 1);
			background-color: rgba(213, 213, 213, 1);
			color: white;
			cursor: pointer;
		}
	.form-group label {
			font-size: 16px;
			color: rgba(0,0,0,0.8);
		}
	.form-group span.text-muted.small {
			float: right;
			margin-top: -20px;
			color: rgba(0,0,0,0.3);
		}

.viewport p {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1px;
	font-size: 19px;
	line-height: 1.35em;
	margin-bottom: 10px;
	}
	.viewport p:last-child {
		margin-bottom: 0px;
	}
	.dark p {
		color: rgba(255,255,255, 0.9);
	}

.viewport {
	width: 100%;
	padding: 0px;
	margin: 0px;
	}
	.viewport>header {

		background: rgba(196, 184, 177, 1.0);
		}
		.viewport>header.animalsBkgd {
			background-image: url('../img/global/animals-white.svg');
			background-size: 30%;
			background-position: right calc(100% - 40px);
			background-repeat: no-repeat;
		}
		.viewport>header div.animals {
			position: absolute;
			bottom: 20px;
			width: 100%;
			border-bottom: 2px solid white;
			text-align: right;
		}
		.viewport>header div.animals img {
			height: 125px !important;
			position: relative;
			top: 1px;
			margin-right: 15px;
		}
	.viewport>main {
		width: 100%;
	}
	.viewport>footer {
		width: 100%;
	}
	@media screen and (max-width: 600px){
		.viewport>header h1 {
			padding: 10px 15px;
			margin: 0px;
		}
		.viewport>header>nav.nav.nav--primary {
			width: 100%;
			padding: 5px 10px 10px 15px;
			margin: 0px;
			background-color: rgba(225, 219, 215, 1.0);
		}
		.viewport>header>nav.nav.nav--primary ul li {
			display: inline-block;
		}
		.viewport>header>nav.nav.nav--primary ul li + li {
			margin-left: 15px;
		}
		.viewport>header>nav.nav.nav--primary ul li a {
			color: rgba(0,0,0,0.5);
		}
		.viewport>header div.animals {
			display: none;
		}
		body.page_index .viewport>main {
			padding: 30px 15px 30px 15px;
		}
		.viewport>main>.grid-container>.row {
			padding: 30px 15px 30px 15px;
		}
	}
	@media screen and (min-width: 600px){
		.viewport>header {
			position: fixed;
			width: 30%;
			height: 100vh;
			/* max-width: 400px; */
			float: left;
			}
			body.c5_loggedIn.c5_userIsAdmin .viewport>header {
				height: calc(100vh - 40px);
			}
			.viewport>header>h1 {
				margin-top: 10%;
				margin-left: 60px;
				margin-right: 60px;
			}
		.viewport>main {
			margin-left: 30%;
			width: 70%;
			/* padding-left: 60px; */
			/* padding-right: 60px; */
			padding-top: 100px;
		}
		.viewport>main.full {
			padding-top: 0px;
		}
		.viewport>main .grid-container>.row {
			padding-left: 60px;
			padding-right: 60px;
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.viewport>footer {
			margin-left: 30%;
			width: 70%;
			/* padding-left: 60px; */
			/* padding-right: 60px; */
			margin-top: 100px;
		}
		.viewport>main.full + footer {
			margin-top: 0px;
		}
	}
	@media screen and (min-height: 600px) and (min-width: 600px){
			.viewport>header>h1 {
				margin-top: 30%;
			}
		}
	@media screen and (max-height: 440px) and (min-width: 600px){
			.viewport>header {
				overflow-x: scroll;
			}
			.viewport>header div.animals {
				position: relative;
				bottom: 20px;
			}
		}



main ul:not(.orbit-container) {
	margin-bottom: 20px;
	}
	main ul:not(.orbit-container):not(.rslides)>li {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 10px;
		margin-bottom: 0px;
		margin-left: 15px;
	}
	.dark li {
		color: rgba(255,255,255, 0.9);
	}
nav.nav.nav--primary {
	margin-top: 15px;
	margin-left: 60px;
	/* height: 80px; */
	background: transparent;
	display: inline-block;
	}
	nav.nav--primary ul {
		display: inline-block;
		list-style: none;
		text-align: right;
		margin: 0px !important;
		padding: 0px;
		/* line-height: 42px; */
		}
		nav.nav.nav--primary ul li {
			/* display: inline-block; */
			/* margin: 0px 5px 0px 5px; */
			padding: 0px;
			/* background: rgba(0,0,0,0.1); */
			width: auto;
			}
			header.pageHeader nav ul li {
				background: transparent;
			}
			header.pageHeader nav ul li + li {
				margin-top: 5px;
			}
		nav.nav.nav--primary ul {
			text-align: left;
			margin: 0px;
		}
		nav.nav.nav--primary ul li a {
			/* display: block; */
			color: rgba(0,0,0,0.5);
			border-bottom: 2px solid transparent;
			padding-left: 3px;
			padding-right: 3px;
			}
			nav.nav.nav--primary ul li a:hover {
				color: rgba(0,0,0,0.8);
				border-bottom: 2px solid rgba(255,255,255, 0.5);
			}
		nav.nav.nav--primary ul li a {
			/* display: block; */
			padding: 3px 0px 0px 0px;
			text-decoration: none;
			text-transform: uppercase;
			color: rgba(255,255,255,0.6);
			font-size: 17px;
			}
			nav.nav.nav--primary ul li a:hover {
				color: rgba(255,255,255,1);
				}
			nav ul li.nav-selected.nav-path-selected a {
				color: rgba(255,255,255,1);
				border-bottom: 2px solid rgba(255,255,255, 1.0);
			}
	@media screen and (min-width: 600px) and (max-width: 800px){
		.viewport>header>h1 {
			margin-top: 30%;
			margin-left: 30px;
			margin-right: 30px;
		}
		nav.nav.nav--primary {
			margin-left: 30px;
			}
	}
.pageType_internal .hero {
	height: 196px;
}


main {

	}
	@media screen and (min-width: 0px) and (max-width: 601px) {
		main {
			padding-top: 0px;
			padding-bottom: 0px;
			}
	}
	main div.row {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;

		}
		@media screen and (min-width: 601px){
			main div.row {
				padding-left: 60px;
				padding-right: 60px;
				}
		}
		@media screen and (min-width: 601px) and (max-width: 1024px){
			main div.row {
				padding-left: 30px;
				padding-right: 30px;
				}
		}
	main a {
		color: rgba(0, 215, 192, 1.0);
		border-bottom: 1px solid rgba(0, 215, 192, 0.5);
		}
		main a:hover {
			color: rgba(0, 215, 192, 0.7);
			border-bottom: 1px solid rgba(0, 215, 192, 0.3);
			}

.grid-container {
	background: no-repeat center center;
	background-size: cover;
	padding: 0px;
	/* border: 1px solid red; */
	max-width: 100%;
	/* overflow: hidden; */
	}
	main .grid-container > div {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	main > .grid-container > .row--noSeparateBelow {
		padding-bottom: 0px;
	}
	@media screen and (min-width: 0px) and (max-width: 601px) {
		.grid-container {
			padding-top: 30px;
			padding-bottom: 30px;
			padding: 0px;


		}
	}
.grid-container.hero {
	padding: 0px;
}

.hero.hero--short {
	height: 250px;
	background-size: cover;
}

.blockType-cta {
	background: no-repeat center center;
	background-size: cover;
	text-align: center;
	/* height: 400px; */
	vertical-align: middle;
	padding-top: 100px;
	padding-bottom: 100px;
	}
	.blockType-cta>div>div>a {
		vertical-align: middle;
		font-size: 24px;
	}


.orbit-container::after {
	z-index: 9999;
	background-color: red;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 500px;
}

.alert {
	margin-bottom: 20px;
	padding: 5px;
}
.alert.alert-success {
	background-color: rgba(132, 209, 113, 0.6);
	border: 1px solid rgba(132, 209, 113, 1);
}
.alert.alert-danger {
	background-color: rgba(209, 113, 113, 0.6);
	border: 1px solid rgba(209, 113, 113, 1);
	}
	.alert.alert-danger .ccm-error {
		margin-bottom: 0px;
	}

/*footer*/
.footer-vets {

}

/* rslides */
	.rslides_nav {
		border: 1px solid rgba(255,255,255,0.8);
	}
	.rslides_nav.prev {
		border-left: none;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.rslides_nav.next {
		border-right: none;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}


/*page styles*/
	body.page_contact table,
	body.page_contact table tbody {
		border: 0px;
	}
	body.page_contact table tr {
		background: none;
		border: 0px;
		}
		body.page_contact table tr td {
			background: none;
			border: 0px;
		}
		body.page_contact table tbody tr td:first-child {
			font-weight: 00;
			text-align: right;
			color: rgba(0,0,0,0.6);
			vertical-align: top;
		}
	@media screen and (max-width: 600px) {
		body.page_contact .googleMapCanvas {
			margin-bottom: 20px;
		}
	}

	/* bookingFrame */
	.bookingFrame {
		width: 100%;
		height: 100vh;
	}

footer {
	/* background-color: rgba(0,0,0,0.75); */
	background-color: rgba(23, 25, 26, 0.95);
	}
	footer .grid-container {
		max-width: 1100px;
		padding-top: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	footer a img {
		max-width: 200px;
		opacity: 0.5;
		}
		footer a:hover img {
			opacity: 0.7;
			}
	footer div.details {
		margin-top: 31px;
		color: rgba(255,255,255,0.8);
		font-size: 16px;
		}
		footer div.details p {
			color: rgba(255,255,255,0.8);
			margin-top: 0px;
			font-size: 16px;
		}
		footer div.footer-logo + div.details {
			padding-left: 20px;
		}
		footer div.details h4 {
			font-size: 18px;
			color: rgba(255,255,255,0.8);
			text-transform: lowercase;
			margin-bottom: 0px;
		}
		footer div.details span {
			color: rgba(255,255,255,0.5);
		}
		footer div.andcopy {
			padding-top: 50px;
			color: rgba(255,255,255,0.2);
			font-size: 14px;
			text-align: center;
			padding-bottom: 20px;
		}
		footer div.andcopy a {
			color: rgba(255,255,255,0.2);
			border-bottom: 1px solid rgba(255,255,255,0.2);
			}
			footer div.andcopy a:hover {
				margin-top: 30px;
				color: rgba(255,255,255,0.4);
				border-bottom: 1px solid rgba(255,255,255,0.4);
			}
		@media screen and (min-width: 0px) and (max-width: 601px) {
			footer {
				padding-left: 20px;
				padding-right: 20px;
			}
			footer div.footer-logo + div.details {
				padding-left: 0.625rem;
				margin-top: 30px;
			}
			footer div.details {
				margin-top: 10px;
			}
			footer div.andcopy {
				text-align: left;
			}
		}


/* Small Screen Rules */
@media screen and (min-width: 0px) and (max-width: 601px) {
	.responsiveSpacingAbove-s-15 {margin-top: 15px;}
	.responsiveSpacingAbove-s-30 {margin-top: 30px;}
	.responsiveSpacingAbove-s-40 {margin-top: 40px;}
}
/* Medium Screen Rules */
@media screen and (min-width: 601px) and (max-width: 1024px) {
	.responsiveSpacingAbove-m-15 {
		margin-top: 15px;
	}
}
/* tablet and above */
@media screen and (min-width: 601px){
	.responsive-nodesktop {display: none !important;}
	.responsive-desktop {display: inherit !important;}
}

/*c5 overrides*/
body.c5_loggedIn.c5_userIsAdmin div.ccm-page {
	padding-top: 42px !important;
}

body.c5_loggedIn.c5_userIsAdmin header {
	/* top: 45px; */
}
.input-group {
	margin-bottom: 0px;
}