/*
Theme Name: Dentist Plus
Theme URI: https://gracethemes.com/themes/free-dentist-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Dentist plus is a free dental WordPress theme. It is perfect for medical ,dental, spa, yoga, health care, hospital and any oher flat business. It is user friendly customizer options. it is Compatible with WooCommerce, Nextgen gallery ,Contact Form 7 and many WordPress popular plugins. Demo Link: https://gracethemes.com/demo/dentistplus/

Version: 1.2.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: dentist-plus
Tags:blog,two-columns,right-sidebar,custom-logo,full-width-template,footer-widgets,custom-colors,custom-header,featured-image-header,editor-style,custom-background,custom-menu,sticky-post,threaded-comments,theme-options,translation-ready

Dentist Plus WordPress Theme has been created by Grace Themes(gracethemes.com), 2016.
Dentist Plus WordPress Theme is released under the terms of GNU GPL
*/
body{ margin:0; padding:0;line-height:20px; font-size:13px; color:#5c5c5c; font-family:'Montserrat', sans-serif;  -ms-word-wrap:break-word; word-wrap:break-word;}
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#ff5c01;}
a:hover{ color:#333;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#484f5e; font-family:'Montserrat', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:36px;}h2{ font-size:30px;}h3{ font-size:24px;}h4{ font-size:20px;}h5{ font-size:18px;}h6{ font-size:14px;}
.clear{ clear:both;}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#646262; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

.logo{float:left; z-index:999; padding:12px 0;  color:#333;}
.logo h1{font-weight:400; margin:0; line-height:36px; color:#fff;}
.logo a{ color:#fff;}
.logo span{ color:#fff; display:block;}
.container{ width:1100px; margin:0 auto; position:relative;}
.pagebanner{ height:280px; overflow:hidden; text-align:center;}
.pagebanner img{ position: relative; background-size:cover; width:100%; height:auto;}

/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px; display:none;}
.toggle a:hover{color:#ffffff !important;}
.headernav{display:none; margin-top:30px;}
.headerinner, .blog .header{ position:relative !important}
.header{width:100%; z-index:999; top:auto; background-color:#222; border-bottom:2px solid #ff5c01;}
.headernav{ padding:0; text-align:right; float:right;}
.headernav ul { float:right; margin:0; padding:0; font-family:'Montserrat', sans-serif; font-weight:400; font-size:14px;}
.headernav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.headernav ul li a{ padding:15px 20px; display:block; color:#fff; }
.headernav ul li ul li{display:block; position:relative; float:none; }
.headernav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left; border-bottom:1px solid #333;  }
.headernav ul li ul li a:hover, .headernav ul li ul.sub-menu li.current_page_item a{border-radius:0; }
.headernav ul li a:hover, .headernav ul li.current_page_item a, .headernav ul li.current-menu-ancestor a.parent{background-color:#ff5c01;color:#fff; border-radius:8px 8px 0px 0; }
.headernav ul li.current-menu-ancestor ul li a{ border-radius:0 !important; }
.headernav ul li ul{display:none; z-index:9999; position:relative;}
.headernav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color: rgba(0, 0, 0, 0.8);  box-shadow:0 2px 2px #000; }
.headernav ul li:hover ul li ul{display:none; position:relative;}
.headernav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}


section#home_slider{ padding:0; }
#FrontBlogPost, #wrapfirst, #wrapsecond{ padding:70px 0;  border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
h2.section-title {color:#454545; font:300 36px/40px 'Montserrat',san-serif; text-align: center; }

.welcomecontent{ width:50%; float:left; text-align:right; margin:0 25px 0 0; }
.welcomethumb{ width:45%; float:right; text-align:left;}

.UnderLine{ width:50%; position:relative; display:inline-block; clear:both; margin:10px auto 30px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#FCFCFC; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: auto; right:0; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

#sidebar .search-form input.search-field{ background-color:#f0efef; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #ff5c01; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}
/* = section first css
-------------------------------------------------------------- */
.fourbox{ color:#2e2e2e; width:21.8%; float:left; margin:0 4% 0 0; text-align:center; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fourbox p{line-height:20px; margin-bottom:20px; }
.fourbox h3{ font-size:18px; font-weight:400; color:#343434; margin:0 0 15px;}
.fourbox:hover h3{ color:#31cafd;}
.fourbox .thumbbx { height:158px; overflow:hidden; margin:0 auto 20px;}
.fourbox .thumbbx img{ width:100%; height:auto; min-height:80px;}

/* = Services section css
-------------------------------------------------------------- */
#Appwrap{ background-color:#ff5c01; color:#fff; padding:20px 0; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1) inset;}
#Appwrap h3{ color:#fff; font-size:24px; font-weight:600; margin-bottom:5px; }
#Appwrap p{ color:#fff; margin-bottom:0; }
.appbutton{ padding:15px 25px !important; position:absolute; text-transform:uppercase; right:0; top:0;}
.appbutton:hover{ background-color:#111 !important;}
.appointmentwrap{ position:relative;}
.last_column{clear:right; margin-right:0 !important; }



.ReadMore{ background-color:#333;  color:#fff ;display: inline-block; padding:8px 15px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px;}
.ReadMore:hover{ background-color:#ff5c01;   color:#fff ;}

.welcomewrap p{ margin-bottom:30px;}
.welcomewrap h2{  margin-bottom:20px; font-size:38px; border-bottom:2px solid #dddddd; padding-bottom:10px; text-align:center; display:inline-block;}

/* = Page layout css
-------------------------------------------------------------- */
.site-left{ width:740px; margin:0; padding:0; float:left;}
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}
.contentarea{ padding:25px 0;}
.contentarea p{ margin-bottom:20px; line-height:20px;}

.blogposting{ margin-bottom:30px; padding:25px; background-color:#f6f4f4; }
.blogposting h3{ margin-bottom:0px;}
.blogposting h3 a{ color:#484f5e;}
.blogposting h3 a:hover{ color:#ff5c01;}
.blogposting p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#333;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.postthumb{ width:30%; float:left; margin:5px 25px 5px 0;}
.postthumb img{ width:100%; }

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; background-color:#f6f4f4; padding:20px; border:1px solid #edecec;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#ff5c01; padding:12px 15px; margin:-20px -20px 10px; color:#fff;}
#sidebar ul li{ list-style:none;}
#sidebar ul li a{ padding:10px 0 10px 0; color:#3b3b3b; border-bottom:1px dashed #d0cfcf; display:block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child a{ border:none;}

/* = Footer css
-------------------------------------------------------------- */
.footer{ background-color:#222222; position:relative; color:#fff;}
.footerleft { float:left;}
.footerright { float:right;}
.ftr-cols4{width:22%; float:left; margin:0 3% 2% 0;  padding:45px 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.ftr-cols4 h5{ font-weight:400; font-size:18px; color:#fff; margin-bottom:25px; border-bottom:1px solid #363E44; padding-bottom:15px; }
.ftr-cols4 ul{ margin:0; padding:0; list-style:inside disc;}
.ftr-cols4 ul li { padding:0; color:#fff; padding:3px 0; border-bottom:1px solid #363e44;}
.ftr-cols4 ul li:last-child {border:none;}
.ftr-cols4 ul li a { color:#fff; font-size:13px; padding-left:10px; }
.ftr-cols4 ul li a:hover, .ftr-cols4 ul li.current_page_item a { color:#ff5c01; }
.ftr-cols4 a.readmore span{ color:#fff;}
.ftr-cols4 p{ margin-bottom:0;}
.widget-column-4 { margin-right:0px !important;}
.footercopy {  background-color:#111; color:#fff; position:relative; padding:15px 0;}
.footercopy a{ color:#fff;}
.footercopy a:hover{ color:#ff5c01;}

/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#ff5c01; width:auto; border:none; cursor:pointer; font:18px 'Montserrat',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Montserrat',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Montserrat',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}
nav.pagination .nav-links a, nav.pagination .nav-links span{ background-color:#f0efef; padding:8px 10px;}
.textwidget select{ width:100%;}
table{ width:100%}