/*   
Theme Name: Tsang 001
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 14px 'Open Sans', sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/
#body a.wp-block-file__button {
	padding: 0.4em;
}

.modaloverlay {
	position: fixed;
	z-index: 100000001;
	background-color: rgba(255, 255, 255, 0.7);
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	top: 0;
	min-height: 100vh;
}

.modaloverlay.hidden {
	display: none;
}

.modaloverlay .modal {
	background-color: #fff;
	max-width: 550px;
	border: solid 4px rgba(146, 208, 80, 0.8);
	z-index: 999;
	padding: 2rem;
	padding-top: 0;
	margin-top: -10vh;
}

.modal p {
	font-size: 0.9rem;
	line-height: 1.5rem;
}

.modaloverlay .modal img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-right: 2rem;
}

#wrapper {width: 960px; margin: 20px auto;}
.clickable { cursor: pointer; }
h2.clickable {
	margin-left: -20px;
	text-indent: -20px;
}
.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}









body {
	width: 1199px;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

html { 
	background-color: var(--primary_colour);
	margin: 0px;
	padding: 0px;
}

body,p {
	color: #3a383a;
	color: var(--primary_colour);
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	line-height: 21pt;
}




#header ul {
	min-height: 59px;
	min-height: 48px;
	padding: 0px;
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	overflow: hidden;
	margin-bottom: -11px;
	margin: 0px;
	z-index: 3;
	
}
#header ul li {
	display: block;
	float: left;
	padding: 0px;
}
#header ul li a {
	display: block;
	float: left;
	font-size: 13pt;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	color: #3a383a;
	color: var(--primary_colour);
	background-color: rgba(58, 56, 58, 0);
	background-color: var(--primary_colour-alpha0);
	padding-top: 45px;
	padding-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
	transition: background 0.5s ease, color 0.5s ease;
}
#header ul li li a {
	font-size: 10pt;
}
#header .inner > div > ul > li:last-child a {
	padding-right: 60px;
}

#header ul li a:hover, #header ul li.current > a, #header ul li.current_page_parent > a {
	background-color: rgba(58, 56, 58, 100);
	background-color: #4d5253;
	color: #fff;
}
#header #carousel ul {
	padding-left: 0px;
}

#nav {
	z-index: 999;
	position: absolute;
	top: 0px;
	width: 100%;
}
.admin-bar #nav {
	top: 32px;
}

#carousel {
	min-height: 724px;
	top: 0px;
	width: 100%;
	margin-top: -0px;
	max-width: 1199px;
	z-index: 1;
	overflow: hidden;
	background-size: cover;
}
#header #carousel ul {
	background-color: #7B84A9;
}

#carousel .tp-bannershadow {
	display: none;
}
#carousel .meta {
	border-top: solid 1px #fff;
	background-image: url(images/header-overlay.png);
	width: 555px; 
	height: 664px;
	background-repeat: no-repeat;
	margin: 0px;
}
#carousel .meta div.inner_content {
	margin-top: 307px;
}

h1,h2,h3, #carousel .tp-caption.large_text {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

h2, h3 {
}

h3 {
	color: var(--secondary_colour);
}

h2 {
	padding-top: 20px;
	font-size: 21pt;
}
#carousel h3, #carousel  .tp-caption.large_text{
	color: #00a4de;
	font-style: italic;
	font-size: 27pt;
	font-weight: normal;
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 35pt;
	text-shadow: none;
}
#carousel p, #carousel .tp-caption.black {
	color: #b6b6b6;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-size: 18pt;
	line-height: 28pt;
	margin-right: 40px;
}

#carousel p a {
	color: #00a4de;
	text-decoration: none;
}

#carousel  ol.controls {
	list-style-type: none;
	padding: 0px;
	margin-top: 70px;
}

#carousel  ol.controls li, #carousel  ol.controls li a {
	display: block;
	float: left;
}
#carousel  ol.controls li {
	margin-right: 11px;
}
#carousel  ol.controls li a {
	width: 0px;
	height: 0px;
	padding-left: 14px;
	padding-top: 14px;
	overflow: hidden;
	background-image: url(images/carousel-buttons.png);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}
#carousel  ol.controls li a:hover, #carousel  ol.controls li.current a {
	background-position: 0px 0px;
}
.inner_content {
	margin-left: 50px;
}

#secondary_nav {
	list-style-type: none;
	padding: 0px;
	height: 124px;
	overflow: hidden;
	border-bottom: solid 1px #d9d9d9;
	width: 880px;
}

#secondary_nav li, #secondary_nav li a {
	display: block;
	float: left;
} 

#secondary_nav li a {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	color: #8d8d8d;
	color: #00a4de;
	text-decoration: none;
	padding-top: 44px;
	padding-bottom: 33px;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 15pt;
	line-height: 22pt;
}
#secondary_nav li a:hover {
	color: #4d5253;
}
#secondary_nav li a em {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	display: block;
}

#secondary_nav li.first a {
	padding-left: 0px;
}	

#secondary_nav li.last a {
	padding-right: 0px;
}	

#body div.inner_content {
	margin-top: 60px;
	padding-bottom: 83px;
	margin-right: 50px;
	display: flex;
	justify-content: space-between;
}
.post { 
	max-width: 38em;
}
.post.full-width {
	max-width: 100%;
}
#body div.inner_content h3 {
	font-size: 17pt;
	margin-bottom: 1em;
	margin-top: 20px;
}

#body div.inner_content ul {
	list-style: disc outside none;
	margin-left: 40px;
	margin-bottom: 20px;
	margin-top: 10px;
}

#body {
	min-height: 435px;
}

#footer {
	border-top: solid 14px var(--secondary_colour);
	background-color: var(--primary_colour);
	padding-top: 1.5em;
	padding-bottom: 2em;
	color: #d4d4d4;
}

#footer .content {
	padding: 40px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

#footer p {
	margin-top: 2em;
	color: #d4d4d4;
	font-size: 11pt;
}

#footer .hours {
	margin-right: 20px;
}
#footer .hours h2 {
    margin-bottom: 30px;
    margin-top: 30px;
}
#footer .hours .contact a {
	color: #d4d4d4;	
	text-decoration: none;
	transition: color 0.5s ease;
}
#footer .hours .contact a:hover {
	color: #fff;
}
#footer p a {
	color: #d4d4d4;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

ul.social {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: flex;
}	
ul.social li, ul.social li a {
	display: block;
}
ul.social li a {
	width: 0px;
	height: 0px;
	overflow: hidden;
	padding-left: 38px;
	padding-top: 38px;
	background-image: url(images/social-logos.png);
	background-repeat: no-repeat;
	margin-left: 14px;
	filter: brightness(1);
	transition: filter 0.5s ease;
}
ul.social li:first-child a {
	margin-left: 0px;
}
ul.social li.facebook a {
	background-position: 0px 0px;
}
ul.social li.twitter a {
	background-position: -52px 0px;
}

ul.social li.instagram a {
	background-position: -107px 0px;
}

ul.social li:hover {
	filter: brightness(2);
}


#footer a.logo  {
	filter: brightness(1);
	transition: filter 0.5s ease;	
}
#footer a.logo:hover {
	filter: brightness(2);	
}


#footer ul.social {
	margin-top: 25px;
	margin-right: 195px;
}

#footer address {
	float: left;
	display: block;
	width: 175px;
	min-height: 77px;
	margin-right: 95px;
	font-style: normal;
	line-height: 18pt;
}

#footer .numbers {
	font-size: 8pt;
	line-height: 18pt;
}

#footer .numbers a, #footer address a {
	text-decoration: none;
	color: #878787;
	font-size: 11pt;
}

#footer .copyright {
	clear: both;
	font-size: 9pt;
	display: block;
	background-image: url(images/copyright-border.gif);
	background-repeat: repeat-x;
	margin-top: 20px;
	display: block;
	padding-top: 20px;
}

#footer #logos {
	background-image: url(images/footer-border.png);
	background-repeat: repeat-x;
	padding: 40px;
	padding-top: 20px;
	padding-left: 160px;
}

#footer #logos a {
	display: inline-block;
	
}
#footer #logos a img {
	opacity: 0.5;
	padding-left: 5px;
	padding-right: 5px;
	
	/* For Safari 3.1 to 6.0 */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: 0.5s;
}

