/*
Theme Name: Reardon Dentistry
Description: Recipe includes - html, css and lots of bootstrap
Author: Webaloo
Author URI: http://www.webaloo.com
Version: 1.0
Tags: responsive, white, bootstrap
License URI: http://creativecommons.org/licenses/by-sa/3.0/
*/


/* GLOBAL ==============================================*/

html {
	overflow-x: hidden;
}
body {
	font-family: 'Arimo', Arial, Sans-serif;
	/*background: url(http://dine11.webaloo.com/wp-content/uploads/2016/10/redline2.png) bottom left;
	background-repeat:no-repeat;*/
	font-size: 15px;
	line-height: 21px;
	color: #575757;
	font-weight: 400;
 }
.int { background: #fff;}
p, ul, ol, li {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 8px;	
}
#mainSection li {margin: 10px 0;}
#mainSection {padding-top: 0; padding-bottom: 0;}
#mainSectionInt {padding: 0px 0 0px 0;}

.mainContent {padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px;}

/* alignment for img */
img.alignright {float:right; margin:20px 0 30px 30px; }
img.alignleft {float:left; margin:0 30px 30px 0; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 36px; margin-bottom: 36px;}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


.wp-caption.alignright {float:right; margin:0 0 30px 30px; }
.wp-caption.alignleft {float:left; margin:0 30px 30px 0; }
.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 36px; margin-bottom: 36px;}

.no-display {display:none;}

/* HEADER ==============================================*/

#topBar {
	padding-bottom: 0px;
	padding-top: 50px;
  	background: url(https://huepfeldental.com/wp-content/uploads/2024/02/17564647_SL_042620_30310_15-copy-scaled.jpg);
	background-color: #fff;
	color: #000;

}
#reardon-dentistryLogo {padding-top: 20px;}


#address {padding-top: 32px;}
#address, #address p {text-align: left; font-size: 17px; line-height: 21px; color: #688a9c;}
#address .phone {text-align: left; font-size: 20px; line-height: 28px; font-weight: 400;}
a.social-icon { text-decoration: none; display: block; text-align: right; margin-top: 10px;}


/* SLIDER ==============================================*/

.slider {
	/*background: url(http://juliejohnson.webaloo.com/wp-content/uploads/2016/04/4.jpg) repeat-x top center;*/
	color: #fff;
	background: transparent;
	font-size: 16px;
	line-height: 18px;
}

/*.slider {background: #b1b1b1;}*/
	/*background: url(http://juliejohnson.webaloo.com/wp-content/uploads/2016/03/fruit.jpg) repeat-x top center;*/


/* HEADER BUTTONS ==============================================*/

.btn-default {
  text-shadow: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #000;
  background: #000;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}
.btn-default:hover, .btn-default:focus {
  background-color: #223f7b;
  border-color: #223f7b;
  color: #fff;
  text-decoration: none;
}
.btn-default a {
text-decoration:none;}



.btn-blue {
  text-shadow: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #688a9c;
  background: #688a9c;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}
.btn-blue:hover, .btn-blue:focus {
  background-color: #428c01;
  border-color: #428c01;
  color: #fff;
  text-decoration: none;
}
.btn-blue a {
text-decoration:none;}



.btn-darkblue {
  text-shadow: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #ffa65e;
  background: #ffa65e;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}
.btn-darkblue:hover, .btn-darkblue:focus {
  background-color: #428c01;
  border-color: #428c01;
  color: #fff;
  text-decoration: none;
}
.btn-darkblue a {
text-decoration:none;}



.btn-gray {
  text-shadow: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #bf5d7e;
  background: #bf5d7e;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}
.btn-gray:hover, .btn-gray:focus {
  background-color: #428c01;
  border-color: #428c01;
  color: #fff;
  text-decoration: none;
}
.btn-gray a {
text-decoration:none;}



/* FOOTER ==============================================*/

#reardon-dentistryFooter {
  background-color: #79aa62;
	padding: 0px 0;
	padding: 30px 0 60px 0;
	color: #fff;
}
#reardon-dentistryFooter p {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}
#reardon-dentistryFooter h5 {
	color: #000;
	font-size: 20px;
	line-height: 24px;
}
#reardon-dentistryFooter a {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
}
#reardon-dentistryFooter a:hover{
	color: #cecece;
}
#reardon-dentistryFooter ul li {list-style: none;}

