/* Wanvaree visual styles. Original Time theme CSS: Site5, GPL.
   Original Wanvaree child styling retained. No legacy theme/plugin runtime required. */
@font-face {
  font-family: 'Lora Local';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/lora-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Lora Local';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/lora-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(fonts/open-sans-300.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(fonts/open-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(fonts/open-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(fonts/open-sans-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(fonts/open-sans-800.ttf) format('truetype');
}

/************************ Reset CSS ************************/

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  	margin-right: 1.5em;
  	padding: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  	margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
}
.wp-smiley {
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}
blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/************************ Resets ************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}



/************************	Typography presets ************************/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge, h1 {
	font-size: 68px;
	line-height: 48px;
	letter-spacing: -1px;
}

.large, h2 {
	font-size: 42px;
	line-height: 48px;
}

.bigger, h3 {
	font-size: 26px;
	line-height: 36px;
}

.big, h4 {
	font-size: 22px;
	line-height: 30px;
}

body {
	font: 16px/24px Georgia, serif;
}

.small, small {
	font-size: 13px;
	line-height: 18px;
}
.clear {
	clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix {
}

/************************ Selection colours (easy to forget) ************************/

::selection 	 	{ background: rgb(255,255,158);}
::-moz-selection 	{ background: rgb(255,255,158);}
img::selection 		{ background: transparent;}
img::-moz-selection	{ background: transparent;}
body 				{-webkit-tap-highlight-color: rgb(255,255,158);}



/*		Default Layout: 992px.
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */


/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


body {
	background: rgb(255,255,255,0);
	color: rgb(60,60,60);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	margin: 0 auto;
	color: #666666;
    font-family: 'Open Sans',Sans-Serif;
    font-size: 14px;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #FF4D4D;
}
.container {
	margin: 0 auto;
}

/************************ Header ************************/
header {
	margin: 0 auto;
	padding:30px 0 0;
	min-height: 72px;
	background: #fff;
}
header h1.title {
	font-size: 30px;
	font-weight: 800;
	text-align:center;
}
header .description {
	font-size:16px;
	font-style:italic;
	color:#858585;
	display:block;
	text-align:center;
}
header h1.title span {
	color: #005f6b;
}


#slider_container .flexslider .slides img {
    width: 100%;
}

/************************ Footer ************************/
footer {
	clear: both;
	padding: 20px 0;
	text-align: center;
	border-top: 5px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	font-size: 12px;
	overflow:hidden;
	margin: 0 auto;
}

footer #menu-main-menu li {
	display: inline;
	padding: 0 10px;
}

.footer_widget ul li, {
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-serif;
	color: #747272;
	padding: 3px 0 3px;
}
.footer_widgets{
	width: 960px;
	padding: 0 20px;
	margin:0 auto;
	text-align:left;
}
.footer_widgets h2{
	font-size:14px;
	color:#878787;
	text-transform:uppercase;
	letter-spacing:2px;
}
.footer_widget {
    float: left;
    margin-right: 30px;
    padding-bottom: 30px;
    width: 45%;
}
.footer_widget ul li {
	margin-bottom: 10px;
}
.footer_widget ul li, .footer_widget ul li a {
	list-tyle:none;
	font-size:14px;
	font-weight:600;
	color:#666666;
}

.copyright {
	clear: both;
	padding: 20px 0;
	text-align: center;
	border-top: 5px solid ##D7D7D7;
	font-size: 12px;
	margin: 0 auto;
}

/************************ Navigation ************************/
.navigation {
	font-size: 12px;
	padding-top: 30px;
}
.my_works .navigation {
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:55px;
}
nav {
	border-top: 1px solid #DFDFD0;
	border-bottom: 1px solid #DFDFD0;
	margin: 30px 0 auto;
	padding:20px 0;
	line-height: 36px;
	text-align: center;
}
nav ul li {
	display: inline-block;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 700;
    text-transform: uppercase;
}
nav ul li a {
	padding: 21px 5px;
	color: #888888;
	text-decoration: none;
    text-shadow: 1px 1px #FFFFFF;
}
nav ul li a span {
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: normal;
}
nav ul li a:hover, nav ul li.current-menu-item a, nav ul li.current_page_item a {
	color: #FF4D4D;
}
nav ul li.active a {
	border-bottom: 5px solid #005F6B;
}

/************************ Nav Submenu ************************/
ul.sub-menu {
	position: absolute;
	background: #FF4D4D url(img/parent/sub-nav-bg.png) no-repeat 20px top;
	margin-top: 20px;
	margin-left: -15px;
	width: 250px;
	text-align: left;
    z-index:999;
    padding:10px 0 10px;
}
ul.sub-menu li {
	line-height: 26px;
	display: block;
	padding: 0px;
    font-weight: 400;
    padding-left:10px;
    text-transform: upppercase;
}
ul.sub-menu li a {
	color: #ffffff !important;
	font-size: 14px;
	font-weight:600;
	padding: 10px 10px;
	display: block;
    text-shadow: none;
}
ul.sub-menu li a:hover {
	background: #FF4D4D;
	color: #ffffff;
}

ul.sub-menu li ul {
	position: absolute;
	background: #FF4D4D !important;
	margin-left: 230px;
	margin-top: -50px;
	width: 250px;
	text-align: left;
    z-index:999;
    padding:10px 0 10px;
}