#footer #logos a img:hover {
	opacity: 1;
}


/*
@media all and (max-width: 1200px) {

	body { 
		display: block;
		width: 100%;
	}
	
	#carousel {	
		background-position: bottom left;
		background-repeat: no-repeat;
	}

}
*/

#map_canvas {
	width:1199px; 
	height:526px;
}

.only {
	display: none;
}



.even .person {
	flex-direction: row-reverse;
}
.person {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4em;
	padding-bottom: 3em;
	border-bottom: solid 1px #ddd;
}
.person .copy {
	width: 30em;
}
.person .copy h2 {
	margin-bottom: 0.5em;
}
.person .copy p {
	margin-bottom: 1em;
}

.person > .image {
	width: 30em;
}
.person > .image img {
	width: 100%;
}

.hours.callout {
	border: solid 1px #b8b7b8;
	background-color: #eeedef;
	border-radius: 20px;
	padding: 40px;
	padding-top: 30px;
	font-size: 12pt;
	width: 25em;
}

.hours ul, #body div.inner_content .hours ul  {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#body div.inner_content .hours.callout ul.days {
	margin-left: 3px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.hours .days svg {
	margin-right: 10px;
	font-size: 1.2em;
}
.hours .days span.day {
	display: inline-block;
	width: 6em;
}

