/*
Theme Name: Free clinic directory
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: free-clinic-directory
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Free clinic directory is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*default.css*/

html, body, h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
}
body {
    background-color: #85adff;
    color: #191919;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 5px 0;
    text-align: center;
}
img {
    border: 0 none;
}
a {
    color: #464544;
}
a:hover {
    color: #ffa405;
}
.left {
    float: left;
}
.right {
    float: right;
}
.more {
    text-align: right;
}
.clear {
    clear: both;
}
#wrapper {
    margin: 0 auto;
    text-align: left;
    width: 960px;
}
#header {
    padding-top: 1px;
    position: relative;
}
#nav-top {
    margin-left: 503px;
}
#nav-top ul {
    height: 31px;
    margin: 1em 0 0;
    padding: 0;
}
#nav-top li {
    background: #c19855 url("images/tab_left.gif") no-repeat scroll 0 0;
    float: left;
    font-size: 18px;
    height: 31px;
    line-height: 31px;
    list-style: outside none none;
    text-align: center;
}
#nav-top li div {
    background: rgba(0, 0, 0, 0) url("images/tab_right.gif") no-repeat scroll right top;
}
#nav-top li#tab-faq {
    width: 59px;
}
#nav-top li#tab-map {
    margin-left: 3px;
    width: 99px;
}
#nav-top a {
    color: #443816;
    text-decoration: none;
}
#nav-top a:hover {
    color: #241d0a;
}
#nav a.bg {
    background: rgba(0, 0, 0, 0) url("images/freeclinic.jpg") no-repeat scroll 0 0;
    float: left;
    height: 244px;
    width: 100%;
}
#nav .title {
    color: #ff0000;
    font-family: sans-serif;
    font-size: 50px;
    font-style: italic;
    font-weight: bold;
    line-height: 60px;
    margin: -1em 0 0;
    padding: 0 0 0 0.7em;
    position: absolute;
    top: 90px;
}
#nav ul {
    background: rgba(0, 0, 0, 0) url("images/nav_lit.gif") repeat-x scroll left bottom;
    border-left: 2px solid #9e9479;
    clear: both;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0;
}
#nav li {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 10px;
}
#nav li.home {
    background: rgba(0, 0, 0, 0) url("images/nav_drk.gif") repeat-x scroll left bottom;
    padding-left: 25px;
}
#nav a {
    color: #ffe5c3;
    font-size: 16px;
    text-decoration: none;  
}
#primary-menu a{
    
    text-transform: uppercase;  
}
#nav a:hover {
    color: #f2e7d6;
}
#content {
    background: #fff none repeat scroll 0 0;
    width: 960px;
}
#content h1 {
    border-left: 3px solid #615331;
    color: #6bb224;
    font-size: 26px;
    font-weight: normal;
    margin-top: 22px;
    padding: 1px 1px 1px 8px;
}
#content h2 {
    border-left: 3px solid #615331;
    color: #6bb224;
    font-size: 22px;
    font-weight: normal;
    margin-top: 22px;
    padding: 1px 1px 1px 8px;
}
#content p {
    line-height: 1.4;
    margin-left: 11px;
}
#content a {
    color: #8d692d;
    font-weight: bold;
    text-decoration: none;
}
#content a:hover {
    color: #5b431a;
}
#left-col {
    display: inline;
    float: left;
    margin: 20px 10px 20px 20px;
    width: 600px;
}
#right-col {
    float: left;
    margin: 20px 10px 20px 20px;
    width: 300px;
}
#gallery {
    margin-top: 14px;
}
#gallery .box {
    background: #615331 none repeat scroll 0 0;
    float: left;
    margin-right: 1px;
    padding: 0 23px 2.3em;
    position: relative;
    width: 119px;
}
#gallery .box h3 {
    background: rgba(0, 0, 0, 0) url("images/tab_drk.gif") no-repeat scroll center top;
    color: #fff;
    font-size: 23px;
    height: 23px;
    line-height: 23px;
    margin-bottom: 20px;
    text-align: center;
}
#gallery .box p {
    line-height: 1.4;
    margin: 1em 0;
    padding: 0;
}
#gallery .box .more {
    background: #978040 url("images/moretab_left_drk.gif") no-repeat scroll left top;
    bottom: 0;
    height: 18px;
    line-height: 18px;
    margin-bottom: 0;
    padding-right: 4px;
    position: absolute;
    right: 0;
    width: 3.2em;
}
#gallery .box .more a {
    color: #4c330d;
}
#gallery .box .more a:hover {
    color: #291b06;
}
#gallery .box-lit {
    background: #735220 none repeat scroll 0 0;
}
#gallery .box-lit h3 {
    background: rgba(0, 0, 0, 0) url("images/tab_lit.gif") no-repeat scroll center top;
}
#gallery .box-lit .more {
    background: #b4a26d url("images/moretab_left_lit.gif") no-repeat scroll left top;
}
#content .right-col li, #content .right-col ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#content .right-col li {
    border-left: 1px solid #615331;
    margin: 10px;
    padding-left: 9px;
}
#content .right-col a {
    color: #67450d;
    font-size: 12px;
    font-weight: normal;
}
#content .right-col a:hover {
    color: #2c1d04;
}
#later {
    color: #564929;
}
#later h2 {
    font-size: 20px;
}
#later .right-col p {
    font-size: 12px;
    line-height: 1.7;
}
#later .box {
    float: left;
    width: 85px;
}
#later .box a {
    text-decoration: underline;
}
#later #later-b1 {
    margin-right: 4px;
    padding-top: 67px;
}
#later #later-b2 {
    margin-right: 4px;
    width: 155px;
}
#later #later-b3 {
    margin-right: 6px;
    width: 114px;
}
#later #later-b4 {
    padding-top: 67px;
    width: 137px;
}
#footc {
    height: 2px;
}
#footer {
    background: #a6d17c none repeat scroll 0 0;
    color: #ff4d94;
    padding: 14px;
    text-align: center;
}
input.button {
    background-image: url("images/button.jpg");
    background-repeat: repeat-x;
    border: 1px solid #5484bf;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    height: 24px;
    padding: 0 10px;
    text-transform: uppercase;
}
a.button {
    background-image: url("images/button.jpg");
    background-repeat: repeat-x;
    border: 1px solid #bbddff;
    color: #fff;
    display: inline-block;
    float: left;
    height: 18px;
    margin: 0 10px 0 0;
    padding: 4px 10px 0;
    text-transform: uppercase;
}
.mobilemenu, .mobilemap, .mobilesharing, .locationmap {
    display: none;
}
#left-col dt, #left-col dd {
    float: left;
    margin: 0;
    width: 70%;
}
#left-col dd {
    width: 100%;
}
#left-col dd input, #left-col textarea, #left-col select {
    float: left;
    margin: 5px 0;
    width: 100%;
}
#left-col #login dt {
    width: 40%;
}
#left-col #login dd {
    width: 60%;
}
ul.errors {
    float: left;
}