ul.subnav {
	font-weight: bold;
	font-family: "Helvetica", Arial, Sans-Serif;
	padding-top: 20px;
	margin-bottom: 20px;
}
ul.subnav li {
	padding: 8px 0;
	border-bottom: 1px solid #e3e3e3;
    color: #ffffff;
}
#submenu li.current_page_item a {
	color: #000;
}

/************************ Main Section ************************/
section.main {
	width: 960px;
	margin: 0 auto;
	padding-right: 10px;
}

section.main h1 {
    font-size: 20px;
	text-transform: upppercase;
	font-weight:700;
	color:#878787;
	letter-spacing:2px;
	text-align:center;
	margin:20px 0;
}

section.main .post h2, section.main .my_works h2 {
	line-height: 30px !important;
    font-size: 20px;
	text-transform: upppercase;
	font-weight:700;
	letter-spacing:2px;
	padding:70px 0 30px;
	text-align:center;
}
body.error404 section.main .post h2 {
	line-height: 60px !important;
    font-size: 60px;
}

.main-single p {
	font-size: 12px;
    margin-bottom: 15px;
}
section.main blockquote {
	padding: 0px 20px;
	font-family: Georgia, Serif;
	font-size: 14px;
	font-style: italic;
	border-left: 4px solid #005F6B;
}
section.full-width {
	width: 896px;
	padding: 20px 0px;
}

.post_read_more,
.more-link {
	text-align: center;
	display: block;
	font-weight: bold;
	color: #000;
}
.post_read_more:before,
.more-link:before {
	content: "";
	display: block;
	width:40px;
	margin:30px auto;
	border-bottom: 1px solid #000;
}

body.home section.main,
body.page section.main,
body.single-post section.main,
body.error404 section.main,
body.archive section.main,
body.search section.main {
	font-size: 14px;
}


/************************ Sidebar & Widgets ************************/
section.sidebar {
	width: 230px;
	float: left;
	padding-top: 20px;
    font-size: 12px;
    font-family: Helvetica, Arial, Sans-serif;
}
section.sidebar h2, section.main h2 {
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
    text-shadow: 1px 1px 1px #FFFFFF;
}
section.sidebar p{
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-serif;
	color: #747272;
	padding: 3px 0 3px;
}
section.sidebar .box {
	padding-bottom: 40px;
}
section.sidebar .blog p time {
	display: block;
	font-style: italic;
}
a.gbutton, .reply a, .submitbutton, .comment-reply-link {
    background: none repeat scroll 0 0 #FF4D4D;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica",Arial,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
}
a.gbutton:hover, .reply a:hover {
	background: #008c9e;
}


.my_works_filter {	
	list-style: none;
	margin: 0 0 5% auto;
	clear:both;
    text-transform: uppercase;
    text-align: center;
}

.my_works_filter li {
    float: none;
    margin: 0 20px 0 0;
    display: inline-block;
}
.my_works_filter li a {
    float: left;
    color: #FF4D4D;
    padding: 5px 10px;
    text-decoration: none;
    border-radius:5px;
    font-weight:600;
    font-size:12px;
}
.my_works_filter li a:hover, .my_works_filter li.active {
    background: #FF4D4D;
    color: #FFFFFF;
     border-radius:5px;
}

.my_works_filter li.active a {	background: #FF4D4D;
    color: #FFFFFF;
}

.main .my_works {
    clear: both;
    margin: 0 auto;
    padding-bottom: 30px;
    /*width: 75%;*/
}

.work_item {
	width: 45%;
	float: left;
	margin-top: 10px;
	font-size: 12px;
	font-family: "Helvetica", Arial, Sans-Serif;
	padding-bottom: 20px;
}
.work_item_image{	margin-bottom:20px;}
.work_item_image img{
	width:100%
}
.work_details{	text-align:center;}
.work_details h3{
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:14px;
}
.work_item img {
	width: 100%;
	padding: 4px;
	background: url(img/parent/pattern.png);
}
.work_item a h3 {
	font-size: 30px !important;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.work_item a:hover h3 {
	color: #fff;
}
.work_item p.more, body.page section.main p.more {
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
.work_item p.more {
	background: url(img/parent/arrow.png) no-repeat right center;
	display: inline-block;
	padding-right: 10px;
}
.work_item p {
	color: #747272;
	text-align:center;
}
.work_item:nth-child(2n+1) {
	margin-right: 50px;
}

div.work_item-image img {
	width: 620px;
	height: auto;
	background: url("img/parent/pattern.png");
	padding: 4px;
}

section.full-width .work_item:nth-child(3n+1)  {
	margin-left: 20px;
}
section.full-width .work_item:nth-child(3n+1)  {
	margin-right: 0px;
}
section.full-width .work_item:nth-child(4n+1) {
	margin-left: 0px;
    margin-right: 30px;

}
body.page-template-page-temp-portfolio-fullwidth-php .work_item {
	margin-right: 10px;
}
body.page-template-page-temp-portfolio-php .work_item {
    /*margin-right: 20px;*/
}
body.single-portfolio .main-single h1 {
	line-height: 65px !important;
}

/************************ Image Styles ************************/
img.alignleft, img.alignright, img.aligncenter {

}
img.blog-thumb {
  	padding: 0;
  	margin:  0;
    /*max-width:720px;*/
    height:auto;
    width: 100%;
}

/************************ Post Style ************************/
section.main .post {
	clear: both;
	padding: 20px;
	border-bottom: 1px solid #efefef;
	/*width:90%;*/
	margin:0 auto;
}
section.main p {	color:#666666;	font-size:14px;
	padding-bottom: 20px;
}
section.main .post p em {
	font-size:16px;
	font-family: 'Georgia', Sans-Serif;
}
section.main .post:last-child {
	border-bottom: none;
}
.post-thumb {
    padding:0;
    margin:0;
    position: relative;
    min-height: 100px;
}
div.meta {
    color:#fff;
    font-size:16px;
    width:120px;
    height:120px;
    background:#FF4D4D;
    text-align:center;
    font-weight: 200;
    position:absolute;
    margin:0 auto;
    bottom:-44px;
    left: 50%;
    margin-left: -60px;
    -moz-border-radius: 60px;
	border-radius: 60px;
}
div.meta .post-date {
    padding-top:20px;
    display:block;
}
div.meta .post-comments a {
    color:#fff;
    display:block;
    font-weight: 700;
}
div.meta .post-comments em {
    font-family: 'Georgia', Sans-Serif;
    font-tyle: italic;
    font-size:12px;
}
.post-author {
    display: inline-block;
    position: absolute;
    bottom: -20px;
    font-weight: 700;
    text-transform:uppercase;
}
.post-author em {
    font-family: 'Georgia', Sans-Serif;
    font-tyle: italic;
    font-weight: 400;
    text-transform:lowercase;
}



/************************ Contact Form ************************/
#contactForm {
	display:block;
    padding-top: 30px;
}

#contactForm label {
	display: block;
	font-weight: normal;
	padding: 5px 0px;
}
#contactForm input,
#contactForm textarea {
	background:#fff;
	border: 1px solid #fff;
	box-shadow: 1px 1px 0px #CCCCCC inset;
	margin-bottom: 10px;
	padding: 7px 10px;
}
#contactForm textarea {
	font-size:13px;
	width: 95%;
}
#contactForm input {
	width: 95%;
}
.thanks {
	background: #F2F3F6;
	background: none 0 26px no-repeat;
	padding: 25px 15px 15px 25px;
	display: none;
}

