/*
Theme Name: Virginia Family Dental
Theme URI: http://www.virginiafamilydental.net/
Description: This is the theme for VFD.
Author: Kimberly Holmes
Author URI: http://wafisherinteractive.com/
License: 
License URI: 
Template: wafish
Version: 0.1
*/
@import url("../wafish/style.css");

.orbit-next, .orbit-prev {
display: none;
}

.row {
max-width: 1200px;
}
.name h3 {
	display: none;
	}
	
.top-bar-section .navtitle {
display: none;
}
	
h1, h2, h3, h4, h5, h6 {
color: #29aecd
}
p {
margin: 1rem 0;

}

strong {
font-weight: 700;
}

h1 {
font-size: 1.8rem;
}
h2 {
font-size: 1.6rem;
}
h3 {
font-size: 1.4rem;
}
h4 {
font-size: 1.2rem;
}
h5 {
font-size: 1rem;
}
body
{
	background-image: url(images/bg.png);
	background-color: #f1efeb;
	background-repeat: repeat;
	font-family: "open-sans";
	font-weight: 300;
}

.top_info {
text-align: right;
}


.profile_photo {



}

.bio_photo:before {
  content: '';
  display: block;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}


.profile_photo img {
width: 100%;
}

#header {
margin: .8rem auto;
}
.nav-border {
border-bottom: 5px solid #29aecd;
}

.social_media {
float: right;
margin-right: 4px;
}

.social_media ul li { float: left; margin-top: 10px;}

.inline-list > li {
margin-left: .2rem;
}


input.dream-search, input.dream-search:focus {
border: none;
border-bottom: 1px dotted #CCC;
background: none;
box-shadow: none;
margin-top: -4px;
}

.search-field {
  width: 0;
}


.mobile-search-field {
 width: 0;
}



.social_media a {
color: #cdcdcd
}

.social_media a:hover {
color: #29aecd
}

.button.secondary {
font-family: "open-sans";
font-weight: 300;
background-color: #FFF;
padding-left: 2rem;
padding-right: 2rem;
padding-top: .4rem;
padding-bottom: .4rem;
color: #29aecd;
font-size: 1.1rem;
}

a.button.secondary span {

display: block;
position: relative;
line-height: 1rem;
}

a.button.secondary {
border: 1px solid #dedddb;
}

.slider_overlay {

width: 350px;
position: absolute;
top: 170px;
right: 40px;
font-family: "open-sans";
font-weight: 300;
background-color: #FFF;
opacity: .9;
text-align: center;
padding: 1.6rem 1rem;
font-size: .8rem;
}

.slider_overlay h3 {
font-size: 1.4rem;
color: #29aecd;
}

.phone {
font-family: "open-sans";
font-weight: 300;
font-size: 1.6rem;
color: #cfcfcf;
}
.phone a {
color: #29aecd;
}

.button.secondary i.fa {
color: #cdcdcd;
font-size: 2.4rem;
}

.button.secondary:hover {
background-color: #FFF;

color: #29aecd;
}


.home-block
{
	position: relative;
	background-color: #FFF;
	height: 237px;
	font-family: "open-sans";
	font-weight: 300;
	text-align: center;
	color: #FFF;
	font-size: 1rem;
	background-repeat: no-repeat;
	background-size: cover;
}

.staff-block
{
	background-color: #FFF;
	height: 237px;
	font-family: "open-sans";
	font-weight: 300;
	text-align: center;
	color: #FFF;
	font-size: 1rem;
	background-repeat: no-repeat;
	background-size: cover;
}


.side_feature {
	margin-bottom: 1.875rem;
	position: relative;
	
	font-family: "open-sans";
	font-weight: 300;
	text-align: center;
	color: #FFF;
	font-size: 1rem;
	background-repeat: no-repeat;
	background-size: cover;
}

.hours {
padding: 1rem 0;
}
.featured-hours {
background-color: #29AECD;
}
.featured-hours a {
color: #FFF;
}
.side-hours {
margin-bottom: 1.875rem;
}

