/*
Theme Name: Dentist Lite
Theme URI: https://gracethemes.com/themes/free-dentist-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Dentist Lite 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://www.gracethemes.com/demo/dentistplus/
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
Version: 2.2
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dentist-lite
Tags:blog,two-columns,right-sidebar,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,featured-images,editor-style,custom-background,threaded-comments,theme-options, translation-ready

Dentist Lite WordPress Theme has been created by Grace Themes(gracethemes.com), 2018.
Dentist Lite WordPress Theme is released under the terms of GNU GPL
*/

body{ background-color:#f1f1f1; margin:0; padding:0;line-height:24px; font-size:16px; color:#363636; font-family: 'Assistant', sans-serif; -ms-word-wrap:break-word; word-wrap:break-word; }
*{ margin:0; padding:0; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#efc62c;}
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: 'Open Sans', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1.entry-title{ font-weight:bold; text-transform:uppercase; margin-bottom:35px;}
h1{ font-size:34px;}
h2{ font-size:30px;}
h3{ font-size:26px;}
h4{ font-size:22px;}
h5{ font-size:20px;}
h6{ font-size:16px;}
figcaption,figure{	display: block;}
figure {margin: 1em 0;}
blockquote{border-left:5px solid #ccc; padding:10px 10px 10px 40px; color:#999; font-size:15px; line-height:1.5; margin-bottom:30px;}
blockquote p{ margin-bottom:0 !important;}
hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.textwidget select{ width:100%;}
table{ width:100%}
.alignnone{ width:100%;}
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;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}

/*
Lists style CSS
-----------------------------------------------*/
ul,ol {	margin:0;padding: 0;}
ul {list-style: inside none disc;}
ol {list-style: decimal;}
ul li,ol li {margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}
audio:not([controls]) {	display: none;height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}

/* Buttons */
.button{  border:1px solid #404040; color:#404040; padding:8px 20px; display:inline-block; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; }
.button:hover{ border:1px solid #39adff; color:#39adff; }

.site_readmore{ background-color:#303030; color:#fff ;display: inline-block; padding:10px 35px; border-radius:4px; font-weight:600; }
.site_readmore:hover{ background-color:#333;color:#fff ;}

a {	background-color: transparent;	-webkit-text-decoration-skip: objects;}
.postmeta{padding:0 0 5px; color:#888; border-bottom:1px solid #ddd; margin-bottom:25px; display:inline-block; }
.postmeta a{color:#999;}
.postmeta a:hover{color:#e74c3c;}
.breadcrumbs{padding:10px 0; margin-bottom:0;}
a:active,
a:hover {
	outline-width: 0;
}
b, strong {
	font-weight: inherit;
	font-weight:blod;
}
pre {
	background: #eee;	
	font-size: 14px;
	font-size: 0.9375rem;
	line-height: 1.4;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding:20px;
}
iframe{max-width:100%;}
#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
nav.pagination .page-numbers{ background-color:#ccc; padding:10px 15px; font-size:15px; font-weight:600; color:#444;}
nav.pagination { clear:both;}
nav.pagination .page-numbers.current, nav.pagination .page-numbers:hover{background-color:#39adff;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
#site_layout_option{ margin:0 auto;}
.container{ width:1170px; margin:0 auto; position:relative;}
.siteheader{ width:100%; z-index:9999; background-color:#111 !important; border-bottom:2px solid #39adff;}
.siteheader.siteinner{ position:relative; }
.logo { float: left;padding:20px 0; width: 25%;	text-align: left;}
.logo h1 {margin:0; font-weight:600;}
.logo a {color: #fff;}
.tagline{ font-size:13px; color:#828181; display:block; letter-spacing:1px;}
.hdr_logright{ float:right; text-align:right; padding-top:50px;}
.logo h1 a{ color:#fff;}
.logo p{ color:#fff;}

/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile-nav.png) no-repeat right center #3e3e3e; padding:8px 10px; margin-top:5px; font-size:16px; display:none; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
/*main menu*/
.site-primemenu{ padding:0; z-index:9999; }
.site-primemenu ul {margin:0; padding:0; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:500; }
.site-primemenu ul li{display:inline-block; position:relative; margin:0;}
.site-primemenu ul li:last-child{border-right:none;}
.site-primemenu ul li a{padding:15px 20px; display:block; text-align:center;color:#fff; }
.site-primemenu ul li ul li{ display:block; position:relative; float:none; top:1px; border-bottom:1px #222 solid;}
.site-primemenu ul li ul li a{ display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}
.site-primemenu ul li ul{display:none; z-index:9999999; position:relative; background-color:#111;}
.site-primemenu ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; }
.site-primemenu ul li:hover ul li ul{display:none; position:relative;}
.site-primemenu ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}
.site-primemenu ul li a:hover, 
.site-primemenu ul li.current-menu-item a,
.site-primemenu ul li.current-menu-parent a.parent,
.site-primemenu ul li.current-menu-item ul.sub-menu li a:hover{ background-color:#39adff; border-radius:8px 8px 0px 0; }
.site-primemenu ul li.current-menu-item ul.sub-menu li a{ background-color: transparent;}
.site-primemenu ul li.current-menu-ancestor ul li a, .site-primemenu ul li:hover ul li a{ border-radius:0 !important; }

.slider_wrap{ position:relative;}
h2.sectiontitle{font-weight:600; font-size:40px; margin-bottom:50px; position:relative; text-align:center;}
.last_column{clear:right; margin-right:0 !important; }

/* = Get an Appointment section
-------------------------------------------------------------- */
.appointwrap{ background-color:#39adff; color:#fff; padding:30px 0; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1) inset; position:relative;}
.appointwrap h3{ color:#fff; font-size:24px; font-weight:600; margin-bottom:10px; }
.appointwrap p{ color:#fff; margin-bottom:0; width:80%; }
.appointwrap .appbutton{ background-color:#303030; color:#fff; padding:15px 25px; position:absolute; right:15px; top:8%; border-radius:5px;}
.appointwrap .appbutton:hover{ background-color:#000;}


/* = Four column box section
-------------------------------------------------------------- */
h2.section_title{ background:url(images/icon.png) no-repeat center bottom; font-weight:600; font-size:38px; margin-bottom:30px; position:relative; text-align:center; text-transform:uppercase; padding-bottom:50px;}

#dental_services_wrap{ background-color:#f6f6f6; text-align:center; padding:75px 0;}
.dental_servicesbx{ padding:0; width:21.5%; display:inline-block; margin:0 4% 0 0; position:relative; text-align:center; }
.dental_servicesbx h3{ font-size:20px; font-weight:600; color:#404040; margin:20px 0;}
.dental_servicesbx h3 a{color:#303030; }
.dental_servicesbx .dental_thumbbx{ background-color:#ffff; height:200px; overflow:hidden; border-radius:4px;}
.dental_servicesbx .dental_thumbbx img{ height:auto; min-height:200px;}
.dental_servicesbx:hover .dental_thumbbx img{ opacity:0.5;}
.denatl_contentbx{ padding:15px 0 0; position:relative; }
.denatl_contentbx p{ margin-bottom:25px;}
.denatl_contentbx .site_readmore{ font-size:14px; padding:8px 25px;}

/* = Second Section css
-------------------------------------- */
#dental_about_wrapper{ background-color:#ffffff; padding:75px 0; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1);}
.dental_abtthumb{ float:left; width:45%; margin:0 0 0 0;  }
.dental_abtthumb img{ display:block;}
.denatl_abtcontentdiv{ width:50%;  float:right; margin:0; }
.denatl_abtcontentdiv p{ margin-bottom:35px;}
.denatl_abtcontentdiv h3{ font-size:50px; margin:0 0 25px; color:#303030; }

/* = Page layout css
-------------------------------------------------------------- */
.contentarea_for_pagelayout{ width:67%; margin:0; float:left; padding:0 0 30px; box-sizing:border-box;}
.contentarea_for_pagelayout ul, .contentarea_for_pagelayout ol{ margin:0 0 20px 20px; }
.contentarea_for_pagelayout ul li, .contentarea_for_pagelayout ol li{ margin:0; }
.contentarea_for_pagelayout ul ul, .contentarea_for_pagelayout ol ol{ margin:0 0 0 30px; }

.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}

.boxlayout{ width:1210px; margin:0 auto; background-color:#fff; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}
#dental_page_layout{ padding:50px 0;}
#dental_page_layout p{ margin-bottom:30px;}

.dental_blogpost_layout{ background-color:#fff; padding:30px; vertical-align:top; margin:0 0 20px 0;}
.dental_blogpost_layout h3, h3.single-title{ margin-bottom:5px; font-size:22px;}
.dental_blogpost_layout h3 a{ color:#484f5e;}
.dental_blogpost_layout h3 a:hover{ color:#efc62c;}
.dental_blogpost_layout p{ margin-bottom:20px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories, .edit-link{ display:inline;color:#333; font-weight:600; letter-spacing:2px; font-size:14px; margin:0 8px 0 0;} 
.single_title{ margin-bottom:5px;}
/**/
.custom_front_page{ float:none; width:100%;}
.custom_front_page .dental_blogpost_layout{  width:33%; float:left;  border-left:10px solid #f1f1f1; border-right:10px solid #f1f1f1; }
.custom_front_page .article_imagebox{ background-color:#39adff; height:200px; overflow:hidden; margin-bottom:20px;}
.custom_front_page .article_imagebox img{ width:100%; height: auto; min-height:200px;}
.custom_front_page .dental_blogpost_layout:hover .article_imagebox img{opacity:0.5;}
/* = sidebar
-------------------------------------------------------------- */
#sidebar{ background-color:#fff; float:right; width:30%; padding:30px;}
aside.widget{ padding:0; margin-bottom:30px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:0 0 15px; margin:0 0 20px; color:#333; font-size:24px; position:relative; }

h3.widget-title::after {
    border-bottom: 2px solid #444444;
    bottom: 0;
    content: "";
    left: 0;	
    margin: auto;
    position: absolute;
    width:50px;
}

#sidebar ul li{ list-style: none;  list-style-position:inside; margin:0 0 5px 0;}
#sidebar ul li a{ padding:0; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#fff; 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 #efc62c; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}

/* = Footer css
-------------------------------------------------------------- */
.footer-wrapper{ background-color:#3a3c41; padding:0; position:relative;  color:#999; }
.copyright-txt span{color:#efc62c;}
.design-by { text-align:center;}
.design-by a:hover{color:#999;}
.widget-column-1, .widget-column-2, .widget-column-3, .widget-column-4{ width:23%; float:left; margin:0 2% 0 0; padding:20px 0;}
.widget-column-4{ margin:0;}
.footer-wrapper h5{ margin:20px 0 30px 0; font-size:24px; font-weight:600; color:#fff; }
.footer-wrapper ul{margin:0; padding:0;}
.footer-wrapper ul li{ border:none; margin:0; padding:0; }
.footer-wrapper ul li:last-child{ border:none; }
.footer-wrapper ul li a{ padding:5px 0; background:none; color:#fff; }
.footer-wrapper ul li a:hover, .footer-wrapper ul li.current_page_item a{ color:#39adff;}
.footer-wrapper ul li:last-child a{ border-bottom:none;}
.footer-copyright{ background-color:#1c1c1c; color:#fff; padding:25px 0;}
.footer-copyright a:hover{ color:#fff;}

/* = social icons css
-------------------------------------------------------------- */
.social-icons{margin-top:15px; text-align:center;}
.social-icons a{  width:30px; height:30px; line-height:30px; margin:0 5px 5px 0; padding:0; color:#fff; display:inline-block;  }
.social-icons a:hover{ color:#fff; }
.social-icons br{ display:none;}

/* = Comment Form css
-------------------------------------------------------------- */
h1.screen-reader-text{font:22px 'Open Sans',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{ font-size:20px;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

/* Comment styles */
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{ background-color:#32373a; border:none; padding:8px 15px; color:#fff; display:inline-block; cursor:pointer;}
#commentform input#submit:hover{background:#34c6f6; border-bottom-color:#ccc; color:#fff;}
.form-allowed-tags{display:none;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}
.commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic; }
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}

/* = Contact Form 7 css
-------------------------------------------------------------- */
.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:#efc62c; width:auto; border:none; cursor:pointer; font:18px 'Open Sans',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}


/* WooCommerce plugin css code */
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{ 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{ 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}

.woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;}
.woocommerce-Price-amount.amount{font-size:14px !important;}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; 
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
  clip-path: none;
  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. */
}

/* Do not show the outline on the skip link target. */
#dental_page_layout[tabindex="-1"]:focus {
  outline: 0;
}


/* = Navigation Focus CSS
-------------------------------------------- */
#site_layout_option a:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
a:focus {
	outline: thin dotted #39adff;
}
.contentarea_for_pagelayout a{ 
font-weight:bold;
text-decoration:underline;
}