.hours .days .today {
	font-weight: 800;
}
.hours.callout .days .currently_open svg {
	color: #00b70d;
}

.hours.callout .days .closed svg {
	color: #e30000;
}

.hours .contact a, #body .hours .contact a {
	color: var(--primary_colour);
	display: flex;
	align-items: center;
	transition: color 0.5s ease;
}
#body .hours.callout a:hover {
	color: var(--secondary_colour);
	text-decoration: none;
}

.hours .contact svg {
	margin-right: 20px;
	font-size: 1.2em;
}

.hours .contact li.address {
	margin-bottom: 10px;
	margin-top: 10px;
}
.hours .contact li.address svg {
	align-self: flex-start;
	margin-top: 4px;
}

.hours hr {
	margin-bottom: 2em;
}

.hours .contact a span strong {
	display: block;
}

.page-padding {
	padding: 40px;
	padding-right: 60px;
}
.interior div#body {
	padding-top: 30px;
	margin-top: -200px;
	background: linear-gradient(0deg, rgba(255,255,255,0.8) 100%, rgba(255,255,255,1) 0%);
	background-color: #fff;
	background-size: auto 150px;
	border-top: solid 0px var(--primary_colour);
}

#body a.wp-block-file__button {
	color: #fff;
}

.interior #header {
	background-repeat: no-repeat;
	min-height: 351px;
	min-height: 725px;
	padding-bottom: 373px;
	background-position: top center;
	background-size: cover;
}



#header div.nav.sub   ul {
	background-image: none;
	background-color: rgba( 0, 164, 222, 0.69 );
	background-color: rgba(146, 208, 80, 0.69);
	background-color: rgba(0, 164, 222, 0.69);
	margin-bottom: 0px;
	z-index: 1;
}
#header .nav.sub  li {
	padding-bottom: 0px;
}
#header .nav.sub  ul li a:hover {
	background-color: rgba( 0, 164, 222, 0.0 );
	color: #fff;
}
#header .nav.sub  li.current, #header .nav.sub  li.current_page_item {
	background: none;
}
#header .nav.sub  li.current a, #header .nav.sub  li.current_page_item a {
	background-color: rgba( 0, 164, 222, 0.0 );
	color: #fff;
}
#header .nav li.current_page_item a, #header .nav  li.current-page-ancestor a{
		background-color: var(--secondary_colour);
		color: #fff;
}
#header .nav.sub  li a {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	color: #bbdce8;
	color: #dcffdc;
}


h1 {
	color: var(--primary_colour);
	font-size: 22pt;
	line-height: 29pt;
	margin-bottom: 1em;
}
h1 strong {
	color: var(--secondary_colour);
	display: block;
}
h1 strong::after {
	content: '–';
	color: var(--primary_colour);
}

#body .inner_content h2 {
	font-size: 18pt;
	line-height: 33pt;
	padding-top: 0px;
	font-weight: 700;

}

h2 strong {
	color: var(--secondary_colour);
	font-weight: 800;
}

.interior #body .inner_content h2 {
	margin-top: 20px;
}
#body .inner_content p img {
	float: left;
	padding: 10px;
	padding-right: 40px;
	margin-left: -50px;
}
.interior #body .inner_content p, .office-tour p {
	margin-bottom: 20px;
}

.inner_content p {
	margin-bottom: 20px;
}

.interior #body .inner_contnet {
	float: left;
}