.side-hours div.block_title {
font-size: 2rem;
color: #FFF;
}

.featured-hours  p {
padding: 0px;
}

.home-block h3 {
font-size: 2rem;
color: #FFF;
}

.home-block div.block_title {
font-size: 2rem;
color: #FFF;
}


.inner_slider {
margin-bottom: 1.875rem;
}
.home-features {
margin: 1.875rem auto;
}

.home-content {
background-color: #FFF;
padding: 20px;
margin-bottom: 1.875rem;
}

.home-content ul { list-style-type: disc; padding: 0 0 0 2rem;}

.home-content ol
{
	list-style-type: decimal;
	padding-left: 2rem;
}

.home-content ol li, .home-content ul li {
padding-bottom: .6rem;
}

.testimonials
{
	margin: 1.875rem auto;
	background-color: #FFF;
	padding: 20px;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: right 0;
}


.featured-dr {
text-align: right;
height: 100%;
background-size: cover;
margin: 0;
padding: 0;
}

.featured-dr:after {
  content: '';
  display: block;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1));
}

.dr-info {

padding-top: 50px;
text-align: right;

}

.dr-info h2 {

color: #29AECD;
font-size: 1.2rem;
}

.dr-info a {
color: #5f7276;
}


.featured-title { 
background-color: #29AECD; 
opacity: .9;
position: relative;
width: 100%;
clear: both;
bottom: 0;
padding: 10px;
text-align: right;
font-size: 1.2rem;
}

.caption {
    display: inline-block;
    position: absolute;
    font-family: "open-sans";
	font-weight: 300;
	width: 100%;
	height: 40px;
	padding: 10px;
	bottom: 0;
	background-color: #29AECD;
	opacity: .9;
	text-align: right;
	left: 0;
}
 
.caption a {
color: #FFF;
}
.caption::before,
.caption::after {
    opacity: 1;
    position: absolute;
    width: 100%;
    color: #fff;
    left: 0;
   
}


.testimonial {
border: 1px solid #F1F1F1;
background-color: #f9f9f9;
padding: 1rem;
margin-bottom: 1rem;
}





.featured-title a {
color: #FFF;
}

.top-bar {
	background: #FFF;
	font-family: "open-sans";
	font-weight: 300;
	}
	.top-bar .toggle-topbar a span {
	color: #5f7279;
	}
	
.top-bar .toggle-topbar.menu-icon a::after {
content: "";
position: absolute;
right: 0;
display: block;
width: 16px;
top: 0;
height: 0;
-webkit-box-shadow: 1px 10px 1px 1px #5f7279, 1px 16px 1px 1px #5f7279, 1px 22px 1px 1px #5f7279;
box-shadow: 0 10px 0 1px #5f7279, 0 16px 0 1px #5f7279, 0 22px 0 1px #5f7279;
}

.title-area .name div {
display: none; 
}

.top-bar.expanded .title-area {
background:#FFF;
}
.top-bar-section .dropdown li.title h5 a {
font-size: .9em;
color: #5f7279;
}

.js-generated h5 a {
		font-weight: 700;
		font-size: 1.1em;
		color: #5f7279;
	}
	.js-generated h5 a:before {
		content: '\00AB';
		display: inline-block;
		float: left;
		margin-right: 10px;
		
		color: #5f7279;
		 	
	}

	
	.top-bar .top-bar-section {
		background: rgba(255,255,255,1);

	}
	
	.top-bar-section ul {
		background: #FFF;
	}
	
	.top-bar-section li > a:not(.button) {
		background: transparent;
		font-family: inherit;
		font-size: .88888em;
		font-weight: 300;
		border-right: 1px solid #f6f6f6;
		color: #5f7276;

	}
	.top-bar-section li:hover > a:not(.button), .top-bar-section ul li.current_page_item > a {

		background: none;
		color: #29aecd;
	}
	.top-bar-section .has-dropdown > a {
		padding-right: 15px!important;
	}
	.top-bar-section .has-dropdown > a:after {
		border: none;	
	}
	
	
	
	.top-bar-section .dropdown li {
		
		background: rgba(255,255,255,.9);
		padding: 0 10px;	
	}
	.top-bar-section .dropdown li a {
		padding: 6px;
		opacity: .9;	
	}
	.top-bar-section .dropdown li a:hover {
		opacity: 1;	
	}
	.top-bar .name span {
		display: none;
	}