/*media.css*/

@media only screen and (min-width: 20px) and (max-width: 359px) {
body {
    overflow-x: hidden;
    padding: 0;
}
#nav .title {
    font-size: 20px;
    line-height: 25px;
}
#wrapper, #header, #nav, #content, #left-col iframe {
    width: 100%;
}
#right-col iframe {
    width: 100% !important;
}
#header {
    padding-top: 0;
}
#nav a.bg {
    background-position: center center;
    background-size: cover;
    height: 120px;
}
#nav .title {
    font-size: 40px;
    line-height: 60px;
    top: 50px;
}
#nav ul {
    background: #9e9479 none repeat scroll 0 0;
    clear: both;
    display: none;
    float: left;
    height: auto;
    top: 135px;
    width: 100%;
    z-index: 9;
}
#nav ul li.home {
    padding-left: 5%;
}
#nav ul li {
    clear: none;
    float: left;
    padding: 0 0 0 5%;
    width: 45%;
}
#nav ul li a {
    font-size: 12px;
}
.mobilemenu {
    background: #9e9479 none repeat scroll 0 0;
    display: block;
    float: right;
    padding: 10px 3%;
    width: 94%;
}
.mobilemenu img {
    float: right;
}
#left-col, #right-col {
    margin: 10px 3% 0;
    width: 94%;
}
#left-col map {
    display: none;
}
#left-col .mobilemap, #left-col .locationmap {
    display: block;
}
#content table.widget, #left-col table {
    width: 100% !important;
}
#content table.widget td {
    display: block !important;
    float: left !important;
    margin: 3% !important;
    width: 94% !important;
}
#content table.widget td[colspan="2"] {
    width: 100% !important;
}
#content table.widget td img {
    width: 100% !important;
}
#content table.widget p {
    margin-left: 0;
}
#content #left-col table.widget td {
    float: left;
    margin: 0 !important;
    width: 45% !important;
}
#content #left-col table.widget td[colspan="2"] {
    width: 100% !important;
}
#content .sharing {
    display: none;
}
#content .mobilesharing {
    display: block;
}
#left-col dt, #left-col dd, #left-col #login dt, #left-col #login dd {
    width: 100%;
}
#left-col #pano, #left-col iframe, #left-col #mymapcontroldiv {
    width: 100% !important;
}
#content table.widget td.noads {
    display: none !important;
}
#content #left-col ins ins, #content #left-col ins, #content #left-col #adcontainer1, #recaptcha_widget_div {
    overflow: hidden !important;
    width: 100% !important;
}
#content table.widgetized td {
    width: 100% !important;
}
}
@media only screen and (min-width: 160px) and (max-width: 479px) {
body {
    overflow-x: hidden;
    padding: 0;
}


#wrapper, #header, #nav, #content, #left-col iframe {
    width: 100%;
}
#right-col iframe {
    width: 100% !important;
}
#header {
    padding-top: 0;
}
#nav a.bg {
    background-position: center center;
    background-size: cover;
    height: 120px;
}
#nav .title {
    font-size: 40px;
    line-height: 60px;
    top: 50px;
}
#nav .title {
    font-size: 20px;
    line-height: 25px;
}
#nav ul {
    background: #9e9479 none repeat scroll 0 0;
    clear: both;
    display: none;
    float: left;
    height: auto;
    top: 146px;
    width: 100%;
    z-index: 9;
}
#nav ul li.home {
    padding-left: 5%;
}
#nav ul li {
    clear: none;
    float: left;
    padding: 0 0 0 5%;
    width: 45%;
}
#nav ul li a {
    font-size: 12px;
}
.mobilemenu {
    background: #9e9479 none repeat scroll 0 0;
    display: block;
    float: right;
    padding: 10px 3%;
    width: 94%;
}
.mobilemenu img {
    float: right;
}
#left-col, #right-col {
    margin: 10px 3% 0;
    width: 94%;
}
#left-col map {
    display: none;
}
#left-col .mobilemap, #left-col .locationmap {
    display: block;
}
#content table.widget, #left-col table {
    width: 100% !important;
}
#content table.widget td {
    display: block !important;
    float: left !important;
    margin: 3% !important;
    width: 94% !important;
}
#content table.widget td img {
    width: 100% !important;
}
#content table.widget p {
    margin-left: 0;
}
#content #left-col table.widget td {
    float: left;
    margin: 0 !important;
    width: 45% !important;
}
#content #left-col table.widget td[colspan="2"] {
    width: 100% !important;
}
#content .sharing {
    display: none;
}
#content .mobilesharing {
    display: block;
}
#left-col dt, #left-col dd, #left-col #login dt, #left-col #login dd {
    width: 100%;
}
#left-col #pano, #left-col iframe, #left-col #mymapcontroldiv {
    width: 100% !important;
}
#content table.widget td.noads {
    display: none !important;
}
#content #left-col ins ins, #content #left-col ins, #content #left-col #adcontainer1, #recaptcha_widget_div {
    overflow: hidden !important;
    width: 100% !important;
}
#content table.widgetized td {
    width: 100% !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 567px) {
body {
    overflow-x: hidden;
    padding: 0;
}
#wrapper, #header, #nav, #content, #left-col iframe {
    width: 100%;
}
#right-col iframe {
    width: 100% !important;
}
#header {
    padding-top: 0;
}
#nav a.bg {
    background-position: center center;
    background-size: cover;
    height: 123px;
}
#nav .title {
    font-size: 40px;
    line-height: 60px;
    top: 50px;
}
#nav ul {
    background: #9e9479 none repeat scroll 0 0;
    clear: both;
    display: none;
    float: left;
    height: auto;
    top: 178px;
    width: 100%;
    z-index: 9;
}
#nav ul li.home {
    padding-left: 5%;
}
#nav ul li {
    clear: none;
    float: left;
    padding: 0 0 0 5%;
    width: 45%;
}
#nav ul li a {
    font-size: 12px;
}
.mobilemenu {
    background: #9e9479 none repeat scroll 0 0;
    display: block;
    float: right;
    padding: 10px 3%;
    width: 94%;
}
.mobilemenu img {
    float: right;
}
#left-col, #right-col {
    margin: 10px 3% 0;
    width: 94%;
}
#content table.widget, #left-col table {
    width: 100% !important;
}
#content table.widget td {
    display: block !important;
    float: left !important;
    margin: 3% !important;
    width: 94% !important;
}
#content table.widget td img {
    width: 100% !important;
}
#content table.widget p {
    margin-left: 0;
}
#content #left-col table.widget td {
    float: left;
    margin: 0 !important;
    width: 45% !important;
}
#content #left-col table.widget td[colspan="2"] {
    width: 100% !important;
}
#content .sharing {
    display: none;
}
#content .mobilesharing {
    display: block;
}
#left-col dt, #left-col dd {
    width: 100%;
}
#left-col #pano, #left-col iframe, #left-col #mymapcontroldiv {
    width: 100% !important;
}
#content table.widget td.noads {
    display: none !important;
}
#content #left-col ins ins, #content #left-col ins, #content #left-col #adcontainer1, #recaptcha_widget_div {
    overflow: hidden !important;
    width: 100% !important;
}
#content table.widgetized td {
    width: 100% !important;
}
}
@media only screen and (min-width: 568px) and (max-width: 679px) {
body {
    overflow-x: hidden;
    padding: 0;
}
#wrapper, #header, #nav, #content, #left-col iframe {
    width: 100%;
}
#right-col iframe {
    width: 100% !important;
}
#header {
    padding-top: 0;
}
#nav a.bg {
    background-position: center center;
    background-size: cover;
    height: 150px;
}
#nav .title {
    font-size: 45px;
    line-height: 60px;
    top: 50px;
}
#nav ul {
    background: #9e9479 none repeat scroll 0 0;
    clear: both;
    display: none;
    float: left;
    height: auto;
    top: 205px;
    width: 100%;
    z-index: 9;
}
#nav ul li.home {
    padding-left: 5%;
}
#nav ul li {
    clear: none;
    float: left;
    padding: 0 0 0 5%;
    width: 28%;
}
#nav ul li a {
    font-size: 12px;
}
.mobilemenu {
    background: #9e9479 none repeat scroll 0 0;
    display: block;
    float: right;
    padding: 10px 3%;
    width: 94%;
}
.mobilemenu img {
    float: right;
}
#left-col, #right-col {
    margin: 10px 3% 0;
    width: 94%;
}
#content table.widget {
    margin: 0 3% !important;
    width: 94% !important;
}
#content table.widget td {
    display: block !important;
    float: left !important;
    margin: 3% !important;
    width: 43% !important;
}
#content table.widget td[colspan="2"] {
    width: 100% !important;
}
#content table.widget td img {
    width: 100% !important;
}
#content table.widget p {
    margin-left: 0;
}
#content table.widget td img {
    width: 100% !important;
}
#content #left-col table.widget td {
    margin: 0 !important;
    width: 24% !important;
}
#content #left-col table.widget td[colspan="2"] {
    width: 100% !important;
}
#content table.widget p {
    margin-left: 0;
}
#content .sharing {
    display: none;
}
#content .mobilesharing {
    display: block;
}
#left-col dt, #left-col dd {
    width: 100%;
}
#left-col #pano, #left-col iframe, #left-col #mymapcontroldiv {
    width: 100% !important;
}
#content table.widget td.noads {
    display: none !important;
}
#content #left-col ins ins, #content #left-col ins, #content #left-col #adcontainer1 {
    overflow: hidden !important;
    width: 100% !important;
}
#content table.widgetized td {
    width: 100% !important;
}
}
@media only screen and (min-width: 680px) and (max-width: 767px) {
body {
    overflow-x: hidden;
    padding: 0;
}
#wrapper, #header, #nav, #content, #left-col iframe {
    width: 100%;
}
#right-col iframe {
    width: 100% !important;
}
#header {
    padding-top: 0;
}
#nav a.bg {
    background-position: center center;
    background-size: cover;
    height: 190px;
}
#nav .title {
    font-size: 50px;
    line-height: 60px;
    top: 50px;
}
#nav ul {
    background: #9e9479 none repeat scroll 0 0;
    clear: both;
    display: none;
    float: left;
    height: auto;
    top: 245px;
    width: 100%;
    z-index: 9;
}
#nav ul li.home {
    padding-left: 5%;
}
#nav ul li {
    clear: none;
    float: left;
    padding: 0 0 0 5%;
    width: 28%;
}
#nav ul li a {
    font-size: 12px;
}
.mobilemenu {
    background: #9e9479 none repeat scroll 0 0;
    display: block;
    float: right;
    padding: 10px 3%;
    width: 94%;
}
.mobilemenu img {
    float: right;
}
#left-col, #right-col {
    margin: 10px 3% 0;
    width: 94%;
}
#content table.widget {
    margin: 0 3% !important;
    width: 94% !important;
}
#content table.widget td {
    margin: 0 !important;
    width: 50% !important;
}
#content table.widget td[colspan="2"] {
    width: 100% !important;
}
#content table.widget td img {
    width: 100% !important;
}
#content table.widget p {
    margin-left: 0;
}
#content .sharing {
    display: none;
}
#content .mobilesharing {
    display: block;
}
#left-col dt, #left-col dd {
    width: 100%;
}
#content table.widget td.noads {
    display: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