.interior ul#secondary_nav {
	float: right;
	width: 180px;
	margin-right: 128px;
	margin-top: 80px;
	height: auto;
	border-left: solid 1px #d9d9d9;
	border-bottom: none;
}
.interior ul#secondary_nav ul li, .interior ul#secondary_nav ul li a {
	display: block;
	float: none;
}
.interior ul#secondary_nav.inner_content {
	margin-left: 0px;
}



.interior #body .inner {
}

.interior #secondary_nav li.first a {
	padding-left: 30px;
}

.interior #secondary_nav li a {
	border-bottom: solid 1px #d9d9d9;
	background-image: url(images/secondary-nav-background.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 200px;
}

.interior #secondary_nav li.last a {
	border-bottom: none;
	background: none;
	width: 200px;
}


.clr {
	display: block;
	float: none;
	clear: both;
	height: 0px;
	visibility: hidden;
}

#body a {
	color: var(--secondary_colour);
	text-decoration: none;
}
#body a:hover {
	text-decoration: underline;
}


.sidebar.col {
	float: left; 
	width: 160px;
	margin-left: -100px;
	margin-right: 60px;
	padding-top: 75px;
	
}

.sidebar.col p {
	font-size: 9pt;
	line-height: 15pt;
}


@keyframes shine {
	0%{background-position:3% 0%}
    100%{background-position:-19% 0%}
}
@keyframes shine-inner {
	0%{background-color: rgba(255,255,255,0)}
    100%{background-color: rgba(255,255,255,1)}
}

#header #nav {
	background: rgb(237,237,237);	
	background: linear-gradient(120deg, #efefef 9.5rem, rgba(255,255,255,1) 10rem, rgba(255,255,255,1) 14rem, #efefef 14.5rem);
	background-size: 600% 600%;
	background-position: 3% 0%;
	animation: shine 1s ease-out;
}
#header #nav > .inner {
	animation: shine-inner 1s ease;
	animation-delay: .6s;
	background-color: rgba(255,255,255,0);
	animation-fill-mode: forwards;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

#header #nav img.logo {
	margin-left: 20px;
	height: 80px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#header #nav ul li:hover ul.sub-menu {
	position: absolute;
	z-index: 5;
	display: block;
	top: 112px;
	left: 0px;
	background-color: #00a4de;
	background-color: var(--primary_colour);
	width: 100%;
}


.staff-container, .doctor-container {
	width: 336px;
	height: 336px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
	margin-top: 40px;
}

.staff-container img, .doctor-container img {
	width: 336px;
}
.staff-container:hover img, .doctor-container:hover img {
	margin-top: -100%;
}

#header #nav ul li:hover ul.sub-menu li a {
	font-style: normal;
	font-weight: 400;
	color: #fff;
	background-color: var(--secondary_colour-alpha0);
	transition: background 0.5s ease, colour 0.5s ease;
}
#header #nav ul li:hover ul.sub-menu li a:hover {
	background-color: #4d5253;
}

#scrollToTop {
	position: fixed;
	z-index: 99;
	right: 10px;
	bottom: 10px;
	font-size: 40pt;
	cursor: pointer;
}


.reviews {
	background-image: url(images/stars.gif);
	background-repeat: repeat;
	background-color: #dfdfdf;
	border-top: solid 1px #dcdcdc;
	padding: 40px;
	padding-top: 60px;
	padding-bottom: 70px;
}
.reviews > .inner {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 39em;
}

.office-tour {
	display: flex;
	background-color: var(--primary_colour);
	color: #e3e3e3;
}

.office-tour iframe {
	min-height: 500px;
}

.office-tour .copy {
	max-width: 20em;
	padding: 40px;
	box-sizing: content-box;
	padding-left: 60px;
}
.office-tour p {
	color: #d4d4d4;
}
#body .office-tour a {
	color: #d4d4d4;
	text-decoration: underline;
	transition: color 0.5s ease;
}
#body .office-tour a:hover {
	color: #fff;
}

.office-tour h2 {
	font-weight: 800;
	margin-bottom: 0.8em;
}