#reardon-dentistryFooter h3 {
	color: #fff;
	font-size: 20px;
	line-height: 23px;
	font-family: 'Arimo', Arial, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	letter-spacing: -0.02em;
	font-style: italic;
	font-weight: 700;
}

/* HOME RIGHT SIDEBAR ==============================================*/

.homeWidget {padding: 0 0 29px 0;}
.rounded {display: none;}
#secondary p, #secondary a {font-size: 17px; line-height: 22px;}

.homeSidebar {background: #e8e0ca; padding-top: 30px; padding-bottom: 30px;}
.homeSidebar img.alignleft {float:left; margin:0 10px 6px 0; }
.homeSidebar h3 {
	color: #222061;
	font-size: 25px;
	line-height: 28px;
	font-family: 'Arimo', Arial, Sans-serif;
	font-weight: 400;
	letter-spacing: -0.02em;
	margin: 8px 0;
}
.homeSidebar p {font-size:16px; line-height: 20px;}

.homeSidebar .overflow {
	overflow: auto;
  }
.homeSidebar .textwidget {margin-bottom: 30px;}


p.wp-caption-text {font-size: 14px; line-height: 17px; font-style: italic; padding-top: 10px;}

/* ARCHIVES ==============================================*/
.posthead {margin-bottom: 10px;}



/* OVERRIDE BOOTSTRAP ==============================================*/

.navbar-inverse {
	background-color: #448b01;
	border-color: none;
	background-image: none;	
	border-bottom: 1px solid #fff;
}
.navbar {
  position:fixed;
  top:0;
  right:0;
  left:0;
  z-index:99;
border-radius: 0px;
margin-bottom: 0px;
border: #fff;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a {
	background-color: none;
	background-image: none;
	font-size: 18px;
	font-weight: 700;
	font-family: 'Arimo', Arial, sans-serif;
	color: #000000;
}
.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	font-size: 19px;
	font-weight: 400;
	font-family: 'Arimo', Arial, sans-serif;
	text-transform:uppercase;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color: #000;
	background: transparent;
}
.navbar-nav>li {padding: 0 5px;}
.navbar-inverse .navbar-brand {
color: #fff;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  color: #fff;
  background-color: #223f7b;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #a70d19;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0; 
  border: 0; 
  border-radius: 0; 
  -webkit-box-shadow: none; 
  box-shadow: none; 
}

.dropdown-menu>li>a {
	font-size: 17px;
	color: #fff;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background-color: #223f7b;
  background-image: none; 
  background-image:none;
  background-image: none; 
  background-image: none; 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-repeat:no-repeat; 
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color: #223f7b;
background-image: none;
background-image: none;
background-image: none;
background-image: none;
color: #fff;
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #223f7b;
  outline: 0;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color: #fff;
  background-color: #223f7b;
}
.social {
	color: #937a2d;
	font-size: 19px;
	line-height: 22px;
	font-family: 'Arimo', Arial, Sans-serif;
	font-weight: 400;
	letter-spacing: -0.02em;
}



