/*

Theme Name: Soulmedic

Theme URI: http://wedesignthemes.com/themes/dt-soulmedic/

Author: the DesignThemes team

Author URI: http://themeforest.net/user/designthemes

Description: SoulMedic | Premium Responsive WordPress Theme for Medical Domain! It has all the features that is necessary for Medical and health related business website. Clean and Slick design, Semantic HTML5 and CSS3 code, Powerful WordPress admin panel, tons of useful shortcodes, one click easy demo content installation, Fully Responsive design, Google fonts, Easy to switch color and layout for any element, Event calendar plugin support, WPML Ready and many more features made this theme fit for multipurpose websites too.

Version: 1.6

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, theme-options, translation-ready, accessibility-ready

Text Domain: dt_themes

*/

@charset "utf-8";

/* CSS Document */



@import "css/reset.css";



/*----*****---- << General >> ----*****----*/

	

	body { font-weight:normal; font-size:14px; line-height:24px; background:#F3F3F3; color:#808080; }

	

	/*----*****---- << Fonts >> ----*****----*/

	

	body, h1, h2, h3, h4, h5, h6, .mobile-menu { font-family:'Lato', sans-serif; }	

	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, select { font-family:'Lato', sans-serif; }

	

	/*----*****---- << Headings >> ----*****----*/

	

	h1, h2, h3, h4, h5, h6 { color:#2d2d29; font-weight:bold; }	

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#2d2d29; }

	

	h1{ font-size:30px; line-height:normal; margin-bottom:30px; }

	h2{ font-size:24px; line-height:normal; margin-bottom:30px; }

	h3{ font-size:20px; line-height:normal; margin-bottom:30px; }

	h4{ font-size:18px; line-height:24px; margin-bottom:30px; }

	h5{ font-size:16px; line-height:24px; margin-bottom:20px; }

	h6{ font-size:14px; line-height:24px; margin-bottom:20px; }

	

	/*----*****---- << Transition >> ----*****----*/

	

	a, input[type=submit], button, input[type=button], .widget ul li, #secondary .widget h3.widgettitle, #secondary .widget h3.widgettitle a:before, #secondary h2.filtering, #secondary h2.filtering span:before, #top-bar .phone-no, .dt-sc-social-icons li img, #main-menu ul li, #main-menu > ul > li > ul:before, #main-menu ul ul li ul:before, .slider-next-arrow, .dt-sc-ico-content.type2 .icon, .carousel-arrows a span, .portfolio .portfolio-thumb img, .blog-entry .entry-thumb-meta .entry-meta span, .side-nav-container ul li a span, .partner-carousel li, .carousel-arrows a:hover span, .dt-sc-testimonial .author img, .dt-sc-testimonial .author img:hover, .portfolio .portfolio-detail .views, h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before, ul.side-nav li a:before, .megamenu-child-container > ul.sub-menu > li > a .menu-item-description, .widget ul li, .widget_categories ul li a span, .widget.widget_archive ul li a span, .datepicker td span, .datepicker td, .datepicker th { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }

	

	.social-share-icons li img { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }

	

	/*----*****---- << Text Elements >> ----*****----*/

	

	a{ text-decoration:none; }

	a:hover { color:#2d2d29; }

	a img{ border:none; }

	

	strong{ font-weight: bold; }

	em{ font-style: italic; }

	

	address { display:block; margin:10px 0px 20px; }

	abbr {  border-bottom:1px dotted #2d2d29; cursor:help; }

	ins { background:#FFF9C0; color:#2d2d29; }

	sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }

	sub { bottom: -3px; }

	sup { top: -5px; }	

	

	p { line-height:24px; margin-bottom:10px; color: #000; font-size: 16px;}

	ul, ol, pre, code{ margin-bottom:20px; }

	

	ul{ list-style-type:square; list-style-position:inside; }

	ul li { padding-bottom:10px; }

	ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; }

	ul ul ul { margin-bottom:0px; list-style-type:circle; }

	

	ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; padding-top:10px; }

	ol li { padding-bottom:10px; }

	ol li ol { margin-bottom:0px; list-style-type:lower-alpha; }

	ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }	

	

	pre, code{ border-left:3px solid #d9d9d9; background-color:#ededed; display:block; padding:10px 3%; font-size:11px; font-family: monospace; line-height:20px; width:94%; overflow:auto; }

	

	hr{ background-color:#e6e2d6; border:none; height:1px; margin:30px 0; }

	

	blockquote { border-left:3px solid; background:#ededed; display:block; padding:20px; margin:0px; position:relative; clear:left; }

	blockquote q { font-style:normal; font-size:14px; line-height:24px; display:block; color:#808080; }

	blockquote cite { font-size:12px; margin:10px 0px 0px; display:block; text-align:right; color:#2d2d29; }

	blockquote:before { content:""; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #ffffff; left:-3px; width:0; height:0; margin:auto; top:0px; bottom:0; position:absolute; }	

	blockquote p { margin-bottom:0px; }

	

	blockquote.alignleft { margin-right:20px; text-align:left; width:30%; float:left; }

	blockquote.alignright { margin-left:20px; text-align:left; width:30%; float:right; }

	blockquote.aligncenter { text-align:center; }

	

	/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> 

	*/

	

	.hr{ background:url(images/splitter.png) repeat-x; height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }

	.hr-border { border:4px double #D9D9D9; width:100%; clear:both; display:block; float:left; margin:50px 0px; position:relative; z-index:1; border-radius:5px; }

	.hr-invisible { float:left; width:100%; margin:40px 0px; display:block; clear:both; }

	.hr-invisible-small { float:left; width:100%; margin:20px 0px; display:block; clear:both; }

	.hr-invisible-very-small { float:left; width:100%; margin:10px 0px; display:block; clear:both; }

	

	.hr.top, .hr-border.top { width:97%; }

	.hr.top, .hr-border.top { background-position:right center; text-align:right; }

	.hr.top a, .hr-border.top a { color:#999589; background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-21px; top:-5px; }

	.hr-border.top a { top:-10px; right:-23px; }

	.hr.top a:hover, .hr-border.top a:hover { color:#2d2d29; }

	

	.clear { float:none; clear:both; margin:0px; padding:0px; }

	.float-right { float:right; }

	.float-left { float:left; }

	.center { width:100%; text-align:center; }

	.hidden { display:none;}

	

	.post-edit-link { background:#e5e5e5; color:#5a5a5a; float:right; clear:both; margin:20px 0px 20px; line-height:24px; padding:0px 10px; font-size:12px; }

	.post-edit-link:hover { background:#4C4C4C; color:#ffffff; text-shadow:0px 1px 0px #0e4b6e; }	

	

	.page-link { float:left; clear:both; margin:0px; padding:0px; }

	.page-link a { background:#f3f3f3; color:#2d2d29; font-weight:bold; padding:2px 10px; float:left; margin-right:10px; }

	.page-link a span { background:none; color:#2d2d29; padding:0px; margin:0px; }

	.page-link span { color:#ffffff; font-weight:bold; padding:2px 10px; float:left; margin-right:10px; }

	.page-link a:hover span { color:#ffffff; }

	

	/*----*****---- << Tables >> ----*****----*/

	

	table{ border-collapse:separate; border-spacing:0; margin-bottom:20px; width:100%; clear:both; border:1px solid #ededed; border-bottom:0px;  }

	th{ background:#ededed; color:#2d2d29; padding:15px; font-size:14px; line-height:normal; font-weight:bold; text-align:left; }

	td{ border-bottom:1px solid #ededed; background:#f5f5f5; font-size:14px; line-height:normal; text-align:left; padding:13px 15px; }

	tbody tr:nth-child(2n+1) td { background:#ffffff; }

	tbody td .dt-sc-button.small { padding:7px 14px; font-size:12px; margin:0px; }

	

	/*----*****---- << Definition Lists >> ----*****----*/

	

	dl { margin:0px 20px; }

	dl.gallery-item { margin:0px; }

	.gallery-caption { margin-bottom:10px; }

	.gallery-item img { border:10px solid #ededed !important; }

	dt { font-weight:bold; font-size:14px; margin-bottom:10px; }

	dd { margin-bottom:20px; line-height:20px; }	

		

	/*----*****---- << Forms >> ----*****----*/

	

	label{ color:#2d2d29; }

	label span{ color:#b4b4b4; }

	label span.required { color:#ff0000; }



	fieldset{ border:1px solid #efefef; padding:15px; margin:0 0 20px 0; }

	legend{ font-weight: bold; }

	

	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text{ background:#fafafa; border:1px solid #e3e3e3; color:#808080; padding:12px 2%; display:block; font-size:14px; margin:10px 0 10px; width:96%; }

	input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, textarea:focus, input.text:focus { border-color:#dadada; }

	

	textarea { height:190px; overflow:auto; }

	

	select{ background:#fafafa; border:1px solid #e3e3e3; padding:10px; margin:10px 0 10px; display:block; width:100%; }

	select option { background:#ffffff; }

	select { height:50px; background-color:#fafafa; color:#808080; background-image:url(images/select-box.jpg); background-position:center right; background-repeat: no-repeat; border:1px solid #e3e3e3; border-radius:0px; width:100%; margin:6px 0px 10px; padding:15px 10px 15px 15px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }

	

	.selection-box { position:relative; clear:both; }

	.selection-box:after { content:""; pointer-events:none; position:absolute; width:44px; height:48px; right:1px; top:1px; background-image:url(images/select-box.jpg); background-position:center right; background-repeat: no-repeat; }

	.selection-box select { margin-top:0 }

	

	input[type="submit"], button, input[type="button"] { border:none; color:#ffffff; text-transform:uppercase; font-weight:bold; margin:10px 0px 0px; font-size:14px; padding:11px 20px; float:right; cursor:pointer; -webkit-appearance:none; }	

	input[type="submit"]:hover, button:hover, input[type="button"]:hover { background-color:#808080; }

	

	#searchform input[type="text"] { color:#808080; font-size:12px; width:220px; }

	

	#primary #searchform input[type="submit"] { float:left; }

	

	/*----*****---- << Images >> ----*****----*/

	

	#primary img { max-width:100%; }

	.ie8 #primary img { width:auto; }

	

	.post-content input[type="submit"] { float:none; }

	

	.wp-caption { background:#ededed; border:1px solid #d9d9d9; margin-bottom:10px; margin-top:10px; max-width:96%; padding:5px 7px 7px 5px; text-align:center; }

	.wp-caption img { display:block; margin: 0 auto; padding:6px; max-width:98%; }

	.wp-caption .wp-caption-text { text-align:center; padding-top:0px; margin:0px; }

	.wp-caption.alignnone { clear:both; }

	

	img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; }

	.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; }

	.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }

	.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; }

	.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; }

	

	/*----*****---- << Widgets >> ----*****----*/

	

	.widget { float:left; width:100%; padding:0px 0px 40px; margin:0px; }

	.widget h3.widgettitle { font-size:20px; padding-bottom:10px; margin-bottom:20px; }

	

	.widget ul { float:left; width:100%; margin:0px; padding:0px; }

	.widget ul li { line-height:20px; float:left; display:block; clear:both; width:100%; padding-bottom:0px; }

	.widget ul li a { color:#2d2d29; }	

	

	.widget ul ul { margin-top:10px; margin-left:20px; }

	.widget ul ul li { width:90%; }

	

	.widget.widget_archive ul li { position:relative; }

	

	.widget_categories ul, .widget.widget_archive ul, .widget.widget_meta ul { margin-top:-12px; }

	.widget_categories ul li, .widget.widget_archive ul li { position:relative; float:none; display:block; font-weight:bold; margin:0px 0px 10px; padding:0px; margin:0px; }

	.widget_categories ul li a, .widget.widget_archive ul li a { padding:0px 45px 5px 20px; margin-bottom:5px; display:block; line-height:40px; border-bottom:1px solid #ededed; }

	.widget_categories ul li a span, .widget.widget_archive ul li a span { position:absolute; right:0px; width:40px; height:40px; text-align:center; line-height:40px; color:#ffffff; }

	#secondary .widget_categories ul li a:before, #secondary .widget_archive ul li a:before, #primary .widget_categories ul li a:before, #primary .widget_archive ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:1px; left:0px; content:"\f058"; }

	.widget_categories ul li a:hover span, .widget.widget_archive ul li a:hover span { background:#808080; }

	

	

	#secondary .widget_pages ul li, #secondary .widget_meta ul li, #secondary .widget_nav_menu ul li, #primary .widget_pages ul li, #primary .widget_meta ul li, #primary .widget_nav_menu ul li { position:relative; float:none; display:block; margin:0px 0px 10px; padding:0px; margin:0px; }

	#secondary .widget_pages ul li