.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
    border-radius: 20px;
}
@media all and (min-width: 710px) {
	.doctor-container {
		margin-left: -130px;
	}
	.staff-card {
		min-height: 480px;
		border-bottom: solid 1px #ddd;
		padding-bottom: 20px;
		margin-bottom: 40px;
		
	}
	.staff-container {
		margin-bottom: 180px;
	}
	

	.big {
		display: inline;
	}
	.nav.sub.big {
		display: none;
	}
	
	#nav {
		width: 1199px;
	}
	
	.main.col {
		float: left;
		width: 497px;
	}
	

	
}
@media all and (max-width: 710px) {
	.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
		border-radius: 10px;
	}
	.page-padding {
		padding-right: 40px;
	}
	.person {
		display: block;
	}

	.person .copy {
		width: 100%;
	}

	.person > .image {
		width: 100%;
	}


	.office-tour {
		display: block;
	}
	
	.office-tour .copy {
		max-width: 100%;
		padding-left: 40px;
	}

	.hours.callout {
		display: none;
	}

	#header #nav > .inner {
		display: block;
		height: 115px;
	}

	#header .logo {
		position: absolute;
	}

	.staff-container, .doctor-container {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.staff-container img, .doctor-container img {
		width: 100%;
	}

	.interior #header {
		background-size: contain;
		background-position: 0px 115px;
		
	}
	
	.interior div#body {
		background-image: url(images/interior-page-bg-small.png);
		margin-top: -425px;
	}
	
	#body div.inner_content {
		margin-top: 40px;
	}


	#carousel {
		min-height: 400px;
		background-size: cover;
	}
	#nav {
		top: auto;
		position: relative;
	}
	.admin-bar #nav {
		top: auto;	
	}
	body {
		width: 100%;
		min-width: 300px;
		max-width: 640px;
		margin: 0px;
	}
	
	body,p {
		font-size: 16pt;
		line-height: 28pt;
	}

	h1 {
		font-size: 27pt;
		line-height: 40pt;
	}

	
	#carousel .meta {
		background-image: url(images/header-overlay.png);
		background-size: cover;
		background-position: center;
		height: 664px;
		width: 100%;
		background-color: rgba( 255, 255, 255, 0.6 );
	}

	#carousel {
		background-position: center;
	}

	#carousel  ol.controls {
		margin-left: 60px;
	}
	
	
	#carousel  ol.controls li a {
		padding-left: 31px;
		padding-top: 31px;
		overflow: hidden;
		background-image: url(images/carousel-buttons-mobile.png);
		background-repeat: no-repeat;
		background-position: 0px -65px;
		margin-left: 8px;
		margin-right: 8px;
	}

	#carousel  ol.controls li a:hover, #carousel  ol.controls li.current a {
		background-position: 0px 0px;
	}
	#carousel h3 {
		font-size: 24pt;
		text-align: center;
	}
	#carousel p {
		text-align: center;
		font-size: 16pt;
		line-height: 30pt;
	}
	
	#secondary_nav {
		display: none;
	}
	
	#header ul {
		padding-left: 0px;
	}
	.nav_control.small.only {
		display: inline-block;		
	}
	#header ul.nav {
		margin-top: -10px;
	}
	#header #nav ul li:hover ul.sub-menu  {
		display: none;
	}
	#header ul li  {
		width: 100%;		
		padding-bottom: 0px;
	}
	#header ul li a {
		background-color: var(--primary_colour);
		color: #fff;
		font-size: 20pt;
		padding: 0px;
		text-align: center;
		width: 100%;
		padding-top: 50px;
		padding-bottom: 40px;
		transition: background-color 0.5s ease, colour 0.5s ease;
	}
	#header ul li a:hover {
		background-color: var(--secondary_colour);
	}
	#header ul.nav_control li {
		width: 50%;
	}
	#header ul.nav_control li a {
		width: 100%;
	}
	#header ul.nav_control li.close a {
	}
	
	.inner_content {
		margin-left: 50px;
	}

	#map_canvas {
		width: 100%;
	}
	
	#footer .content {
		display: block;
	}
	
	#footer .hours {
		margin-bottom: 2em;
		padding-bottom: 2em;
		border-bottom: solid 1px #555;
	}


	.small {
		display: inline;
	}
	
	#body div.inner_content h3,  h2 { 
		font-size: 20pt;
	}
	#body div.inner_content h3 {
	}
	.nav_control.small {
		display: block;
	}

	#header ul.nav_control li {
		width: 115px;
		overflow: hidden;
		height: 115px;
	}
	#header ul.nav_control li a {
		text-align: left;
		padding-left: 115px;
		width: 100%;
		background-image: url(images/nav-icons.png);
		background-repeat: no-repeat;
	}
	
	.nav_control .close a {
		background-position:42px -280px;
	}
	
	.nav_control .menu a {
		background-position: 42px -113px;
	}
	.nav_control .contact a {
		background-position: 16% 52px;
		border-left: solid 1px #fff;
	}
	.nav.hidden {
		display: none;
	}
	
	#body .subnav {
		border-top: solid 6px var(--secondary_colour);
		padding-top: 40px;
		padding-left: 50px;
		padding-right: 50px;
		text-align: center;
		display: block;
	}
	
	#body .subnav p, #body .subnav li {
		/*font-family: 'Libre Baskerville', serif;*/
		font-style: italic;
		font-size: 20pt;
		line-height: 40pt;		
	}
	#body .subnav p {
			margin-bottom: 0px;
	}
	
	#body .subnav p a {
		font-size: 28pt;
	}
	
	
	#body .subnav ul {
		list-style-type: none;
	}
	#body .subnav li a {
		color: var(--primary_colour);;
	}
	#body .subnav li  {
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: solid 1px #dcdcdc;
	}
	#body .subnav li.last {
		border: none;
	}
	img {
		max-width: auto !important;
	}
	#body .inner_content p img {
		width: calc( 100% + 110px);
		padding-left: 0px;
		padding-right: 0px;
		margin-left: -50px;
	}
	
		
	#header #nav .nav ul li:hover ul.sub-menu {
		display: none;
	}
	#header #nav .nav ul li.open ul.sub-menu {
		display: block;
		clear: both;
		position: relative;
		z-index: 5;
		top: 0px;
		left: 0px;
		background-color: #92d050;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	
	#header #nav .nav ul li.open ul.sub-menu a {
		background-color: #92d050;
		font-size: 18pt;
	}
	
	#header #nav .nav ul li.open ul.sub-manu a:hover {
		color: #708b54;
	}
	
}
@media all and (max-width: 380px) {

	.interior #header {
		background-position: 0px 115px;
		min-height: 650px;
	}