#contactForm .error, .error {
    background: none no-repeat scroll 5px 50% #FEF4F1;
    border: 1px solid #F5F5F5;
    border-radius:5px;
    color: #000000;
    display: none;
    margin-bottom: 5px;
    padding: 7px 20px 7px 30px;
    width: 90%;
}

.error {
	display:none;
}

#contact-map{
	background: #fff;
	padding-bottom:30px;
	border:1px solid #ddd;
	padding:10px;
}
#contact-map iframe{
border:none;
}

/************************ Tweet List ************************/
.tweet_list li {
    background: transparent;
    border-bottom: 1px dotted #efefef !important;
    color: #666666 !important;
    font-size: 14px !important;
    margin: 5px 0;
    padding-bottom: 10px !important;
    padding-left: 0 !important;
}

.tweet_list span {
    padding-left:0px;
}

.tweet_list a {
    color:#FF4C4C !important;
}

.tweet_list li img {
    background: none repeat scroll 0 0 #F8F7F1;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 3px 2px #DDDDDD;
    float: left;
    margin: 0 10px 10px 0;
    padding: 2px;
}
.followTwitter {
    font-family: Georgia,"Times New Roman",Times,serif !important;
    font-size: 12px !important;
    font-style: italic;
    font-weight:bold;
}

/************************ Paginate ************************/
.emm-paginate {
    display: block;
    font-size: 14px !important;
    font-weight: bold;
    margin:3% auto;
    padding: 10px 0;
    width: 75%;
    text-align: center;
}
.emm-paginate a, .emm-paginate span {
    margin-left:10px;
}

.emm-page {
    background:#FFB5B5;
    color:#ffffff;
    border-radius: 50% 50% 50% 50%;
    display: inline-table;
    height: 30px;
    min-height: 30px;
    width: 30px;
    line-height: 30px;
    margin-left: 5px;
}
.emm-current {
    background:#FF4D4D;
    color:#ffffff;
}