h1, .h1, h2, .h2, h3, .h3 {margin-top: 0px;}
h1 {
	color: #7a9ed0;
	font-size: 34px;
	line-height: 39px;
	font-family: 'Arimo', Arial, Sans-serif;
	font-weight: 700;
	letter-spacing: -0.02em;
	margin: 20px 0;
}
h2 {

}
h2.sectionHeaderWhite {
	color: #fff;
	font-size: 32px;
	line-height: 36px;
	font-family: 'Arimo', Arial, sans-serif;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-transform:uppercase;
}
h3 	{
	color: #575757;
	font-size: 22px;
	font-family: 'Arimo', Arial, sans-serif;
}
h3 a:hover {color: #c2c0e2; text-decoration: none;}
h3.entry-title {margin-top: 0; line-height: 30px; margin-bottom: 3px; color: #c2c0e2;}
h3.entry-title a {color: #fff;}
h4 	{
	font-size: 20px;
	line-height: 24px;
	font-family: 'Arimo', Arial, sans-serif;
	margin: 18px 0 10px 0;
	letter-spacing: -0.02em;
	font-weight: 700;
	color: #575757;
}
h4.second-col {margin-top: -10px;}

h2.blog {
	color: #8b7b4e;
	font-size: 23px;
	line-height: 26px;
	font-family: 'Arimo', Arial, sans-serif;
	font-weight: 400;
	letter-spacing: -.02em;
	margin-top:18px;
}
.blogSide a {font-size: 16px; line-height: 19px;}
#mainSection .blogSide li {
  margin: 2px 0;
}

/* OUR TEAM ==============================================*/

.our-team-band {
	/*background: url(http://juliejohnson.webaloo.com/wp-content/uploads/2016/03/fruit.jpg) repeat-x top center;*/
	background: url(http://juliejohnson.webaloo.com/wp-content/uploads/2016/04/1752357.jpg) repeat-x top center;
	background-color: #3c3d69;
	font-size: 16px;
	line-height: 18px;
	padding: 30px 0;
	color: #fff;
}
.bioBlock {
  padding-bottom: 4px;
  overflow: auto;
}

/* OUR OFFICE ==============================================*/

.our-office {
	/*background: #59ba63;*/
	background: url(http://juliejohnson.webaloo.com/wp-content/uploads/2016/04/abstract-colorful_blurry_background_i-backgrounds-wallpapers.jpg) repeat-x top center;
	background-color: #d75438;
	font-size: 16px;
	line-height: 18px;
	padding: 30px 0;
	color: #000;
}

/* OUR SERVICES ==============================================*/

.our-services {
	/*background: #342765;*/
	background: url(http://juliejohnson.webaloo.com/wp-content/uploads/2016/04/purple_white_background_stains_abstract_65537_1920x1080.jpg) repeat-x top center;
	background-color: #9a3fc0;
	font-size: 16px;
	line-height: 18px;
	padding: 30px 0;
	color: #fff;
}
.our-services h4 {color: #b6d6ec; font-size: 24px; font-weight: 700; text-transform: normal;}

/* GALLERY ==============================================*/

.gallery {
	/*background: #f26722;*/
	background: url(http://juliejohnson.webaloo.com/wp-content/uploads/2016/03/big_24253b9aef5682d0fd2ea5a4c4918fa66c0b9480.png) repeat-x top center;
	background-color: #ffc500;
	font-size: 16px;
	line-height: 18px;
	padding: 30px 0;
	color: #fff;

}

/* NEW PATIENTS ==============================================*/

.new-patients {
	/*background: #499075;*/
	background: url(http://juliejohnson.webaloo.com/wp-content/uploads/2016/04/Abstract-Green17.jpg) repeat-x top center;
	background-color: #aacd71;
	font-size: 16px;
	line-height: 18px;
	padding: 30px 0;
	color: #fff;

}
.our-services h4 {color: #b6d6ec; font-size: 24px; font-weight: 700; text-transform: normal;}

/* CONTACT ==============================================*/

.contact {
	/*background: #437589;*/
	background: url(http://juliejohnson.webaloo.com/wp-content/uploads/2016/04/green_light_spot_73367_1920x1080.jpg) repeat-x top center;
	background-color: #85c682;
	font-size: 16px;
	line-height: 18px;
	padding: 30px 0;
	color: #000;
}



.download {margin: 16px 0;}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px dashed #545454;
}
.meta {margin: 20px 0;}
.blogSide img {max-width: 270px;width: 100%; height: auto;padding-bottom: 12px;}
.blogSide .widget{margin-bottom: 30px;}



/* BLOG ==============================================*/

.blog-content {padding-bottom: 40px;}
.blogger .featuredPostWrapper p {font-size: 18px; line-height: 22px;}
.blogger .featuredPostWrapper {
  float: left;
  width: 75%;
}
.blogger h3.entry-title {font-weight: 700;}
.blogger h3.entry-title a:hover {text-decoration:none;}


/* INTERIOR BANNERS ==============================================*/

#intBanner h2 {display: none;}

#intBanner {
	/*background: url(http://dine11.webaloo.com/wp-content/uploads/2016/10/top-banner-1.jpg) repeat-none top center #e8e0ca;*/
	padding-top: 0px;
}



/* Force WP admin bar to push content down in admin mode ==============================================*/ 
.admin-bar .navbar-fixed-top { top:32px; }


/* MEDIA QUERIES ==============================================*/ 

/* Extra Small */
@media(max-width:783px){
#topBar {
	background-repeat: repeat;
	padding-bottom: 10px;
	padding-top: 30px;
	background-color: #fff;
}
#reardon-dentistryLogo {text-align: center;}
#reardon-dentistryLogo img {width: 100%; height: auto; max-width: 259px;}
#order {padding-top: 10px; padding-bottom:10px;}
#order p, #order h2 {text-align: center;}
.featuredPostWrapper {
  width: 100%;
  padding-right: 0;
  padding-top: 16px;
  padding-bottom: 10px;
}
.featured-image{display: none;}
.theme-default:hover .nivo-directionNav a {
  opacity: 0 !important;
}
.navbar-inverse .navbar-toggle {border-color:transparent;}

/*.textwidget img {width: 100%; height: auto;}*/
/*.mainContent img {width: 100%; height: auto;}*/
.navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar .navbar-nav .open .dropdown-menu>.active>a:focus {
  color: #fff;
  background-image: none;
  background-image: none;
  background-image:  none;
  background-image: none;
  filter:  none;
  background-repeat: no-repeat;
  background: #c5a951;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  color: #fff;
}
#address, #address p, #address h2 {text-align: center;}
#topCurve {display: none;}

a.social-icon { display: inline-block; text-align: center; margin-top: 10px; padding: 0 10px;}
}

@media (min-width:784px) and (max-width:991px){
#topBar {
background-repeat:repeat;
	padding-bottom: 10px;
	padding-top: 30px;
	background-color: #fff;
}
#reardon-dentistryLogo img {width: 100%; height: auto; max-width: 200; padding-top: 20px;}
#address, #address p, #address h2 {text-align: left;}
.navbar-brand {display: none;}
.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Arimo', Arial, sans-serif;
	text-transform:uppercase;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a {
	background-color: none;
	background-image: none;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Arimo', Arial, sans-serif;
	color: #fff;
}
.nav>li>a {
  padding: 15px 3px;
}
.dropdown-menu>li>a {
  font-size: 14px;
}
.featured-image {display: none;}
#topCurve {display: none;}
}

@media (min-width:992px) and (max-width:1199px){
#topBar {
	padding-bottom: 10px;
	padding-top: 30px;
	background-color: #fff;
}
.featuredPostWrapper {float: left; width: 99%; padding-right: 0;}
/*.textwidget img {width: 100%; height: auto;}
.mainContent img {width: 100%; height: auto;}*/
.navbar-brand {display: none;}
.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Arimo', Arial, sans-serif;
	text-transform:uppercase;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a {
	background-color: none;
	background-image: none;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Arimo', Arial, sans-serif;
	color: #fff;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color: #fff;
	background: transparent;
}
.navbar-nav>li {padding: 0 0;}
.navbar-inverse .navbar-brand {
color: #fff;
}
.featured-image {display: none;}
}
@media (min-width:1200px){
.navbar-brand {display: none;}
}