/*
Theme Name: SmarterDent
Author: IMD
Author URI: https://imdesign.me/
*/

@media(min-width:878px){
	body{
		margin:0; padding:0; font-family:'Helvetica', Arial, sans-serif;
	}
	#wrapper{ width:100%; margin:0 auto; overflow:hidden; min-height:400px; }
	#header{ background:url('images/pattern11.jpg') #939598; position:relative; height:140px; }
	#branding{ background:#006fba; height:70px;
		-webkit-box-shadow: 0px 11px 41px -5px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 11px 41px -5px rgba(0,0,0,0.54);
box-shadow: 0px 11px 41px -5px rgba(0,0,0,0.54);
 }
	h1#site-title{ margin:0; width:320px; height:271px; position:absolute; top:0; left:15%; z-index:15; }
	#site-title a{ display:block; width:320px; height:271px; background:url('images/logo.png'); text-indent:150%; overflow:hidden; white-space:nowrap; }
	nav#menu{ position:absolute; top:0; left:40%; z-index:10; }
	nav#menu ul{ list-style:none; margin:0; padding:0; }
	nav#menu ul li{ display:inline-block; }
	nav#menu ul li a{ padding:0 15px; text-decoration:none; text-transform:uppercase; color:#FFF; font-weight:bold; line-height:70px; }
	
	section#sidebar{ background:#006fba; color:#FFF; }
	#sidebar h3{ margin:0; text-align:center; }
	#sidebar h2{ margin:0; text-align:center; padding:15px 0; text-transform:uppercase; }
	#sidebar ol{ list-style:none; margin:0; padding:0; }
	#sidebar ol li{ display:inline-block; width:30%; text-align:center; }
	#sidebar ol li a{ color:#FFF; text-decoration:none; display:block; height:100px; margin:0 1%; padding-top:175px; }
	#sidebar-inner{ width:1100px; margin:auto; }

	#sidebar ol li:nth-child(1){ background:url('images/step1.gif') top center no-repeat;  margin-left: 6%; }
	#sidebar ol li:nth-child(2){ background:url('images/step2.gif') top center no-repeat; }
	#sidebar ol li:nth-child(3){ background:url('images/step3.gif') top center no-repeat; }

	#content{ width:1100px; margin:15px auto; padding-top:100px; }
	.home #content{ padding-top:30px !important; }

	form.wpcf7-form{ padding:15px 30px; }
	input.wpcf7-submit{ background:#006fba; color:#FFF; text-transform:uppercase; font-weight:normal; border:0; outline:0; padding:5px 15px; font-size:16px; }

	article.teamEntry{ margin-bottom:25px; }
	article.teamEntry img.thumb{ float:left; margin:0 15px 0 0; }
	article.teamEntry h2{ margin:0; font-size:22px; color:#006fba; }
	article.teamEntry h3{ margin:0; font-size:16px; color:#006fba; font-style:italic; font-weight:normal; }
	article.teamEntry blockquote{ margin:0; font-size:12px; line-height:16px; }

	#footer{
  		background:url('images/bottomtools.jpg') bottom center no-repeat; height:338px;
	}

	#secfooter{ text-align:center; padding:15px; }
	#secfooter ul{ list-style:none; margin:0; padding:0; }
	#secfooter ul li{ display:inline-block; margin:0 5px; line-height:26px; }
	#secfooter #copyright{ line-height:26px; }
	#secfooter a{ color:#000; text-decoration:none; }

	.page #content h1{ text-align:center; color:#006fba; text-transform:uppercase; }
	.post-type-archive-team #content h1{ text-align:center; color:#006fba; text-transform:uppercase; }

	#sloganbar{ padding:15px 0; text-align:center; }
	.home #sloganbar{ background-image:url('images/sloganbg.jpg'); background-size:100% 100%; background-repeat:no-repeat; }

	.clear{ clear:both; }

	#vendors{
  		width: 1100px;
  		margin: 15px auto;
	}
	#vendors h3{ text-align:center; margin-top:50px; margin-bottom:5px; color: #006fba; text-transform: uppercase; font-size:1.5em; }

	/* =WordPress 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;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 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: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* 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. */
}
}

@media(max-width:480px){
	body{ font-family:'Helvetica', Arial, sans-serif; margin:0; }
	h1#site-title{ display:none; }
	#sloganbar{ display:none; }
	footer#footer{ display:none; }
	footer#secfooter{ display:none; }
	#content h1{ color:#006fba; text-transform:uppercase; text-align:center; }

	form.wpcf7-form{ padding:0; }
	form.wpcf7-form input[type=text]{ width:94%; padding:10px 2%; }
	form.wpcf7-form input[type=email]{ width:94%; padding:10px 2%; }
	form.wpcf7-form textarea{ width:94%; padding:10px 2%; }
	form.wpcf7-form input[type=tel]{ width:94%; padding:10px 2%; }
	input.wpcf7-submit{ background:#006fba; color:#FFF; text-transform:uppercase; font-weight:normal; border:0; outline:0; padding:10px 0; width:100%; text-align:center; font-size:x-large; }

	article.teamEntry{ margin-bottom:25px; }
	article.teamEntry img.thumb{ margin:0 0 15px 0; width:100%; height:auto; }
	article.teamEntry h2{ margin:0; font-size:x-large; color:#006fba; }
	article.teamEntry h3{ margin:0; font-size:large; color:#006fba; font-style:italic; font-weight:normal; }
	article.teamEntry blockquote{ margin:0; font-size:small; line-height:16px; }

	section#sidebar{ background:#006fba; color:#FFF; padding-bottom: 15px; }
	#sidebar h3{ margin:0; text-align:center; }
	#sidebar h2{ margin:0; text-align:center; padding:15px 0; text-transform:uppercase; }
	#sidebar ol{ list-style:none; margin:0; padding:0; }
	#sidebar ol li{ display:inline-block; width:30%; text-align:center; vertical-align:middle; }
	#sidebar ol li a{ color:#FFF; text-decoration:none; display:block; height:100px; margin:0 1%; padding-top:105px; }

	#content{ padding:5%; }
	#sidebar-inner{ width:100%; margin:auto; }
	#sidebar ol li:nth-child(1){ background:url('images/mini-step1.jpg') top center no-repeat; margin-left: 6%; }
	#sidebar ol li:nth-child(2){ background:url('images/mini-step2.jpg') top center no-repeat; }
	#sidebar ol li:nth-child(3){ background:url('images/mini-step3.jpg') top center no-repeat; }
	#vendors h3{ text-align:center; }
	#vendors{ padding-bottom:15px; }
}


@media(min-width:481px) AND (max-width:877px){
	body{ font-family:'Helvetica', Arial, sans-serif; }
	h1#site-title{ display:none; }
	#slideshow{ display:none; }
	#sloganbar{ display:none; }
	footer#footer{ display:none; }
	footer#secfooter{ display:none; }
	#vendors h3{ text-align:center; }
	#vendors{ padding-bottom:15px; }

	#sidebar{ display:none; }
}