/************************ Comments ************************/
#comments {
    border-bottom: 2px solid #DDDDDD;
    display: block;
    float: left;
    margin-top: 30px;
    padding-bottom: 10px;
    width: 90%;
}
.comment-author {	background:none;}
#comments h3, #comment-form-title h3 {
    font-size: 16px;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing:2px;
}
ol.commentlist { margin-top: 10px; margin-bottom:20px; }
.commentlist ol li {border-bottom:1px solid #ddd;}
.commentlist li { position: relative; clear: both; list-style-type: none; padding: 11px 10px;border-bottom:1px solid #ddd;}
.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 17px; }
.commentlist li.depth-1 { margin-top: 1px; }
.commentlist li:not(.depth-1) { margin-right: -10px; }
.commentlist li:last-child {}
.commentlist header {min-height: 30px; border:none;}
nav#comment-nav {line-height: 12px;}

.commentlist .vcard {margin-left: 40px; }
.commentlist .vcard cite.fn { font-weight: 700; font-style: normal;}
.commentlist .vcard time {font-size: 11px;  float: none; background:none;width: auto;margin-top: auto; text-shadow:1px 1px #fff;text-transform:uppercase}
.commentlist .vcard time a { color: #999; text-decoration: none; }
.commentlist .vcard time a:hover { text-decoration: underline; }

.commentlist .vcard img.avatar { position: absolute; left: 0; padding: 0px; border: 0px solid #cecece; background: #fff; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; }
.commentlist li .comment_content { margin-left: 40px; }
.commentlist li .comment_content p { margin: 15px 0; }
.commentlist li ul:not(#comment-form-elements) { margin: 0 0 0 40px; }
.commentlist li ul.children li { border:none;border-top:1px solid #ddd;padding-bottom:4px;}
.commentlist .comment-reply-link {margin-left:40px;text-decoration: none; color: #F60B51; font-size: 11px; text-transform:uppercase; padding: 4px 8px;}
.commentlist a.comment-reply-link:hover { opacity: 1; }
.commentscount { background:none 0 2px no-repeat; padding-left:28px; height:30px; display:inline-block; }
#cancel-comment-reply-link { text-transform:uppercase; font-size: 11px; color:#ff4d4d;}



/************************ Respond Form ************************/
#respond {margin:40px 0 0 0;}
.respond-form form[method=post] {margin:30px 0; }
.respond-form ol li form#commentform[method=post] li { margin-bottom:0}
.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 20px; padding: 0}
.respond-form form[method=post] li label, .respond-form form[method=post] li small {cursor:pointer; text-transform:uppercase; width:130px; display:block;}
.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { outline:none;}
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { width:95%; height:30px; border: none; padding: 1px 6px; line-height: 24px; }
#allowed_tags { margin: 24px 10px 11px 0; }

.respond-form textarea, .respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { font-family: sans; background:#fff; border-radius: 3px; border: 1px solid #fff; box-shadow: 1px 1px 0px #DDDDDD inset;}
.respond-form textarea { resize: none; width: 500px; padding: 10px 5px; line-height: 24px;  height:190px; }
.respond-form input:invalid, .respond-form textarea:invalid { outline: none;}

.nocomments { margin: 0 20px 17px; }
.commentbutton {background:none 0 0px no-repeat; width:162px; height:34px; text-indent:-9999px; border:none; margin-left:135px;}

/************************ Dropcaps ************************/
.dropcapsimple, .dropcapsquare, .dropcapfancy {
	float:left;
	overflow:hidden; 
	text-align:center;
}

.dropcapsimple {
	font-size:34px;
	height:34px;
	line-height:38px;
	width:30px;
	text-align:left;
}

.dropcapsquare {
	font-size:28px;
	height:38px;
	line-height:38px;
	width:38px;
	margin-right:7px;
	color:#fefefe;
	background:#111;
	text-shadow:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.dropcapfancy {
	font-size:26px;
	height:40px;
	line-height:40px;
	width:40px;
	margin-right:7px;
	color:#fefefe;
	text-shadow:none;
	background:url(img/parent/bk_dropcap3.png) 0 0 no-repeat !important;
}

/************************ Responsive Navigation ************************/
nav select {
      display: none;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

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

	body {
		/*width: 710px;
		padding: 0px 28px 60px;*/
	}
	nav {
		width: 100%;
		text-align: center;
	}
	section.main {
		width: 100%;
		float: right;
		padding-top: 20px;
	}
	section.main .post {
		width: 100%;
	}
	section.main .post h2 {
		width: 100%;
		font-size: 16px;
	}
	#respond #commentform p label {
		clear: both;
		display: block;
		padding-left: 0;
		font-size: 11px;
		font-style: italic;
	}
	#respond #commentform #comment {
		width: 95%;
	}
	body.page section.main img,
	body.blog section.main img,
	body.archive section.main img  {
		max-width: 100%;
		width: 100%;
		height: auto !important;
	}
}


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

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

	body {
	/*	width: 250px;
		padding:0px 34px 60px;*/
	}
	.footer_widget {
	    float: none;
	    margin-right: 0px;
	    width: 100%;
	}
	.footer_widgets {
	    width: 100%;
	}
    img.blog-thumb {
		float:none;
	}
    nav ul {
    	display: none;
    }
    nav select {
	    display: inline-block;
	    width: 100%;
	    border: 1px solid #ccc;
	    color: #666; padding:5px;
	    font-family: 'Cabin Condensed', Arial, sans-serif;
	    font-size: 12px;
    }
	section.sidebar {
		width: 252px;
	}
	section.main {
		width: 100%;
		padding-top: 0px;
	}
	section.main .post {		width: 100%;	}
	section.main .post h2 {
		width: 100%;
		font-size: 16px;
	}
	div.meta {
	    bottom: -20px;
	    font-size: 12px;
	    font-weight: 200;
	    height: 100px;
	    width: 100px;
	}
	div.meta .post-date {
	    padding-top: 12px;
	}
	.post-author {
	    font-size: 11px;
	    display: block;
	    text-align: center;
	    position: relative;
	    top:50px;
	}
	.post-thumb {
	    /*max-height: 180px;*/
	}
	img.blog-thumb {
	    float: none;
	    width:100%;
	}
	#respond {
	    margin: 0px;
	    padding-top:40px;
	}
	.commentlist li ul {
	    margin: 0px;
	}
	#respond #commentform p label {
		clear: both;
		display: block;
		padding-left: 0;
		font-size: 11px;
		font-style: italic;
	}
	#respond #commentform #comment {
		width: 95%;
	}
	body.page section.main img,
	body.blog section.main img,
	body.archive section.main img  {
		max-width: 100%;
		height: auto !important;
	}
    section #contact-map  {
    	width: 95%;
	}
    section #contactForm input, section #contactForm textarea {
    	width: 95%;
	}

	.work_item {
		float:none;
		width: 100%;

	}

	.work_item:nth-child(2n+1) {
	    margin-right: 0px;
	}

	.main .my_works{
	    width: 100%;
	}
	.my_works_filter{
	    width: 100%;
	    margin:0 0 20px auto;
	}

	footer {
		padding:20px;
	}
	
	nav  {
		padding: 20px;
	}

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		/*width: 420px;
		padding: 5px 22px 48px;*/
	}
    nav ul     {
    	display: none;
    }
    nav select {
	    display: inline-block;
	    width: 100%;
		border: 1px solid #ccc;
		color: #666; padding:5px;
	    font-family: 'Cabin Condensed', Arial, sans-serif;
	    font-size: 12px;
    }
    .footer_widget {
	    float: none;
	    margin-right: 0px;
	    width: 100%;
	}
	section.sidebar {
		width: 100%;
	}
	section.main {
        width: 100%;
        float: none;
        padding-top: 0px;
	}
	section.main .post {
		width: 100%;
	}
	section.main .post h2 {
		width: 100%;
		font-size: 16px;
	}
	div.meta {
	    bottom: -20px;
	    font-size: 12px;
	    font-weight: 200;
	    height: 100px;
	    width: 100px;
	}
	div.meta .post-date {
	    padding-top: 12px;
	}
	.post-author {
	    font-size: 11px;
	    display: block;
	    text-align: center;
	    position: relative;
	    top:50px;
	}
	.post-thumb {
	    /*max-height: 260px;*/
	}
	img.blog-thumb {
	    float: none;
	    width:100%;
	}
	#respond #commentform p label {
		display: inline;
		padding-left: 20px;
	}
	#respond #commentform #comment {
		width: 95%;
	}
    body.page section.main img,
	body.blog section.main img,
	body.archive section.main img  {
		max-width: 100%;
		height: auto !important;
	}
    section #contact-map  {
    	width: 95%;
	}
	.my_works_filter{
	    /*width: 80%;*/
	    margin:0 0 20px auto;
	}
	footer {
		padding:20px;
	}
}

