/*RESET*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

*{box-sizing: content-box !important;}
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;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*TEXT*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  font: 14px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif !important;
}

a:focus {
  outline: 1px dotted;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font: 700 21px "apertura", Verdana, Arial, Helvetica, sans-serif !important;
  color:#559341;
}

h2 {
  font: 700 16px "apertura", Verdana, Arial, Helvetica, sans-serif !important;
  color:#559341;
}

h3 {
  font: 700 14px "apertura", Verdana, Arial, Helvetica, sans-serif !important;
}

h4 {
  font-size: 19px !important;
}

h5 {
  font-size: 17px !important;
}

h6 {
  font-size: 15px !important;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 20px;
}

/*GRID*/

/* =Containers
--------------------------------------------------------------------------------*/
.main
{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g95, .g190, .g285, .g380, .g475, .g570, .g665, .g760, .g855, .g950 {
  display: inline;
  float: left;
  margin-left: 10px;
}

/* =Grid >> 10 Columns
--------------------------------------------------------------------------------*/
.g95{width:85px;}
.g190{width:180px;}
.g285{width:275px;}
.g380{width:370px;}
.g475{width:465px;}
.g570{width:560px;}
.g665{width:655px;}
.g760{width:750px;}
.g855{width:845px;}
.g950{width:940px;}


/* =Grid >> 10 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml95{margin-left:105px;}
.ml190{margin-left:200px;}
.ml285{margin-left:295px;}
.ml380{margin-left:390px;}
.ml475{margin-left:485px;}
.ml570{margin-left:580px;}
.ml665{margin-left:675px;}
.ml760{margin-left:770px;}
.ml855{margin-left:865px;}
.ml950{margin-left:960px;}


.inside{margin-left:0;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
  clear: both;
  content:' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}


/*SITE STYLES*/

body {
  	background: #FCFAE2 !important;
  	color: #333 !important;
  	padding: 0 0 40px;
  }
  a {
  	color: #559341 !important;
  	text-decoration: underline;
  }
  a:hover {
    color:#F08220 !important;
  	text-decoration: none;
  }
  
h1 a, h2 a, h3 a, h4 a{text-decoration:none !important;}
  li{font-size:14px;}
  .main p{
    margin-bottom:20px !important;
    font-size:14px;
    line-height: 21px;
  }
  .main {
     background: #fff url('../images/bg.png') repeat-y 100% 0;
     position:relative;
  }
  
  .content{
      line-height:1.6;
  }
  .header{
     min-height: 290px;
     background: transparent url('../images/nav-bg.png') repeat-x 0 0;
  }

.navbar{
     height:121px;
     padding:0 !important;
    display: block !important;
}
.flower{position:absolute; right:-1px; top:60px;}

#main-nav {

}
#main-handle {
	width: 600px;
	/* float: left; */
	margin-top: -1px;
	position:relative;
}

.navbar li .sub-links a:hover{
	background: #2d2620;
}

.sideblock1 p,.sideblock2 p,.sideblock3 p{text-align: left;}
.sideblock1{padding:0 20px 0 20px;}
.sideblock2{padding:0 5px 0 30px;}
.sideblock3{padding:0 25px 0 15px;}

.utilitylinks ul{ margin:10px 0 0 0;}
.utilitylinks li{list-style: none; margin: 0; padding:0 0 0 0; font-weight:bold; line-height:21px !important;}
.utilitylinks li a{text-decoration: none; font-size:14px !important;}

.social{padding-top:20px; margin-left:20px;}
.social li{display: inline-block; margin:0 10px;}

/* HEADER BACKGROUNDS*/
.home-bg{background: transparent url('../images/header-homepage.jpg') no-repeat 0 111px;}
.healthinfo-bg{background: transparent url('../images/header-healthinfo.jpg') no-repeat 0 111px;}
.symptoms-bg{background: transparent url('../images/header-symptoms.jpg') no-repeat 0 111px;}
.etools-bg{background: transparent url('../images/header-etools.jpg') no-repeat 0 86px;}

/*FOOTER*/
.footer{margin:40px 0 20px 0;}
.contact-info{margin-top:30px; font-weight:bold; font-size:12px;}
.contact-info ul{list-style:none;}
.contact-info li{margin:0 5px 0 0; padding:0; display: inline;}
.contact-info li:after{content:"\00a0\00a0|";}
.contact-info li:last-child:after{content:"";}

.map{margin-bottom:30px;}