h2.clickable {
	margin-left: -10px;
	text-indent: -15px;
}
	body, p {
		font-size: 12pt;
		line-height: 20pt;
	}
	#header ul li a {
		font-size: 18pt;
	}
	#carousel ol.controls li  {
		margin-right: 4px;
	}
	#carousel ol.controls li  a{
		margin-right: 4px;
		argin-left: 4px;
	}
	
	#carousel h3 {
		font-size: 20pt;
	}
	#carousel p {
		font-size: 14pt;
	}
	
	#body div.inner_content h3, #body div.inner_content h2 {
		font-size: 16pt;
		line-height: 20pt; 
	}
	
	#footer .numbers {
		font-size: 9pt;
	}
	#footer .copyright  {
		font-size: 9pt;
	}
	#footer .numbers a {
		font-size: 12pt;
	}
	
	#carousel .meta {
		background-position: -130px top;
	}
	
	#carousel .inner_content {
		margin-left: 10px;
	}
	
	#footer ul.social {
		margin-right: 25px;
	}
	
	#body .subnav p a {
		font-size: 20pt;
	}
	#body .subnav p, #body .subnav li {
		font-size: 16pt;
		line-height: 23pt;
	}
	

}

@media all and (max-width: 476px) {
	#footer {
		font-size: 3.7vw;
		line-height: 1.9em;
	}
	
	#footer .logo img {
		max-width: 100% !important;
	}
	
	#body h1 {
		font-size: 8vw;
		line-height: 1.4em;
	}
	
	#header ul.nav_control li {
		width: 85px;
		height: 85px;
	}
	#header ul.nav_control li a {
		padding: 0;
		padding-left: 85px;
		height: 85px;
	}
	#header ul.nav_control li a {
		height: 85px;
	}
	#header #nav > .inner {
		height: 85px;
	}
	.nav_control .menu a {
		background-position: 27px -125px;
	}
	#header #nav img.logo {
		height: auto;
		width: calc(100vw - 115px - 2em);

	}
	#header .inner > div > ul > li:last-child a {
		padding-right: 0;
	}
	.nav_control .close a {
		background-position: 27px -290px;
	}

}


#nav .nav ul.sub-menu {
	display: none;
}

.inner_content .slide {
	display: none;
}





/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/

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

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
} */



.field-wrap.label-left, .field-wrap.text-wrap.label-inside{
height: 50px;
}
.field-wrap.label-above  {
	height: 80px;
}
.field-wrap.textarea-wrap.label-inside {
height: 150px;
}
#ninja_forms_field_24 {
	height: 129px;
}
.ninja-forms-field-error p, .ninja-forms-field-error  {
	font-style: italic;
	color: #990000;
}