/*	Retina media query.
	Overrides styles for devices with a
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {

	body {

	}

}
/* Wanvaree child appearance */
*::-moz-selection {
    background: #F9F9ED;
    color: #666666;

}

body, p {
    color: #242424;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #4c7339;
}
.container {
    background: #f3e9df;
}
.home .main h2 {
    display: none;
}
header h1.title img {
    width: 80%;
    height: 80%;
    max-width: 259px;
    max-height: 25px;
}
nav {
    border-bottom: 15px solid #fff;
    background: #f3e9df;
    border-top: none;
}
.home nav {
    border: 0;
}
nav ul li a {
    font-family: "Lora", serif;
    font-weight: normal;
    text-transform: none;
    font-size: 16px;
    color: #242424;
}
nav ul li a:hover, nav ul li.current-menu-item a, nav ul li.current_page_item a {
    color: #5d7f4e;
}
header .contact {
    width: 80%;
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
}
header .contact .tel {
    width: 80%;
    height: 40px;
    color: #fff;
    font-size: 18px;
    display: block;
    border-radius: 5px;
    padding-top: 8px;
    background: url("img/tel.png") #5d7f4e;
    background-size: auto 65%;
    background-position: 10%;
    background-repeat: no-repeat;
    margin: 20px auto;
    padding-left: 15px;
}
header .contact .tel:hover {
    background: url("img/tel.png") #668657;
    background-size: auto 65%;
    background-position: 10%;
    background-repeat: no-repeat;
}
.home .openingtimes {
    width: 280px;
    display: block;
    border-radius: 5px;
    padding-top: 15px;
    background: #5d7f4e;
    margin: 20px auto;
    padding-left: 15px;
}
.home .openingtimes p {
    color: #fff;
    font-size: 18px;
}
.home .flex-direction-nav {
    display: none;
}
.slides .flex-caption {
    bottom: 70px;
    border: 5px solid #fff;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.302);
}
.slides .flex-caption h3 {
    font-style: normal;
    font-size: 28px;
    font-weight: 300;
    margin: 50px;
    text-transform: uppercase;
}
.flex-control-paging li a {
    border-radius: 0 !important;
    box-shadow: none !important;
}
.teamslider .vc_left {
    display: block !important;
}
.teamslider {
    max-width: 600px;
    margin: 0 auto;
}
.teamslider img {
    border-radius: 50%;
    height: auto;
    margin: 0 auto 0 10%;
    width: 80%;
    max-width: 250px;
    border: 5px solid #fff;
}
.teamslider .icon-prev, .teamslider .icon-next {
    display: none !important;
}
.teamslider .vc_left {
    background: url("img/left.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.teamslider .vc_right {
    background: url("img/right.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.startteasertext {
    max-width: 500px;
    margin: 0 auto;
}
.startteasertext p {
    line-height: 28px;
}
.startteasertext h3 {
    font-size: 32px !important;
    font-family: "Lora", serif;
    font-weight: normal;
    line-height: 48px;
}
.page h4 {
    display: table-cell;
    font-weight: normal!important;
    font-family: "Lora", serif;
    font-size: 32px !important;
    line-height: 42px !important;
    text-align: center !important;
    white-space: normal !important;
}
section.main .post h2, section.main .my_works h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 30px !important;
    padding: 30px 0 10px;
    text-align: center;
}
footer {
    margin-top: 150px;
    background: url("img/bg-footer.jpg") #ddd0c2;
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}
footer, .copyright {
    border-bottom: 0 none;
    border-top: 0 none;
}
.copyright {
    background: none repeat scroll 0 0 #ddd0c2;
}
footer .maps {
    border-radius: 100%;
    height: auto;
    position: relative;
    width: 70%;
    z-index: 2;
    border: 5px solid #fff;
    max-width: 250px;
}
footer address {
    background: none repeat scroll 0 0 #668657;
    border-radius: 100%;
    color: #fff;
    font-family: "Lora", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 200px;
    margin-left: -50px;
    margin-top: -150px;
    position: absolute;
    text-align: center;
    width: 200px;
}
footer address span {
    display: block;
    padding: 30px 30px 0;
}
footer address span.sbhf {
    background: url("img/bg-trainstation.png") no-repeat scroll 0 0 / auto 100% rgba(0, 0, 0, 0);
    display: block;
    height: 32px;
    left: 2px;
    padding: 4px 0 0;
    position: absolute;
    top: 110px;
    width: 217px;
}
footer .openmaps {
    background: none repeat scroll 0 0 #668657;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-family: "Lora", serif;
    font-size: 18px;
    height: 100px;
    margin-left: 140px;
    margin-top: -80px;
    padding-top: 30px;
    position: relative;
    text-align: center;
    width: 100px;
    z-index: 3;
}
footer .openmaps:hover {
    background: #739862;
}
footer .menu {
    margin-top: 20px;
}
footer .copy {
    float: right;
    margin-right: 40px;
    margin-bottom: 40px;
    color: #604017;
}
footer a {
    color: #604017;
}
.footer_widget ul li, .footer_widget ul li a {
    color: #604017;
    font-size: 14px;
    font-weight: 300;
    font-family: "Lora", serif;
}
.footer_widget ul li a:hover {
    text-decoration: underline;
}
.footer_widgets {
    max-width: 700px;
}


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

footer {
    margin-top: 0;
}
footer address {
 
    margin-left: 0;
    margin-top: 0;
    position: relative;


}


.teamslider .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
    width: 300px;
}