/*PHYSICIANS*/
.doctors{list-style:none;}
.doctors li{margin:0 0 15px; padding:0;}
.doctors li a{text-decoration:none; display: block; padding:5px 0 5px 10px;}
.doctors li a.active{color:#000; background:#FCFAE2;}
.headshot{float:right; margin:0 10px 20px 10px;}

.imgright{float:right; margin:0 20px 20px 10px;}
.imgleft{float:left; margin:0 10px 20px 20px;}
.orangetext{color:#F08221 !important;}

/*SIDEBAR*/
.sidenav{}
    .sidenav ul{margin-top:66px;list-style:none; padding:0 5px 0 10px;}
    .sidenav li{list-style:none; margin:0 0 20px 0; padding: 0;}
    .sidenav li a{font-weight:bold; text-decoration:none;}
.yellow_blocks{
    background:transparent url('../images/yellow-blocks.png') no-repeat 0 50px;
    min-height:508px;
}


.readmore{        
    -moz-box-shadow: 0px 10px 14px -7px #3e7327;
    -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
    box-shadow: 0px 10px 14px -7px #3e7327;
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
    background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
    
    background-color:#77b55a;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    border:1px solid #4b8f29;
    
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:3px 9px;
    text-decoration:none;
    
    text-shadow:0px 1px 0px #5b8a3c;
    margin-bottom:30px;
}

.readmore:hover {
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
    background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
    color:#000;
    background-color:#72b352;
}

.readmore:active {
    position:relative;
    top:1px;
}

/*TABLE*/

 
table {
	width: 540px;
	border-collapse:collapse;
	border:1px solid #FFCA5E;
}

caption {
	font: 1.8em/1.8em Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	background: url('../images/bg_caption.jpg') right top;
	height: 45px;
	color: #FFAA00;
}
th{font-weight:normal;}
thead th {
	background: url('../images/bg_th.jpg') no-repeat right;
	height: 47px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:1.2em;
	line-height:1;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	border-right: 1px solid #FCF1D4;
	vertical-align:middle;
}
tbody tr {
background: url('../images/bg_td1.jpg') repeat-x top;
}
tbody tr.odd {
	background: #FFF8E8 url('../images/bg_td2.jpg') repeat-x;
}

tbody th,td {
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 10px 7px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
	text-align: left;
}
tfoot th {
	background: url('../images/bg_total.jpg') repeat-x bottom;
	color: #FFFFFF;
	height: 30px;
}
tfoot td {
	background: url('../images/bg_total.jpg') repeat-x bottom;
	color: #FFFFFF;
	height: 30px;
}



/*NAVIGATION*/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
} 
.sf-menu {
	line-height:	1.0;
	position:absolute; 
  top:77px;
	margin: 0px 0px 0px 2px;
	text-align: left;
	min-height: 25px;
	padding: 10px 0 0 340px;
	width:600px;
}
.homepage .sf-menu{
  padding:15px 0 0 340px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	display: inline;
	list-style: none;
	text-align:center;
	margin-left:0;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li a {
	display:inline-block;
	width:96px;
	margin-right: 0px;
	text-decoration: none;
	color: #666;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height:1.2;
	outline: 0;
	position: relative;
	height:30px; 
	padding:3px 0 0 0; 
	background: transparent url('../images/nav.png') no-repeat 0 0; 
	text-decoration: none; 
	vertical-align:middle;
}

.sf-menu li a:hover, .sf-menu li a.active{
    background-position: 0 -66px; color :#fff; 
/*  text-shadow: 0px 0px 2px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=0);
*/}
.sf-menu li.sf-breadcrumb a, .sf-menu li.sf-breadcrumb a:hover  {
	background-position: 0 -33px; color :#fff; 
}

.sf-menu  li ul {
    position: absolute;
    width: 100%;
    top:43px;
    text-align: left;
    left: 100px;
}

.sf-menu li ul li a{
    color:#fff !important;
    height:17px; 
    padding:3px 10px 0; 
    margin:0 5px 0 20px; 
    background:none;
    width:auto;
}
.sf-menu li ul li.current a{
    color:#fff !important;;
/*    margin-left:4px;*/
    background-color:#7D9B61 !important;;
}
.sf-menu li ul li.current a:before{
    /*content: "\00BB \0020";*/
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			29px; /* match top ul list item height */
	z-index:		99; 
}
.homepage .sf-menu li:hover ul,
.homepage .sf-menu li.sfHover ul {
	left:			0;
	top:			35px; /* match top ul list item height */
	z-index:		99; 
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
/*  color:          #13a;*/
}
.sf-menu li {
/*  background:     #BDD2FF;*/
}
.sf-menu li li {
/*  background:     #AABDE6;*/
}
.sf-menu li li li {
/*  background:     #9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*  background:     #CFDEFF;*/
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
/*  padding-right:  2.25em;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	height:			27px;
	padding-bottom:	27px;
	position:		relative;
}
.sf-navbar li {
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			54em; /*IE6 soils itself without this*/
	margin-left:    158px;
    margin-top:     14px;
}
.sf-navbar li li {
/*  background:     #BDD2FF;*/
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
/*  background:     #BDD2FF;*/
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
/*  background:     #BDD2FF;*/
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
/*  background:     #D1DFFF;*/
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
/*  background:     #E6EEFF;*/
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			27px; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}


/* LANGUAGE PICKER */

#language a.selected{font-weight:bold; color:#F08221 !important;}
#language a.selected:hover{color:#333 !important;}
	
/* BUTTON */
#appt{position:absolute; top:290px; left:5px;}
.appointment_button{margin-bottom:20px;}
.section_img{margin-top:50px;}


/*LOCATION SCHEMA*/
.schema{ font-size:12px; padding-top:40px;}
  .schema .addressCountry,
  .schema .streetAddress{display:block;}
  .schema .latlong{margin-left:-9999px;}

.covid-header{background-color: firebrick;} 
button.btn a{color:#fff !important;}
button.btn a:hover{color: lightyellow !important; }
.pixmodal .close--minimal:before, .pixmodal .close--minimal:after, .pixmodal .close--boxed:before, .pixmodal .close--boxed:after {background-color:#fff !important;}
h1.covid{
  font-size:36px !important;
  color:#fff;
}
h2.covid{
  font-size:28px !important;
}