/* Shared essentials; no libraries, remote fonts, scripts or form controls. */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; }
img { border: 0; max-width: 100%; }
figure { margin: 0; }
address { font-style: normal; line-height: 1.6; }
.phone-link { color: inherit !important; text-decoration: none; }
.phone-link:hover { text-decoration: underline; }
.clear, .clear-min, .clear-block::after { clear: both; }
.clear-block::after { content: ""; display: table; }
.clear-min { height: 1px; overflow: hidden; }
ul.links { list-style: none; padding: 0; margin: 0; }
ul.links li { display: inline; }
.skip-link { position: fixed; left: 1rem; top: -6rem; z-index: 100; background: #fff; color: #111 !important; padding: .8rem 1rem; border: 2px solid #111; }
.skip-link:focus { top: 1rem; }
a:focus-visible, [tabindex="0"]:focus-visible { outline: 3px solid #de9b17; outline-offset: 4px; }
main:focus { outline: none; }
.contact-details { padding: 1rem 0; line-height: 1.6; }
.contact-details a { text-decoration: underline; }
.photo-strip { display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: thin; }
.photo-strip > img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; scroll-snap-align: start; }
.photo-strip:focus-visible { outline-offset: -4px; }
.project-gallery { display: grid; gap: 1rem; }
.project-gallery figure { text-align: center; background: #ddd; padding: 10px; }
.project-gallery img { width: auto; height: auto; max-height: 580px; }
.project-gallery figcaption { padding: .5rem; }
.unavailable-image { display: inline-block; font-style: italic; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  .skip-link, nav, #search, .facebook { display: none !important; }
  body { background: white !important; color: black !important; }
  main { width: auto !important; }
}

/* Original site design, with local images. */


/* Main CSS Start */
body {
	background:url("images/bg-body-1537093fab.gif") repeat-x left top #7a5b3d;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

a {
color:#727A35;
}

.footer_link {
color:#ffffff;
}

h1{
	padding:0 0 8px 0;
	font-size:25px;
}

h2{
	padding:0 0 10px 0;
	color:#727A35;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h3{
	padding:0 0 10px 0;
	color:#674f40;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h4{
	padding:0 0 8px 0;
	color:#674f40;
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h5{
	padding:0 0 5px 0;
	color:#674f40;
	font-size:14px;;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h6{
	padding:0 0 5px 0;
	color:#674f40;
	font-size:14px;;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}
/* Main CSS End */


/* Header CSS Start */
#header {
	width:960px;
	height: 141px;
	background:url("images/bg-header-db2f664be4.gif") repeat-y left top;
}

.logo{
	float:left;
	width:272px;
	height:98px;
	padding:14px 0 0 20px;
}

#block-block-1 {
	width: 252px;
	float: left;
}

.facebook{
	height: 30px;
	width: 30px;
	float: left;
}
 
.right-header
{
	width:282px;
	float:right;
	padding:22px 0 0 18px;

}

.right-header h3
{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;;
	color:#FFFFFF;
	line-height:20px;
	padding:0;

}

ul.libbeytop li
{
float:left;
color:#FFFFFF;
padding:5px 10px 0 10px;
background:url("images/spilter-cfbb5edc6a.gif") no-repeat left 7px;
font-family:"Times New Roman", Times, serif;
}

ul.libbeytop li.first
{
background:none;
padding-left:0 !important;
}

ul.phone-text{
	padding:0px 0 0 0;
}

ul.phone-text li
{
font-family:"Times New Roman", Times, serif;
font-size:14px;;
color:#FFFFFF;
}

ul.phone-text li.end
{
display:block;

}
/* Header CSS End */


/* Menu CSS Start */
.menu {
	float:right;
	height:29px;
}

.bg-1
{
width:15px;
height:29px;
background:url("images/bg1-menu-f1455af73e.gif") no-repeat left top;
float:left;
}
.bg-2
{
height:29px;
background:url("images/bg2-menu-ec0870ffe0.gif") repeat-x;
float:left;
width:726px;
}

.bg-2 ul
{
	width:100%;
	height:29px;
	float:left;
}

.bg-2 ul li
{
float:left;
height:24px;
padding:5px 15px 0 10px;
font-size:14px;
background:url("images/menu-spilter-b41ae10a49.gif") no-repeat right 7px;
}
.bg-2 ul li.last
{
background:none;
}

.bg-2 ul li a 
{
font-family:"Times New Roman", Times, serif;
font-size:13px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

.bg-2 ul li a:hover{
	color:#dfc0a2;
}

.bg-3
{
width:12px;
height:29px;
background:url("images/bg3-menu-8fdb41e5bc.gif") no-repeat left top;
float:left;
}
/* Menu CSS End */


/* Content CSS Start */
#content {
width:960px;
padding:0 0 18px 0;
}

#content ul{
	padding:0 0 10px 10px;
}

#content ul li{
	padding:0 0 5px 0;
	color:#674f40;
}

#col-1 {
float:left;
border-top:#fff solid 7px;
border-left:#fff solid 5px;
border-bottom:#fff solid 6px;
border-right:#fff solid 7px;
width:654px;
height:266px;
}

