/*
Theme Name: Dental
Theme URI: http://medianv.com
Author: Media NV
Description: Dental Theme 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dental
 
Tags: fluid-layout, translation-ready, microformats,blue, white, light, two-columns, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post


*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Global Settings
2.0 Alignments
3.0 Media
    3.1 Images
    3.2 Captions
    3.3 Galleries
    3.4 Screen Reader
4.0 Header & Navigation
5.0 Content
6.0 Comments
7.0 Widgets
8.0 Footer
9.0 Pagination 
 
--------------------------------------------------------------*/ 

/*--------------------------------------------------------------
1.0 Global Settings
--------------------------------------------------------------*/
/* This is a small security for too long strings titles */
body{ word-wrap: break-word;  }

/*--------------------------------------------------------------
2.0 Alignment
--------------------------------------------------------------*/
.alignleft{ display: inline; float: left;margin-right: 1.5em; }
.alignright{ display: inline;float: right;margin-left: 1.5em; }
.aligncenter{ clear: both;display: block;margin: 0 auto; }

/*--------------------------------------------------------------
3.0 Media
--------------------------------------------------------------*/
/* 3.1 Images */
img{ height: auto;max-width: 100%; }
img[class*="wp-image-"]{ margin-top: 10px; margin-bottom: 10px; }