body {
    overflow-x: hidden;
    padding: 0;
}
#wrapper, #header, #nav, #content, #left-col iframe {
    width: 100%;
}
#right-col iframe {
    width: 100% !important;
}
#header {
    padding-top: 0;
}
#nav a.bg {
    background-position: center center;
    background-size: cover;
    height: 200px;
}
#nav .title {
    font-size: 50px;
    line-height: 60px;
    top: 50px;
}
#nav ul {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    z-index: 9;
}
#nav ul li.home {
    padding-left: 5px;
}
.mobilemenu {
    display: none;
}
#left-col {
    margin: 10px 1% 0;
    width: 65%;
}
#right-col {
    margin: 10px 1% 0;
    width: 30%;
}
#content table.widget {
    margin: 0 1% !important;
    width: 98% !important;
}
#content table.widget td {
    padding: 1% 0 !important;
    width: 50% !important;
}
#content table.widget td[colspan="2"] {
    width: 100% !important;
}
#content table.widget td img {
    width: 100% !important;
}
#content table.widget p {
    margin-left: 0;
}
#content .sharing {
    display: block;
}
#content .mobilesharing {
    display: none;
}
#left-col dt, #left-col dd {
    width: 100%;
}
}
@media only screen and (min-width: 800px) and (max-width: 967px) {
body {
    overflow-x: hidden;
    padding: 0;
}
#wrapper, #header, #nav, #content, #left-col iframe {
    width: 100%;
}
#right-col iframe {
    width: 100% !important;
}
#header {
    padding-top: 0;
}
#nav a.bg {
    background-position: center center;
    background-size: cover;
    height: 200px;
}
#nav .title {
    font-size: 50px;
    line-height: 60px;
    top: 50px;
}
#nav ul {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    z-index: 9;
}
#nav ul li.home {
    padding-left: 5px;
}
.mobilemenu {
    display: none;
}
#left-col {
    margin: 10px 1% 0;
    width: 65%;
}
#right-col {
    margin: 10px 1% 0;
    width: 30%;
}
#content table.widget {
    margin: 0 1% !important;
    width: 98% !important;
}
#content table.widget td {
    padding: 1% 0 !important;
    width: 50% !important;
}
#content table.widget td[colspan="2"] {
    width: 100% !important;
}
#content table.widget td img {
    width: 100% !important;
}
#content table.widget p {
    margin-left: 0;
}
#content .sharing {
    display: block;
}
#content .mobilesharing {
    display: none;
}
#left-col dt, #left-col dd {
    width: 100%;
}
}
@media only screen and (min-width: 20px) and (max-width: 160px) { 
    #nav .title {
    font-size: 15px;
    line-height: 20px;
}
}
.pagination{
	text-align:center;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.attachment-thumbnail{
	display: inline;
	float: left;
	margin-right: 1.5em;
}
img.attachment-medium{
	display: inline;
	float: left;
	margin-right: 1.5em;
}