#col-2 {
	width: 260px;
	height:238px;
	float: left;
	background:#727a35;
	border-top:#fff solid 7px;
	border-right:#fff solid 7px;
	border-bottom:#fff solid 6px;
	padding:28px 22px 0 18px;
}

.col-2-inner{
	position:relative;
	z-index:10;
}

#col-2 h2, #col-3 h2{
	padding:0 0 18px 0;
}

#col-2 p, #col-3 p
{
font-family:"Times New Roman", Times, serif;
font-size:14px;;
color:#f4f3f0;
line-height:20px;
padding:0 0 10px 0;
}


.r-bg-1 {
width:961px;
height:52px;
background:none no-repeat left bottom;
float:left;
}

.r-bg-2-outer{
	background: url("images/bg-conntent-strip-7e83392f55.gif") repeat-y left top;
	width:960px;
	padding:20px 0 0 0;
}

.r-bg-2 {
width:960px;
background: url("images/bg-conntent-46ed9ffd35.gif") no-repeat left bottom;
padding:0 0 75px 0;
min-height:233px;
height:auto !important;
height:233px;
position:relative;
}

.r-bg-2 p
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;;
color:#674f40;
}
.end-left-col
{
width:570px;
float:left;
padding:10px 0 0 43px;
position:relative;
z-index:5;
}
.right-col img
{

margin-right:20px;
}

.row-3
{
	width:960px;
}

.banner-main{
	width:961px;
	height:279px;
	position:relative;
}

.row-1{
	width:976px;
	height:279px;
	position:absolute;
	left:-7px;
	top:0;
	padding:0 0 26px 0;
	background:url("images/banner-glow-95cf538a12.png") no-repeat left bottom;
}

.end-left-col p{
	font-size:14px;;
	color:#674f40;
	font-family:"Times New Roman", Times, serif;
	line-height:20px;
	padding:0 0 18px 0;
}

.doctor-pic{
	position:absolute;
	right:0;
	bottom:0;
	width:314px;
	height:399px;
	z-index:3;
}

.flower{
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
}

.r-bg-2-outer2{
	background: url("images/bg-conntent-strip2-1ae4af924f.gif") repeat-y left top;
	width:960px;
	padding:25px 0 0 0;
}

.r-bg-2-2 {
	width:960px;
	background: url("images/bg-conntent2-8366ead754.gif") no-repeat left bottom;
	padding:0 0 75px 0;
	min-height:508px;
	height:auto !important;
	height:508px;
	position:relative;
}

