/*
Theme Name: smilingkidsindy
Version 04/08/2014
Theme URI: http://optimized360.com
Author: Sean Fahimi
Author URI: http://optimized360.com/about-us
License: Copyright Optimized360 LLC - All Rights Reserved  © 2013-2014
*/

/*RESET*/
body,div,table,h1,h2,h3,h4,h5,h6,li,p,a{padding:0;border:0;margin:0;}
.hide-on-mobile{display:inline-block}
.hide-on-pc{display:none;}

/* DESIGN  */

/* ELEMENTS -------------------------------------------------------------------- */
body { font-size: 14px; font-family: 'Roboto Slab', serif; color: #787878; }
h1 { color: #2f9a9c; padding-bottom: 20px; font-size: 40px; }
h2 { color: #2f9a9c; padding-bottom: 18px; font-size: 32px; }
h3 { color: #2f9a9c; padding-bottom: 20px; font-size: 28px; }
h4 { color: #2f9a9c; padding-bottom: 20px; font-size: 24px; }
h5 {font-size:22px; color:#2f9a9c; margin-bottom:12px; }
h6 { font-size: 18px; color:#2f9a9c;  margin-bottom:10px; }
p { line-height: 25px;  margin-bottom: 15px; }
a { color: #337ab7 !important; text-decoration: none; transition: all 0.5s ease; }
a:hover { color: #666; }
ul { list-style-type: disc; margin-left: 17px; padding-bottom: 15px; }
li { line-height: 22px;  }
img a { transition: all 0.3s ease }
section { text-align: center }
div { text-align: left }
b, strong {font-weight: bold}
i, em { font-style: italic }
a{ text-decoration: none;}

 



.inner-logo { text-align: center; background:url(images/featured.jpg) no-repeat center top; background-size:100% 100%; padding: 40px 0 50px;} 
.inner-logo img { display: block;  margin: 0 auto;  max-width: 500px;  width: 100%; }


/* TOP  -------------------------------------------------------------------- */

.covid-banner{background: #96d2d0;font-size: 20px;color: #fff;text-align: center;padding: 20px;}

#top-100 { width:100%; position:relative; box-shadow:0 0 4px 3px #e6e6e6; transition: all 0.5s ease 0s; }
.appoint {/* position: absolute; *//* top: 0; *//* right: 0; */font-size:24px;color:#277172;background:#96d2d0;padding:18px 24px;}
.appt-btn {text-align: center; margin-top: 40px;}

#top { padding:21px 0; }
.logo img { display: block;  margin: 0 auto;  text-align: center; }
.logo {background:url(images/hero.jpg) no-repeat center top; background-size:cover; padding: 40px 0 460px;  }

.services ul li img {border-radius:4px; max-width:100%; }
.services ul {margin:0; padding:0; display:block; }
.services ul li {list-style:none; float:left; margin:0px; padding:0 7px 15px; width:25%; position:relative; }
.service-wrap { border: 10px solid #fff; box-shadow: 0 0 16px -3px rgba(0, 0, 0, 0.8);  position: relative; overflow:hidden; }
.services ul li span {background: rgba(47, 154, 156, 0.8); border-radius: 0; top: 175px; color: #fff; display: block; font-size: 30px; left: 0; padding: 18px 10px; position: absolute; text-align: center; height: 100%; width: 100%; transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s;  }
.services ul li:hover span {top:0; padding-top:100px; background:rgba(47, 154, 156, 0.4); }
.services ul:after  {clear:both; display:block; content:""; }
.services ul {margin-top: -380px; padding: 0; }


.home .content-100 { padding: 80px 0; background:url(images/content-5.jpg) no-repeat center bottom #fff; border-bottom:50px solid #e8ce36; }
.home #content {text-align:center; padding:0 120px; }

.meet-heading {font-size:45px; color:#2f9a9c; display:block; text-align:center; }
.meet-dr  {background:url(images/dr-bg.jpg) no-repeat center top; background-size:100% 100%; padding:114px 0; }
.meet-dr ul {margin:0; padding:0; display:block; text-align:center; }
.meet-dr ul li {list-style:none; list-style:none ; display:inline-block; margin:0 100px; vertical-align:top; }
.meet-dr ul li span {color:#2f9a9c; font-size:30px; margin:10px 0 40px; display:block; }
.meet-dr ul li .appointment { color:#fff; font-size:16px; background:url(images/call.png) no-repeat 25px center #bdbdbd; padding:13px 25px 13px 60px; }
.meet-dr ul li .appointment:hover {color:#277172; background:url(images/call-hover.png) no-repeat 25px center #e8ce36;  } 


.testimonial {background:url(images/footer-img.jpg) no-repeat center top; background-size:cover; padding:51px 0; text-align:center; }

.testimonial p {color: #fff;  font-size: 30px;  line-height: 38px;  padding: 0 120px; text-align: center; }
.testimonial p span {display:block; text-align:center; margin-top:45px; padding-top:20px; font-size:20px; position:relative; }
.testimonial p span:after {position:absolute; content:""; height:1px; background:#a7d1cf; width:106px; left:50%; top:0; margin-left:-53px; } 
.testimonial img { display: block; margin: 0 auto; }

.footer-last {max-width:695px; margin:0 auto; }
.social a {color:#fff;  border-radius:50%; width:52px; height:52px; text-align:center; font-size:26px; display:block; float:left; margin-left:5px; padding-top:7px;  }
.fb {background:#3b5999; }
.google {background:#d14836; }
.twitter {background:#00acee; }
.pintrest {background:#cb2028; }
.social:after {clear:both; display:block; content:""; } 
.social {margin: 30px auto 0; text-align: center; }
#footer span {font-size:33px; color:#2f9a9c; margin-bottom:35px; display:block;p } 
.footer-menu1 { border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;  padding:10px 25px 45px; } 

#footer .footer-hours ul li {width:100%; display:block;  font-size:16px; color:#3e3e3e; text-align:left; margin-bottom:8px; }
#footer .footer-hours ul li span {font-size:15px; color:#3e3e3e; float:right; margin:0; }
.footer-hours {padding:0 40px;  }

/* MENU  -------------------------------------------------------------------- */



/* CONTENT  -------------------------------------------------------------*/




/* SIDEBAR  -------------------------------------------------------------------- */
#sidebar {  }


/* FOOTER  -------------------------------------------------------------------- */
#footer-100  { background:url(images/footer.jpg) repeat-x center bottom #fff; padding:52px 0 45px; }
#footer ul {margin:0; padding:0; display:block; text-align:center; }
#footer img {max-width:100%; }
#footer ul li {list-style:none; display:inline-block; padding:0; margin:0; }
.footer-menu1 ul li a {color:#7e7a7a; font-size:14px; }
#footer .footer-menu1 ul li {float: left; text-align: left;  width: 50%;margin-bottom:10px; }
.footer-menu ul li a:hover, #footer .footer-menu1 ul li a:hover {color:#d9ae46; }
#footer .footer-menu1 ul li a {font-size:16px; color:#3e3e3e; } 
.footer-menu2 { float: left; margin-right:28px; margin-top:7px; }
#footer ul li a:hover {color:#653B53; }

/* == Menu == */
#menu ul {list-style:none; margin:0; padding:0; display:block; text-align:right;}
#menu ul li{padding:0;margin:0; display:inline-block; margin-left:0;}
#menu ul li:first-child a { border:0px; }
#menu ul li a{color: #2f9a9c !important; font-size:18px; text-decoration:none; padding:0 25px; border-left:1px solid #e4e4e4; }
#menu ul li a:hover{color:#D9AE46;}

/* ===== sub-menus ===== */ 
#menu ul ul { width: 200px; background:#96D2D0; text-align:left; }
#menu ul ul li a { color:#fff !important; width: 100%; font-size:14px; letter-spacing: 1px; text-align:left; padding:10px 11px;margin:0px; display:block; }
#menu ul ul li>a:hover { background:#2E2E50; color: #fff }
#menu ul ul li {margin:0; }
/* ===== current item ===== */
#menu .current-menu-item a { color: #D9AE46; }
#menu .current-menu-item .sub-menu a { color: #fff; }
#menu .current-menu-item .sub-menu a:hover { color: #fff; background-color:#277172; }

/* ===== dropdown ===== */
#menu ul li { position:relative; display: inline-block; }
#menu ul li a { display:block; }
#menu ul li li {display:block; }
#menu ul li a:hover { position:relative; }
#menu ul li:hover ul { display:block; position:absolute; left:13px; top:22px; height:auto; margin:0; padding:0; z-index: 1000; }
#menu ul ul li:hover ul, #menu ul li:hover ul li:hover ul {display:block; top:0px; left: 100%;  }
#menu ul ul, #menu ul li:hover ul ul { position:absolute; display:none; }    


#menu ul ul li a:hover {color: #fff !important; background-color: #2E2E50; }
.footer-menu ul {margin:0; padding:0; display:block; text-align:center; }
.footer-menu ul li {margin:0; padding:0; display:inline-block;  }
.footer-menu ul li a { font-size:15px; color:#a1a2a2; }
.footer-menu { padding: 20px 0;  }

#content-100 { padding:70px 0; }
.mobile-menu{ display: none;}
.desktop-menu {display:block; } 



/* BLOG ---------------------------------------------------------------------------------------*/


.home-content .sidebar { padding-top:0;}
.post:after { clear: both; content: ""; display: block;}
.post{margin-bottom: 40px;}
.post-thumbnail { float: left; width: 25%; padding-right:2%; }
.post-thumbnail a img{ max-width:100%; width:100%; height:auto;}
.blog-sidebar ul { margin:0; padding: 0;}
.post-excerpt { float: right; width:100%;}
.post-excerpt a {text-transform: uppercase; text-decoration: none;}
.post-excerpt p{ font-size:15px;}
.post-excerpt h4{ font-size:20px;}
.post-excerpt h4 a, .post-excerpt .commtent-count  a{color:#2f9a9c}
.post-content h4 a, .comment-count a { color:#2f9a9c}

.content-main-blog { padding: 50px 0;}
.content-main-blog .align-left ul {margin:0; padding:0; }
.content-main-blog .align-left ul li {list-style:none; display:block; clear:both; margin-bottom:25px; }
.post-thumbnail img { max-width: 100%; height: auto;}

.blog-sidebar h3 {font-size:20px; color:#2f9a9c; margin-top:20px; }
.blog-sidebar ul { padding:0; }
.blog-sidebar ul li a {color:#2b2b2b; text-decoration:none; }
.page-numbers { border: 1px solid #000;  padding: 5px;}
.content-main-blog ul {margin:0; padding:0; }
.content-main-blog ul li {list-style:none; }
.content-main-blog .post .thumbnail { width: 250px; float: left; margin: 0 30px 30px 0;}
.pagination {display:block; clear:both; color:#000; }
.pagination span{ border:1px solid #000; padding:5px;}
.pagination:hover, .pagination.current { color:#44B1D7; text-decoration:none;  }
.post .thumbnail {border:none; }
.content-main-blog:after {clear:both; display:block; content:""; }

.home-content h1 {padding-left:15px; }
.home-content .post-full-content h1 {padding-left: 0;}


.post-full-content .featured_image {display:block; height: auto; width: 25%; margin-bottom:15px; padding-right: 2%;}

.featured_image img { height: auto; width: 100%;}
.blog-archive .sidebar { float: right;}

.page-template-tempate-blog .post-full-content .featured_image{ float:left; width:38%; padding-right:2%; margin:0;  }
.page-template-tempate-blog .post-full-content .post-content { float: right; width: 60%;}
.page-template-tempate-blog .post-full-content .featured_image img { height: auto; max-width: 100%; width: 100%;}
.page-template-tempate-blog .post-full-content{ margin-bottom:40px;}
.post-full-content::after { clear: both; content: ""; display: block;}
.post-content a{ text-decoration:none; }

.single .post-full-content .featured_image img{ height:auto;}
.post-content:after { clear: both; content: ""; display: block;}

.post-content { float: right; width: 100%;}
.blog-sidebar { padding-left: 50px; width: 75%;}
.blog #content { padding: 50px 0;}
.post-full-content { margin-bottom: 40px;}
#searchsubmit { margin-top: 10px;}
.single .post-full-content{ margin-bottom:0;}

blockquote{ margin-top:70px !important; }


/* ---------------------------------------------------------------------------------------*/

.carousel-indicators { bottom: -20px;}

/* Miscellaneous Changes */
.et_divi_builder #et_builder_outer_content .et_pb_module ul {
	margin: 10px 0px 10px 25px;
}

.et_divi_builder #et_builder_outer_content .et_pb_module li {
	list-style: initial;
}

.et_divi_builder #et_builder_outer_content .et_pb_row {
	margin: 0px;
}

#et_builder_outer_content h2, #et_builder_outer_content h3 {
	color: #2f9a9c;
}

#et_builder_outer_content blockquote {
	padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

@media (max-width:1919px){
#menu ul li a {padding: 0 16px;}
}


@media screen and (max-width:1700px) {
.appoint {font-size:16px; padding:24px; }	
#menu ul li a {padding:0 18px; }
}

@media screen and (max-width:1400px) { 
#menu ul li a { padding: 0 12px;}
}

@media screen and (max-width:1199px) {
#menu ul li a {font-size:14px; padding:0 12px; }
.home .content-100 {background-size:100% auto; }
.meet-dr ul li {margin:0 30px; }
#footer .footer-menu1 ul li {width:100%; }
.services ul li span {padding:10px 5px; top:147px; font-size:22px; }
.services ul li:hover span {padding-top:90px; }
.appoint { padding:24px 14px; }

.appoint { font-size: 14px;}


	
}

@media screen and (max-width:991px) {
 
#menu {padding-top:0px; }
.desktop-menu {display:none; } 
.mobile-menu {display:block; } 
.mobile-menu, .dropdown-toggle {display:block;}
.dropdown-toggle {color:#fff; border-radius:7px; margin:0px; font-size:18px; font-weight:600; text-decoration:none; float:left; line-height:22px; 
padding:10px 20px; }
.dropdown-toggle:hover, .dropdown-toggle:focus { color:#fff;  background:none; text-decoration:none; }
#menu ul li {display:block; width:100%; margin:0}
.dropdown-menu { float: right; left: auto; position: absolute; right: 0px; top: 100%; width: 100%; z-index: 999999; border-radius:0 ; margin-top:0;}
#menu ul li.home.current-menu-ite a, #menu ul li.home:hover a #menu ul li a:hover, #menu .current-menu-item a, #menu ul li a:hover, #menu .current-menu-item a  {color:#fff; text-shadow:none; text-decoration:none; }

/*==== Sub menu ======*/
#menu ul ul, #menu ul li:hover ul ul {display:block; }
#menu ul li a {padding:10px 16px; text-align:left; color:#fff; border-radius:0px; font-size:14px; width:100%; }
#menu ul li a:hover { background:#92ac9f; }
#menu ul ul li a {width:100%; padding:10px 12px 10px 50px;   }
#menu ul ul, #menu ul li:hover ul {width:100%; position:static;  }
#menu ul ul, #menu ul li:hover ul ul {position:static; }
.btn-group.mobile-menu.open{ position: static;}
#menu ul ul li a {font-size:12px; }
#menu ul ul {background:none; }
#menu ul ul li a:hover {background:#fff; color:#333}
#menu ul li a:before  {display:none; }

#menu-100 .container { position: relative;}
.btn-group.open .dropdown-toggle { box-shadow: none;}
.dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus{ background:#E5BA53 !important; max-width:100%; color:#151515 !important}
.dropdown-menu {background:#96D2D0; }
#menu ul li.current-menu-item > a, #menu ul li a:hover { background: #277172; color: #fff; }

#menu ul li a {border:0px; }
#top { padding:14px 0; }
.services ul { margin-top: -400px;  padding: 0; }
.services ul li span {top:168px; }
.home #content {padding:0; }
h1 {font-size:38px; }
.home .content-100 {padding:40px 0 100px; }
.meet-dr {padding:40px 0; }
.meet-dr ul li {
  margin: 0 20px 20px;
}
.testimonial p {padding:0 60px; }
.social a {width:45px; height:45px; font-size:22px;  }
.footer-hours {padding:0 20px; }
.footer-menu1 {padding:10px 25px 0; }
.meet-dr{ background-size:cover}

.blog-sidebar { width: 100%; padding-left: 30px;}

.inner-logo{ background-size:cover;	}




}


@media screen and (max-width:767px) {
.mobile-menu, .dropdown-toggle {float:none; width:100%; }
#menu {float:none; }
.appoint {width:100%; text-align:center; padding:15px; font-size:22px; }
#menu {padding-top:47px; }
#top {padding:14px 0 0; }
.dropdown-toggle {border-radius:0px; padding:15px 20px; }
.logo {padding:100px 0 480px; }
.testimonial p {padding:0px; }
.footer-logo {text-align:center; }
.footer-menu1:after { clear:both; display:block; content:""; }
#footer span {margin-bottom:15px; }
.footer-menu1 { padding: 30px 15px 0;  max-width: 300px;  margin: 0 auto;  float: none;  clear: both;  border: 0; }
.services ul li span {top:144px; }
.services ul {margin-top:-110px; }
.logo {padding: 100px 0 240px;  }
.footer-hours {max-width:300px; margin:0 auto; float:none; }
.testimonial p span {margin-top:25px; } 


.blog-sidebar { margin-top: 50px; padding-left: 0px;}
.blog-sidebar ul { padding-left: 15px;}
.home-content .post-full-content h1 { font-size: 34px;}
.inner-logo{padding: 40px 0;}


}

@media screen and (max-width:640px) {
.services ul li {float:none; width:400px; float:none; margin:0 auto 20px; }
.services ul {margin-top:0px; }
.services {padding-top:60px; }
.services ul li span {top:204px; }
.logo img {max-width:100%; }
.logo { padding: 130px 0 200px; }
.home-content .post-full-content h1 { font-size: 25px;}



}

@media screen and (max-width:480px) {
.appoint {font-size:15px; padding:12px; }
#content-100 { padding: 60px 0 10px; }
#menu {padding-top:30px; }
.logo { padding: 60px 0 140px; }
.services ul li {width:280px; }
.services ul li span {top:124px; }
h1 {font-size:28px; }
.home .content-100 { padding: 20px 0 40px; border-bottom:10px solid #e8ce36; }
.meet-heading {font-size:32px; }
.meet-dr ul li .appointment {font-size:14px; padding:13px 25px 13px 40px; background:#bdbdbd url("images/call.png") no-repeat 11px center;  }
.meet-dr ul li .appointment:hover {background:#e8ce36 url("images/call-hover.png") no-repeat 11px center; }
.testimonial p {line-height:32px; font-size:20px; }

.post-thumbnail { float: left; padding-right: 0; width: 100%; margin-bottom:20px;}
.post-excerpt {  width: 100%;}
.post-excerpt h4 { font-size: 18px; line-height: 22px;}
.post-full-content .featured_image { width: 100%;}
.post-content { width: 100%;}
.home-content .post-full-content h1 { font-size: 25px; padding-left: 0;}

.inner-logo{padding: 20px 0;}


}
/* == Core == */
.alignnone{margin:5px 20px 20px 0;}.aligncenter, div.aligncenter{display:block;margin:5px auto 5px auto;}.alignright{float:right;margin:5px 0 20px 20px;}.alignleft{float:left;margin:5px 20px 20px 0;}.aligncenter{display:block;margin:5px auto 5px auto;}a img.alignright{float:right;margin:10px 0 35px 30px;}a img.alignnone{margin:5px 20px 20px 0;}a img.alignleft{float:left;margin:15px 75px 30px 0;}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{max-width:96%;padding:5px 3px 10px;text-align:center;}.wp-caption.alignnone{margin:5px 20px 20px 0;}.wp-caption.alignleft{margin:15px 35px 30px 0;}.wp-caption.alignright{margin:5px 0 20px 20px;}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}.wp-caption p.wp-caption-text{font-size:13px;color:#888;margin-left:15px;margin-top:-5px;margin-bottom:15px}#post_name{display:none}#wpadminbar{}
    


/* == Column == */
.col-5{width:5%}.col-10{width:10%}.col-15{width:15%}.col-20{width:20%}.col-25{width:25%; float: left; text-align: center}.col-30{width:30%}.col-35{width:35%}.col-40{width:40%}.col-45{width:45%}.col-50{width:50%; float: left}.col-55{width:55%}.col-60{width:60%}.col-65{width:65%}.col-70{width:70%}.col-75{width:75%}.col-80{width:80%}.col-85{width:85%}.col-90{width:90%}.col-95{width:95%}.col-100{width:100%}
.col-5,.col-10,.col-15,.col-20,.col-25,.col-30,.col-35,.col-40,.col-45,.col-50,.col-55,.col-60,.col-65,.col-70,.col-75,.col-80,.col-85,.col-90,.col-95,.col-100{float:left;}
    

    
/* == Media iPad ================================================== */
@media (max-width:441px){
.hide-on-mobile{display:none}
.hide-on-pc{display:inline-block;}
    
.col-5,.col-10,.col-15{width:0}
.col-20,.col-25,.col-30,.col-35{width:50%}.col-40,.col-45,.col-50,.col-55,.col-60,.col-65,.col-70,.col-75,.col-80,.col-85,.col-90,.col-95{width:100%; float: none}
img {max-width:100%;height:auto}
img.alignleft, img.alignright,a img.alignleft, a img.alignright{margin:5px 20px 20px 0;float:none} 

}