.ninja-forms-response-msg.ninja-forms-success-msg p{
	font-style: italic;
	color: #92d050;
}

body.page-id-19 .field-wrap.label-left label  {
	display: inline-block;
	min-width: 200px;
}
.ninja-forms-required-items {
	font-style: italic;
}
#ninja_forms_field_8_counter {
	display: none;
}
#ninja_forms_field_20_div_wrap {
	display: block;
}
.field-wrap.list-radio-wrap.label-left {
	height: 100px;
}
.field-wrap.textarea-wrap.label-above {
height: 150px;
}

#ninja_forms_field_27_div_wrap {
	height: 150px;
}






.breadcrumbs {
	font-size: 9pt;
	margin-left: 50px;
}

#ninja_forms_form_4_cont .ninja-forms-mp-breadcrumbs {
	height: 40px;	
}

#ninja_forms_form_4_cont .ninja-forms-required-items, #ninja_forms_form_4_cont .input-counter {
	text-align: right;
	font-size: 8pt;
}

#ninja_forms_form_4_cont .field-wrap.label-left > label{
	display: inline-block;
	width: 170px;
	
}

#body div.inner_content #ninja_forms_form_4_cont ul {
	margin: 0px;
	
}

#ninja_forms_form_4_cont .field-wrap.list-radio-wrap.label-left,
#ninja_forms_form_4_cont .field-wrap.label-left {
	height: 20px;
}
#ninja_forms_form_4_cont .progressbar {
	margin-bottom: 10px;
}

#ninja_forms_form_4_cont .textarea-wrap textarea {
	height: 100px;
	
}

#ninja_forms_form_4_cont .indent-wrap {
	margin-left: 30px;
}
#ninja_forms_form_4_cont .field-wrap.indent-wrap > label{
	width: auto;
	font-weight: normal;
}

#ninja_forms_form_4_cont input[type=text], #ninja_forms_form_4_cont textarea, #ninja_forms_form_4_cont select, #ninja_forms_form_4_cont option {
	padding: 5px;
}

#ninja_forms_form_4_cont hr { margin-top: 40px; margin-bottom: 40px;}

#ninja_forms_form_4_cont input[type=submit] {
	background-color: #92d050;
	border: none;
	border-radius: 4px;
	padding: 10px;
	color: #fff;
}
#ninja_forms_form_4_cont input[type=submit]:hover {
	background-color: #00a4de;
}
#ninja_forms_form_4_cont h4 {
	margin-bottom: 10px;
	color: #00a4de;
	font-family: arial, sans-serif;
}

#ninja_forms_form_4_cont label#ninja_forms_field_79_label,
#ninja_forms_form_4_cont #ninja_forms_field_79_div_wrap,
#ninja_forms_form_4_cont #ninja_forms_field_80_div_wrap {
	display: inline;
	width: auto;
}
#ninja_forms_form_4_cont #ninja_forms_field_79_div_wrap:after,
#ninja_forms_form_4_cont #ninja_forms_field_81_div_wrap:after,
#ninja_forms_form_4_cont #ninja_forms_field_80_div_wrap:after  {
	clear: none;
	display: inline;
}



#ninja_forms_field_81_div_wrap {
	margin-top: 10px;
}

@media all and (max-width: 380px) {
	.ninja-forms-form .ninja-forms-mp-breadcrumbs li {
		display: block;
		clear: both;
		float: none !important;
		margin-bottom: 2px !important;
		width: 100%;
	}
	.ninja-forms-mp-breadcrumbs {
		height: auto !important;
	}
	.ninja-forms-form-wrap input[type=text], .ninja-forms-form-wrap input[type=submit], .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {
		width: 100% !important;
		display: block !important;
	}
	#ninja_forms_form_4_cont .field-wrap.list-radio-wrap.label-left, #ninja_forms_form_4_cont .field-wrap.label-left {
		height: auto;
	}
	.field-wrap.label-left label,
	.field-wrap.label-right label {
		display: block;
	}
	.ninja-forms-form-wrap input[type=submit] {
		margin-bottom: 2px;
	}

	.field-wrap.label-above {
		height: auto;
	}
	.field-wrap.textarea-wrap.label-above {
		height: auto;
	}
}