#col-3 {
	width: 260px;
	height:238px;
	float: right;
	background:#727a35;
	border-top:#fff solid 7px;
	padding:28px 22px 22px 18px;
	position:relative;
	top:-25px;
}

/* Content CSS End */


/* Footer CSS Start */
#footer {
	height: 40px;
	background:#7a5b3d;

}
#footer ul
{
width:750px;
margin:25px auto;

}
#footer ul li
{
float:left;
padding:0 7px 0 7px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-align: center;
color:#FFFFFF;
background: url("images/spilter-cfbb5edc6a.gif") no-repeat right bottom;
}
#footer ul li.last
{
background: none;
}
/* Footer CSS End */

/* Contact Form Styling */

.form-item { 
  font-size:14px;;
  color:#674f40;
  font-family:"Times New Roman", Times, serif;
  line-height:20px;
  padding:0 0 0 0;
}

/* Doctor Node View */
.node .field-field-staff-image {
	float: left;
	padding: 0px 25px 25px 0px;
}
.node .field-field-staff-email {
	margin: 0px 0px 15px 0px;
	position: absolute;
	top: 30px;
	width: 100%;
	text-align: left;
}
/* Our Doctors view */
.view-staff .views-row{
	clear: both;
	margin: 0px 0px 20px 0px;
}
.view-staff .views-field-field-staff-image-fid img{
  float: left;
  margin: 0px 25px 15px 0px;
}
.view-staff .views-field-field-staff-email-email {
  margin: 0px 25px 15px 0px;
  font-family:Georgia,"Times New Roman",Times,serif;
  width: 80%;
}
.view-staff .views-field-body {
  font-size:14px;;
  color:#674f40;
  font-family:"Times New Roman", Times, serif;
  line-height:20px;
  padding:0 0 0 0;
}
.view-staff .views-field-title {
  color:#727A35;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:16px;
  font-weight:bold;
}
.view-staff .views-field-view-node{
  text-align: right;
    font-family:Georgia,"Times New Roman",Times,serif;
}