.teamslider img {
    width:65%;
}

.page h4 {
    font-size: 80%;
}
}

@media only screen and (max-width:468px) {
.teamslider .vc_left, .vc_right {
    display: none!important;
}
.page h4 {
    font-size: 18px!important;
    font-weight: normal;
}


}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; overflow: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides li {text-align: center;}
.flexslider .slides img { width: auto; display: inline; border:none !important; box-shadow:none !important;}
.flex-pauseplay span {text-transform: capitalize;}

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

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
#slider_container {position: relative; z-index: 1;}

.flexslider {margin: 0px; position: relative; zoom: 1; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;height:580px}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1; }
.flexslider .slides li {height: 551px;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(img/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {background-position: 100% 0; right: 0px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {bottom: 40px;position: relative; text-align: center;
}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(120,120,120,0.7); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(120,120,120,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* Flex Caption */
.flex-caption { background: #000000; bottom: 0px; display:block; color: #FFFFFF; margin: 0 auto; opacity: 0.7; padding: 10px; position: absolute; width: 52%; min-height:180px; text-align:center; left: 23%;}

.flex-caption h3 {
    font-family: Open Sans;
    font-size: 36px;
    font-style: italic;
    font-weight: 300;
    margin:10px 0;
    text-align:center;
}
.flex-caption .slider_readmore a {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 800;
    color: #FFFFFF;
    margin:10px 0;
    text-align:center;
    letter-spacing:2px;
}
.flex-caption .slider_readmore a:hover {
    color: #FF4D4D;
}


@media screen and (max-width: 790px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

  	.flex-caption { min-height:50px;}
	.flex-caption .slider_readmore a {
	  font-size: 11px;
	  font-weight: 300;
	}
	.flexslider .flex-caption {
	    display: none;
		}
	.flexslider .postdivider {
	  	display:none;
	  }
	.slides li img {
	    width: 100% !important;
	}
	#slider_container {
	    height: 180px !important;
	}
	.flexslider .slides li {		height: 180px;
	}
}

@media screen and (max-width: 480px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

  	.flex-caption { min-height:50px;}
	.flex-caption .slider_readmore a {
	  font-size: 11px;
	  font-weight: 300;
	}
	.flexslider .flex-caption {
	    display: none;
		}
	.flexslider .postdivider {
	  	display:none;
	  }
	.slides li img {
	    width: 100% !important;
	}
	#slider_container {
	    height: 100px !important;
	}
	.flexslider .slides li {
		height: 100px;
	}
}
/* Static presentation rules retained from the rendered original. */
.vc_row {margin-left:-15px;margin-right:-15px;}
.vc_row:before,.vc_row:after,.vc_clearfix:before,.vc_clearfix:after {content:" ";display:table;}
.vc_row:after,.vc_clearfix:after {clear:both;}
.vc_col-sm-12,.vc_col-sm-6,.vc_col-sm-4,.vc_col-sm-3 {position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing:border-box;}
@media (min-width:768px) {.vc_col-sm-12,.vc_col-sm-6,.vc_col-sm-4,.vc_col-sm-3{float:left;}.vc_col-sm-12{width:100%;}.vc_col-sm-6{width:50%;}.vc_col-sm-4{width:33.33333333%;}.vc_col-sm-3{width:25%;}}
.vc_el_width_100 {width:100%;}
img {height:auto;}
.wpb_single_image img {height:auto;max-width:100%;}
.wpb_single_image.vc_align_center {text-align:center;}
.wpb_single_image.vc_align_right {text-align:right;}
.wpb_single_image.vc_align_left {text-align:left;}
div .vc_box_border_circle {padding:6px;border:none;border-radius:50%;box-shadow:none;overflow:hidden;}
div .vc_box_border_circle.vc_box_border_white {background-color:#fff;}
.wpb_text_column p:last-child,.wpb_text_column *:last-child {margin-bottom:0;}
.wpb_row,.wpb_content_element {margin-bottom:35px;}
.wpb_column > .wpb_wrapper > *:last-child {margin-bottom:0;}
.wpb_image_grid .wpb_image_grid_ul {margin:0;padding:0;}
.wpb_image_grid .wpb_image_grid_ul > li {background-image:none;list-style:none!important;}
.wpb_image_grid .wpb_image_grid_ul > li:after,.wpb_image_grid .wpb_image_grid_ul > li:before {display:none!important;}
.wpb_image_grid .wpb_image_grid_ul .isotope-item {list-style:none;margin:0 1px 1px 0;max-width:100%;float:left;}
.wpb_image_grid .wpb_image_grid_ul a {display:block;}
.wpb_image_grid .wpb_image_grid_ul img {display:block;max-width:100%;height:auto;}
.vc_separator {display:table;}
.vc_separator h4 {line-height:1em;font-size:100%;display:table-cell;white-space:pre;}
.vc_separator.vc_separator_align_center h4 {padding:0 .8em;}
.vc_separator .vc_sep_holder {display:table-cell;height:1px;position:relative;vertical-align:middle;width:50%;}
.vc_separator .vc_sep_holder .vc_sep_line {height:1px;border-top:1px solid #ebebeb;display:block;position:relative;top:1px;width:100%;}
.vc_custom_1409754324238{margin-top: 40px !important;margin-bottom: 40px !important;}.vc_custom_1409754689582{margin-top: 80px !important;margin-bottom: 40px !important;}.vc_custom_1409754689582{margin-top: 80px !important;margin-bottom: 40px !important;}.vc_custom_1409754522592{margin-top: 80px !important;margin-bottom: 40px !important;}
.pricebox strong {
 width: 80%;
    height: 40px;
    color: #fff;
    font-size: 18px;
    display: block;
    border-radius: 5px;
    padding-top: 8px;
    background:#5d7f4e;
    background-size: auto 65%;
    background-position: 10%;
    background-repeat: no-repeat;
    margin:20px auto;
    padding-left: 15px;  
}

.retina {
    width:250px;
    height:250px;
    margin:0 auto;
   
}
.vc_custom_1409788220703{margin-top: 40px !important;margin-bottom: 80px !important;}.vc_custom_1409788257421{margin-top: 80px !important;margin-bottom: 80px !important;}
.gallery img {
    border:5px solid #fff;
}
.vc_custom_1409787709379{margin-top: 10px !important;}.vc_custom_1409787709379{margin-top: 0px !important;}
/* Native behavior and accessibility. The original visual measurements remain above. */
[hidden] {display:none!important;}
:focus-visible {outline:3px solid #668657;outline-offset:4px;}
button,input,select,textarea {font:inherit;}
button {cursor:pointer;}
.skip-link {position:absolute;z-index:10000;left:12px;top:-100px;padding:10px 16px;background:#fff;color:#242424;border:2px solid #668657;}
.skip-link:focus {top:12px;}
.screen-reader-text,.sr-only {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.appointment-note {color:#668657;font-size:16px;line-height:28px;text-align:center;}
.container>header .title img {object-fit:contain;}
.container>header .contact a[href^="mailto:"] {overflow-wrap:anywhere;}
.mobile-navigation {max-width:100%;}

/* The hero uses the archived FlexSlider presentation with native controls. */
#slider_container {isolation:isolate;}
#slider_container .flexslider {position:relative;}
#slider_container .slides {position:relative;height:551px;overflow:hidden;}
#slider_container .slides>li {position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s ease;}
#slider_container .slides>li:first-child,#slider_container .slides>li.is-active {opacity:1;visibility:visible;}
#slider_container.is-initialized .slides>li:not(.is-active) {opacity:0;visibility:hidden;}
#slider_container .slides>li img {display:block;width:100%;max-width:none;height:auto;}
#slider_container .flex-caption {pointer-events:none;}
#slider_container .flex-control-nav {position:absolute;left:0;right:0;bottom:24px;z-index:3;}
#slider_container .flex-control-nav button {width:11px;height:11px;display:block;border:0;padding:0;border-radius:0;background:rgba(120,120,120,.7);box-shadow:none;}
#slider_container .flex-control-nav button[aria-current="true"] {background:rgba(255,255,255,.9);}
#slider_container .slider-pause {position:absolute;z-index:3;right:16px;bottom:16px;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:3px;color:#fff;background:rgba(0,0,0,.35);font-size:16px;line-height:28px;}
#slider_container .slider-pause:focus-visible {outline-color:#fff;}

/* Team carousel: native scrolling, two portraits per view. */
.teamslider {position:relative;}
.teamslider .team-track {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain;}
.teamslider .team-track::-webkit-scrollbar {display:none;}
.teamslider .team-track>a {flex:0 0 50%;min-width:0;display:block;scroll-snap-align:start;}
.teamslider .team-track>a img {display:block;aspect-ratio:1;object-fit:cover;width:80%;height:auto;margin:0 auto 0 10%;max-width:250px;border-radius:50%;border:5px solid #fff;}
.teamslider .vc_left,.teamslider .vc_right {position:absolute;top:50%;transform:translateY(-50%);width:27px;height:45px;border:0;padding:0;font-size:0;color:transparent;background-color:transparent;z-index:2;}
.teamslider .vc_left {left:0;}
.teamslider .vc_right {right:0;}
.teamslider .vc_left:disabled,.teamslider .vc_right:disabled {opacity:.35;cursor:default;}

/* Galleries retain the original 200-pixel thumbnail grid. */
.wanvaree-gallery {display:flex;flex-wrap:wrap;gap:1px;clear:both;}
.wanvaree-gallery>a {display:block;flex:0 0 200px;max-width:100%;}
.wanvaree-gallery>a>img {display:block;width:200px;max-width:100%;height:200px;object-fit:cover;}
.impression-lead img,.gallery-lead img {max-width:100%;height:auto;}
.tablepress {border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:1em;border:none;}
.tablepress th,.tablepress td {padding:8px;border:none;background:none;text-align:left;float:none!important;}
.tablepress tbody td {vertical-align:top;border-top:1px solid #ddd;}
.tablepress tbody tr:first-child td {border-top:0;}
.tablepress thead th {border-bottom:1px solid #ddd;background-color:#d9edf7;font-weight:bold;vertical-align:middle;}
.tablepress .odd td {background-color:#f9f9f9;}
.tablepress .even td {background-color:#fff;}
.tablepress .row-hover tr:hover td {background-color:#f3f3f3;}

/* Shared native image dialog. */
.wanvaree-lightbox {position:fixed;inset:0;margin:auto;padding:48px 56px 42px;border:0;border-radius:4px;width:min(96vw,1500px);height:min(94vh,1100px);max-width:96vw;max-height:94vh;color:#fff;background:rgba(20,20,20,.96);overflow:hidden;}
.wanvaree-lightbox::backdrop {background:rgba(0,0,0,.78);}
.wanvaree-lightbox[open] {display:flex;align-items:center;justify-content:center;}
.wanvaree-lightbox figure {width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
.wanvaree-lightbox img {display:block;max-width:100%;max-height:calc(100% - 30px);width:auto;height:auto;object-fit:contain;}
.wanvaree-lightbox figcaption {color:#fff;text-align:center;font:14px/20px Arial,sans-serif;}
.wanvaree-lightbox button {position:absolute;padding:0;border:0;border-radius:3px;background:rgba(255,255,255,.12);color:#fff;min-width:40px;min-height:40px;font:28px/40px Arial,sans-serif;}
.wanvaree-lightbox button:hover {background:rgba(255,255,255,.25);}
.wanvaree-lightbox button:focus-visible {outline-color:#fff;}
.wanvaree-lightbox .lightbox-close {right:8px;top:6px;}
.wanvaree-lightbox .lightbox-prev {left:7px;top:calc(50% - 20px);}
.wanvaree-lightbox .lightbox-next {right:7px;top:calc(50% - 20px);}
html.lightbox-open {overflow:hidden;}
@media only screen and (max-width:790px) {
  #slider_container .slides {height:180px;}
  #slider_container .flex-control-nav {bottom:12px;}
  #slider_container .slider-pause {bottom:8px;right:8px;}
}
@media only screen and (max-width:767px) {
  .main .post {overflow-wrap:break-word;}
  .appointment-note {padding:0 14px;}
  footer .footer_widget {max-width:100%;}
  footer .maps {max-width:250px;}
  .wanvaree-lightbox {padding:48px 42px 36px;}
}
@media only screen and (max-width:480px) {
  #slider_container .slides {height:100px;}
  .teamslider .team-track>a {flex-basis:100%;}
  .teamslider .team-track>a img {margin:0 auto;width:65%;}
  .teamslider button.vc_left,.teamslider button.vc_right {display:block!important;}
  .wanvaree-gallery>a {flex-basis:calc(50% - 1px);}
  .wanvaree-gallery>a>img {width:100%;height:auto;aspect-ratio:1;}
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important;}
  #slider_container .slides>li {transition:none;}
}
@media only screen and (max-width:767px) {nav:not(.has-mobile-nav) ul {display:block;}}

/* Match the current public DOM's header note and gallery layout. */
.appointment-note p {color:#668657;font-size:16px;line-height:28px;}
.gallery-feature img.width-100 {width:88%;max-width:100%;height:auto;}
.wpb_image_grid .wanvaree-gallery>li {display:block;flex:0 0 200px;max-width:100%;margin:0;float:none;}
.wanvaree-gallery>li>a {display:block;}
.wanvaree-gallery>li>a>img {display:block;width:200px;max-width:100%;height:200px;object-fit:cover;}
@media only screen and (max-width:480px) {
  .wpb_image_grid .wanvaree-gallery>li {flex-basis:calc(50% - 1px);}
  .wanvaree-gallery>li>a>img {width:100%;height:auto;aspect-ratio:1;}
}
/* The original carousel inset was a 10px VC inner margin. Its inline image
   baseline contributes the same small space below the round portrait. */
@media only screen and (min-width:481px) {
  .teamslider .team-track>a {padding:0 10px;line-height:24px;}
  .teamslider .team-track>a img {display:inline-block;vertical-align:baseline;}
}

/* Pixel alignment with the captured frontend, including its opening-section gap. */
.appointment-note {padding:0;}
.opening-heading-row {padding-top:20px;}
.vc_separator .vc_sep_holder .vc_sep_line {border-color:#cdc5bb;}
#slider_container .slides>li {transition-duration:1s;}
#slider_container .slider-pause {opacity:0;}
#slider_container:hover .slider-pause,#slider_container:focus-within .slider-pause {opacity:1;}