/* 3.2 Captions */
.wp-caption{ margin-bottom: 1.5em;max-width: 100%; }
.wp-caption img[class*="wp-image-"]{ display: block;margin: 0 auto; }
.wp-caption-text{ text-align: center; }
.wp-caption .wp-caption-text{ padding: 0.8075em 1em;font-size: 12px;background: #E5E5E5;background: hsl(0, 0%, 90%); }

/* 3.3 Gallery */ 
.gallery{ margin-bottom: 1.5em;overflow: hidden; }
.gallery-item{ position: relative;float: left;padding: 1.79104477%;text-align: center;width:100%; }
.gallery-columns-2 .gallery-item{ max-width: 50%; }
.gallery-columns-3 .gallery-item{ max-width: 33.33%; }
.gallery-columns-4 .gallery-item{ max-width: 25%; }
.gallery-columns-5 .gallery-item{ max-width: 20%; }
.gallery-columns-6 .gallery-item{ max-width: 16.66%; }
.gallery-columns-7 .gallery-item{ max-width: 14.28%; }
.gallery-columns-8 .gallery-item{ max-width: 12.5%; }
.gallery-columns-9 .gallery-item{ max-width: 11.11%; }
.gallery-icon img{ margin: 0 auto; }
.gallery-caption{ background-color: rgba(0, 0, 0, 0.7);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #FFF;font-size: 12px;line-height: 1.5;margin: 0;max-height: 50%;opacity: 0;padding: 6px 8px;position: absolute;bottom: 0;left: 0;text-align: center;width: 100%; }
.gallery-item:hover .gallery-caption{ opacity: 1; }
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption{ display: none; }

/* 3.4 Text meant only for screen readers */
.screen-reader-text{ clip: rect(1px, 1px, 1px, 1px);position: absolute !important; }
.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */ }

/******************************************************************
4.0 Header & Navigation
******************************************************************/
/** Header **/
.site-title a{ text-decoration: none;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);font-size: 40px;font-weight: 500; color: #333; }
.site-title a:hover,
.site-title a:focus{ color: #555;text-decoration: none; }
.site-description{ color: #555;margin-top: 10px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35); }

/** Navigation **/
.site-header.header-transparent .navbar .navbar-nav li a:hover,
.site-header.header-transparent .navbar .navbar-nav li a:focus{ background-color: #326178; color: #fff; }
   
/* end .navbar, .navbar-inverse */
/* highlight current page */
li.current-menu-item a,
li.current_page_item a,
li.current_page_ancestor a{ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35); }
/* end current highlighters */

/* Single Post Navigation */
.post-navigation .pager span {width: 100%;}
.nav-previous {margin-bottom: 20px;}
@media (min-width: 750px) {
  .post-navigation .pager span {width: auto;}
  .post-navigation .pager {margin-bottom: 20px;}
  .nav-previous {margin-bottom: 0;}
}

/*--------------------------------------------------------------
5.0 Content
--------------------------------------------------------------*/
.hentry,
#comments{ margin: 0 0 0em;background: #FFF; }

.page-header{ padding: 5px 20px 10px;margin: 0 !important;background-color: #FFF; }
.entry-header{ margin-bottom: 15px;padding: 20px 20px 0;border: none !important; }
.entry-title{ margin: 0; }
.entry-content,
.entry-summary{ padding: 0 20px 0px; }

.entry-footer{ padding: 10px 20px 10px;border-top: 1px solid #EEE;color: #888;font-size: 12px; }
.entry-footer span{ margin-right: 10px; }
.entry-footer .glyphicon{ margin-right: 5px; }
.entry-footer .byline .author{ margin-right: initial; }

.pager a,
.nav-previous a,
.nav-next a{ color: #999; }

.pager a:hover,
.nav-previous a:hover,
.nav-next a:hover{color: #444;text-decoration: none;cursor: pointer;} /* end single post navigation style */

/*--------------------------------------------------------------
6.0 Comments
--------------------------------------------------------------*/
#comments .media-body{ width: 88%;margin-left: 2%;float: left; }
.comment-list .comment-author{ width: 10%; float: left; }
#comments .comment-body{ padding: 20px 20px 0; }
#comments .comment-body .comment-content{ overflow: hidden; }
#comments .pingback{ margin: 0; }
#comments .pingback .comment-body{ padding: 10px 20px; }

.comment-list .vcard img.avatar{ padding: 2px;border: 1px solid #CECECE;background: #FFF;}
.comment-list .comment-author img{ width: 100%;height: auto;}
#respond{ padding: 20px; }
#reply-title{ margin-top: 0; }
.comments-title{ font-size: 24px;margin: 15px 0 10px; }
.comment .children{ list-style: none; }

.comment-form-author,
.comment-form-email,
.comment-form-url{ width: 50%; }
.odd{ background: #FCFCFC; }
.even{ background: #F9F9F9; }
.bypostauthor{ background: #EFF5FB; }

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
/* Check out bootstrap-wp.js for more style settings. */

.widget {margin-bottom: 2em;background-color: #FFF;overflow: hidden;}
.widget_nav_menu ul.sub-menu li,
.widget_pages ul.children li{ padding-left: 15px; }

/* Make sure select elements fit in widgets */
.widget select{ max-width: 90%;margin: 10px auto; }
.widget #calendar_wrap{ padding: 5px 15px 0; }

.widget ul,
.textwidget,
.tagcloud{ padding: 10px 15px; margin: 0; }

.widget .search-form{ padding: 10px 0 5px 10px;margin: 0 auto; }
.widget ul li{ padding: 5px 0;list-style: none; }
.widget-title{ padding: 10px;margin: 0;border-bottom: 1px solid #DDD;font-size: 18px;line-height: 24px; }

/******************************************************************
8.0 Footer
******************************************************************/
.site-footer{padding:60px 0 0px;clear:both;color:#AAA;}
.site-footer a,
.site-footer a:hover{ color: #AAA; }

/******************************************************************
9.0 Pagination
******************************************************************/
.pagination li a:hover,
.pagination li a:focus {background-color: #428BCA !important;color: #FFF !important;}

.pagination li .active,
.pagination li .current,
.pagination li span:hover{ background-color: #6AA3D5;color: #FFF; }
 
.float-left{ float: left; } 
.fz18{ font-size: 1.125rem; }
.fz24{ font-size: 1.5rem; } 
.fz48{ font-size: 3rem; }
.c-white{ color: #fff; }
.mr15{ margin-right: 15px; } 


/* Icons Css Set here */

/* Global Default Css here */
input:not([type="submit"]){ width:100%; height:4.2rem; padding:0 1rem; border:none; margin-bottom:1rem; }
select{ height:4.2rem; line-height:4.2rem; margin-bottom:1rem; border-radius:0 !important; }
textarea{ height:8rem; width:100%; border:none; padding:1rem; margin-bottom:1rem; }
input[type="submit"]{ border:none; height:4.2rem; width:12rem; cursor:pointer; }
input:not([type="submit"]), select, textarea{ font-size:1.6rem; font-weight:400; }

/* Typrography */
.font-weight-light{ font-weight: 300; }
.font-weight-normal{ font-weight: 400; }
.font-weight-medium{ font-weight: 500; }
.font-weight-semi-bold{ font-weight: 600; }
.font-weight-bold{ font-weight: 700; }
.font-weight-extra-bold{ font-weight: 800; }
.text-left{ text-align: left; }
.text-center{ text-align:center; }
.text-right{ text-align: right; }
.display-block{ display: block;  }
.text-white *{ color: #fff; }


/* Header Transparent */
.site-header.header-transparent{ background: rgba(255, 255, 255, .9); position: fixed; width: 100%;top: 0px;z-index: 999; z-index: 9999; } 
.site-header.header-transparent .navbar .navbar-nav li a{ color: #333; }
.site-header.header-transparent .navbar .navbar-nav li a:hover{ color: #fff; }
.site-header.header-transparent .navbar .navbar-nav .book-appointment a{ color: #fff; }

/* Logo */ 
.navbar .navbar-brand{ padding-top: 0rem; padding-bottom: 0rem; margin-right: 0rem; }

/* Site Top Header */
.site-header .top-header{ background: #0a0921; padding-top: 10px; padding-bottom: 10px; }

 
/* Basic Design Layout here */
/* Gallery Css here */
.main-slide{height:450px;background-size:cover !important; background-position:left top; margin-bottom: 0px; }
.thumb-section, .view-main {position: relative; width: 50%;display: inline-block;float: left;}
.view-main {float: right;}
 

/* Blog Default css here
***************************/
.blog{ background: #f9f9f9; }
.blog-default {padding-top: 50px;padding-bottom: 50px;}
.blog-default .post .entry-header .entry-title{ font-size: 1.5rem; min-height: 56px; }
.blog-default .post .entry-footer{ border-top: inherit; } 
.blog-default .post .entry-footer a{ font-size: 12px;color: #333;}
.blog-default .post .entry-content p{ font-weight: 400; line-height: 24px; }

.widget-title{ padding: 10px; margin: 0; border-bottom: 1px solid #DDD; font-size: 1.125rem; line-height: 24px; margin-bottom: 20px; }
#secondary{ padding-top: 50px; }
#secondary .widget{ background: inherit; }
.blog-default .post .entry-content a{ color: #333; }
.single .breadcrumb-single-post {padding-top: 50px;}
.widget-area .recent-post-section .post_info {float: none;}
.single .entry-content .inner-text-box .custom-list li {list-style-type: none;font-size: 0.9375rem;color: #000;padding: 0 0 8px 19px;text-align: justify;line-height: 23px;position: relative;background: no-repeat;margin: 0;min-height: auto;}

/* Dropdown toggle */
.navbar .navbar-nav li.dropdown .dropdown-toggle{ position: absolute; top: 0px; right: 0px; transform: translate(0%, 50%); cursor: pointer; }
.navbar .navbar-nav li.dropdown .dropdown-toggle:after { border-top: .3em solid #fff; }
.navbar .navbar-nav li.dropdown > a{ padding-right: 15px; }

.top-contact-info li.btn-item a{ padding: 0px 15px 5px !important; font-weight:normal; line-height:normal; color:#333; font-size: 15px; display: inline-block; }  
.top-contact-info li.btn-item a i{ margin-right: 10px; }
.top-contact-info li.btn-item a:hover{  text-decoration:none; color:#fff; }
 
/* Bootstrap Menu change click to hover 
=======================================*/
@media(min-width:992px){
    .navbar .navbar-nav li.dropdown:hover .dropdown-menu{ display: block; }  /* Menu Show on Hover */
}