/* Accessibility and responsive layout. */
/* The original theme relied on a separate reset sheet. */
body, ul, li, h1, h2, h3, h4, h5, h6, p { margin: 0; }
ul { padding: 0; list-style: none; }
#content p { margin: 0; }
.clear { height: 0; }
.end-left-col h1 { color: #727a35; font: bold 16px Georgia, serif; padding-bottom: 10px; }
.end-left-col h1 img { display: block; max-width: 100%; height: auto; }
.end-left-col h1[aria-label] { padding: 0 0 8px; }
.right-header h3 { font-weight: bold; }
.photo-strip > img { max-width: none; }
.view-staff .views-row::after { content: ""; clear: both; display: table; }
.node .field-field-staff-email { position: static; }
.staff-thumbnail { width: 150px; height: 150px; object-fit: cover; object-position: center top; }
.r-bg-2-2, .r-bg-2 { display: flow-root; }
.end-left-col a { overflow-wrap: anywhere; }
@media (max-width: 1000px) {
  #wrapper { width: calc(100% - 32px); max-width: 960px; }
  #header { width: 100%; height: auto; min-height: 141px; display: flow-root; background-size: 100% auto; }
  #content, .row-3, .r-bg-2-outer, .r-bg-2-outer2, .r-bg-2, .r-bg-2-2 { width: 100%; }
  .menu { width: 100%; height: auto; background: #626d2d; border-radius: 15px 15px 0 0; }
  .bg-1, .bg-3 { display: none; }
  .bg-2, .bg-2 ul { width: 100%; height: auto; background: none; }
  .bg-2 ul { display: flex; justify-content: center; flex-wrap: wrap; }
  .bg-2 ul li { float: none; height: auto; padding: 0; }
  .bg-2 ul li a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 12px; }
  .banner-main { width: 100%; height: auto; }
  .row-1 { position: static; width: 100%; height: auto; display: grid; grid-template-columns: minmax(0, 2.18fr) minmax(0, 1fr); padding: 0 0 15px; background-size: 100% auto; }
  #col-1 { float: none; width: auto; min-width: 0; height: auto; aspect-ratio: 654 / 266; border-width: 6px; }
  #col-2 { float: none; width: auto; height: auto; padding: 18px; border-width: 6px 6px 6px 0; }
  #col-2 p { font-size: 13px; line-height: 1.4; }
  .end-left-col { box-sizing: border-box; width: 66%; padding: 10px 25px 0 30px; }
  #col-3 { box-sizing: border-box; width: 31%; height: auto; padding: 20px; }
  .r-bg-2, .r-bg-2-2 { background-size: 100% auto; }
  .r-bg-2-outer, .r-bg-2-outer2 { background-size: 100% auto; }
  .doctor-pic { width: 32%; height: auto; }
  .doctor-pic img { display: block; height: auto; }
  .flower { max-width: 70%; }
  #footer { height: auto; padding: 10px 0 25px; }
  #footer ul { display: flex; flex-wrap: wrap; justify-content: center; width: auto; gap: 10px 0; margin: 0; }
  #footer ul li { float: none; }
}
@media (max-width: 650px) {
  #wrapper { width: 100%; }
  #header { background: #f3f1eb; min-height: 0; }
  .logo { width: min(272px, 78%); height: auto; padding: 16px 0 8px; margin: 0 auto; float: none; }
  .logo img { display: block; height: auto; }
  .right-header { float: none; width: auto; background: #7a5b3d; padding: 14px 20px; display: flex; justify-content: center; gap: 15px; }
  #block-block-1 { float: none; width: auto; }
  .right-header h3, ul.phone-text li { font-size: 15px; line-height: 1.55; }
  .facebook { float: none; padding-top: 4px; }
  .menu { float: none; border-radius: 0; }
  .bg-2 { float: none; display: flow-root; }
  .bg-2 ul li { background: none; }
  .bg-2 ul li a { font-size: 15px; min-height: 46px; padding: 0 10px; }
  .bg-2 a[aria-current="page"] { background: #4f5926; }
  .row-1 { display: block; background: none; padding: 0; }
  #col-1 { width: auto; border: 6px solid #fff; aspect-ratio: 654 / 266; }
  #col-2 { border: 0; padding: 22px; }
  #col-2 p, #col-3 p { font-size: 16px; line-height: 1.5; }
  .r-bg-2-outer, .r-bg-2-outer2 { padding: 0; background: #f3f1eb; }
  .r-bg-2, .r-bg-2-2 { min-height: 0; padding-bottom: 0; background: #f3f1eb; }
  .end-left-col { float: none; width: 100%; padding: 28px 22px 10px; }
  .end-left-col p, .view-staff .views-field-body { font-size: 17px; line-height: 1.6; }
  .end-left-col h1 { font-size: 25px; }
  .end-left-col img { height: auto; max-width: 100%; }
  #col-3 { float: none; top: 0; width: 100%; padding: 22px; border: 0; margin-top: 15px; }
  .flower { display: none; }
  .doctor-pic { position: relative; width: min(314px, 85%); margin: 10px auto 0; }
  .view-staff .views-field-field-staff-image-fid img { float: none; margin: 0 0 16px; width: 150px; }
  .view-staff .views-field-field-staff-email-email { width: auto; margin: 10px 0; font-size: 16px; }
  .view-staff .views-field-title { font-size: 21px; }
  .view-staff .views-field-view-node a { display: inline-block; padding: 12px 0; font-size: 16px; }
  .node .field-field-staff-image { float: none; padding-bottom: 15px; }
  #content ul { padding-left: 0; }
  #content li { line-height: 1.6; font-size: 16px; }
  #footer { padding: 22px 14px; }
  #footer ul { gap: 12px; }
  #footer ul li { background: none; font-size: 13px; line-height: 1.5; padding: 0; }
}