#main {
	width: 940px;
	margin: 15px auto;
	padding: 0 10px;
}
.blog-entry, 
.search-entry  {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;	
}
.blog-entry:last-of-type, 
.search-entry:last-of-type  {
	border-bottom: none;	
}
.more {	
	font-size: .8em;
	line-height: 18px;
}
.post-meta {
	font-size: .8em;	
}
.search-entry {
	margin: 10px 0;
	padding-bottom: 10px;	
}
footer {

	background-color: #FFF;
	
	height: 370px;
}

.building
{
	width: 854px;
	height: 313px;
	background-image: url(images/building.png);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}

/*
#29aecd
*/

.bottom_bar {
background-color: #333;
color: #FFF;
height: 30px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: .5rem;
}


footer #copyright {
	color: #fff;
}
footer a {
	color: #ccc;	
}
footer nav {
	width: 960px;
	margin: 0 auto 10px;
	background: none!important;
	height: 16px;	
	border: none;
	text-align: center;
}
footer nav ul {
	width: auto;
	margin: 0 auto;	
}
footer nav ul li {
	display: inline;	
}
footer nav ul li a {
	margin: 10px;
}
footer nav ul li:after {
	content: '\007C';
	color: #fff;
}
footer nav ul li:last-child:after {
	content: none;
}
footer nav ul li a:hover {
	background: none;
}

.footer_info span {
float: left;
clear: none;
margin-right: 10px;
margin-top: 0;
}

.footer_info .fa {
color: #f1f1f1;
}

.footer_info .fa-inverse {
color: #29aecd;
}


.footer_phone, .footer_location {
font-size: 1.2rem;
}

.fa-text {
padding-top: 8px;
}

.footer_phone .fa-text {
padding-top: 12px;
}

.footer_content {
margin-top: 3rem;
}

.bottom_logos {
margin-top: 2rem;
width: 400px;
max-width: 100%;
}











@media screen and (min-width:641px) {
	
	
	

}

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

	.building {
	display: none;
	}

.caption {
    
	left: 50%;
	margin-left: -194px;
	max-width: 388px;
}

.featured-hours  p, .side-hours p {
padding: .2rem 0;
}

.featured-hours  p span:before, .side-hours p span:before {
content:'\A';
white-space:pre;
}

.dr_feature, .featured-staff, .slider_overlay {

display: none;
}

.bottom_bar {
height: auto;
}

.top_info {
text-align: center;
margin-top: 1rem;
}

.top_logo {
text-align: center;
}

.social_media
{
	float: none;
	text-align: center;
	margin: 0;

	
}
.mobile_social {
text-align: center;
border: 1px solid red;
width: 100%;
margin: 0;
}

}

@media screen and (min-width:1025px) {
	
}


@media screen and (min-width:641px) and (max-width: 1024px) {
	
.building
{
	width: 450px;
	height: 165px;
	background-image: url(images/building-small.png);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}

.slider_overlay {
top: 70px;
}

}

ul.staff_profile {
padding-left: 0;
}
ul.staff_profile li {
margin-bottom: .8rem;
}
ul.staff_profile li .profile_full {
background-color: #29aecd;
color: #FFF;
text-align: center;
padding: 1rem 0;
}

ul.staff_profile li h2, ul.staff_profile li h3 {
color: #FFF;
}

ul.staff_profile li h3 {
font-size: .8rem;
}

.staff_circular {
	width: 200px;
	max-width: 90%;
	height: 200px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background: no-repeat;
	background-size: cover;
	margin: 1rem auto;
	}