/*
Theme Name: Monterey Dental Contours Theme
Description: Responsive Wordpress theme created for Monterey Dental Contours.
Author: Coastline Marketing Group
Author URI: http://www.coastlinemarketinggroup.com
*/

@viewport{
    zoom: 1.0;
    width: device-width;
}


html { margin:0px auto; padding:0px; }

body {
	margin:0px auto;
	color:#333;
	background:#fff url();
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size:16px;
}

h1, h2, h3, h4 { margin:0px; color:#a92203; font-weight:400; }

h1 { font-size:36px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:18px; }

a { color:#0f4386; text-decoration:none; }
a:hover { color:#a92203; }
a.more { display:block; font-size:14px; font-weight:bold; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

a.mbtn { display:inline-block; margin-bottom:12px; padding:11px 32px; color:#fff; background:#a92203; border-radius:5px; transition:all 0.4s ease-in; }
a.mbtn:hover { background:#303133; }

section { position:relative; max-width:1000px; margin:0px auto; }
.wrapper { width:100%; margin:0px; }


/**************** Header Area ****************/
header { width:100%; min-height:130px; background:#fff; z-index:999; }

.logo { padding:5px 0px; }
	
.tagline { margin:12px 0px; }
.tagline h2, .tagline h3 i { color:#a92203; }
.tagline h3 { padding:4px 0px; color:#0f4386; border-top:solid 1px #888; }
.tagline h3 i { padding:0px 10px; }
.tagline a img { padding-top:12px; }

.tagline a { display:inline-block; vertical-align:top; }
.illumitrac { display:inline-block; }
.payment { margin:12px 0 10px 10px !important; padding:12px 25px; background:#FFCA05; color:#222; font-weight:600; border-radius:5px; }


/**************** Menu Area ****************/
nav { position:relative; display:block; margin:0px; background:#a92203; text-align:center; z-index:99; }
nav ul { margin:0px; padding:0px; }
nav li { position:relative; list-style-type:none; display:inline-block; }
nav li a { 
	display:inline-block;
	padding:0px 16px;
	color:#fff;
	font-size:18px;
	line-height:40px;
	transition:all 0.4s ease;
}
nav li a:hover { color:#fff; background-color:#902234; }

#menu-item-17 a:before { padding-right:5px; color:#fff; font-family: FontAwesome; content:"\f015"; }
#menu-item-18 a:before { padding-right:5px; color:#fff; font-family: FontAwesome; content:"\f05a"; }
#menu-item-19 a:before { padding-right:5px; color:#fff; font-family: FontAwesome; content:"\f075"; }
#menu-item-20 a:before { padding-right:5px; color:#fff; font-family: FontAwesome; content:"\f007"; }
#menu-item-23 a:before { padding-right:5px; color:#fff; font-family: FontAwesome; content:"\f013"; }
#menu-item-240 a:before { padding-right:5px; color:#fff; font-family: FontAwesome; content:"\f005"; }
#menu-item-366 a:before { padding-right:5px; color:#fff; font-family: FontAwesome; content:"\f0c0"; }

#menu-item-22 a:before, #menu-item-226 a:before, #menu-item-227 a:before,
#menu-item-228 a:before, #menu-item-229 a:before { padding-right:8px; color:#fff; content:""; }


/**************** Menu Dropdown Area ****************/
nav ul li ul { 
	list-style:none; 
	position:absolute; 
	left:-9999px; 
	z-index:9999;
	background:#333;
}
nav ul a { white-space:nowrap; }
nav li:hover ul { position:absolute; left:0; top:40px; opacity:1; margin-top:0px; }
nav li:hover ul li { position:relative; display:block; padding:2px; }
nav li:hover ul a { display:block; margin:0px; padding:4px 20px; color:#fff !important; line-height:28px; text-align:left; }
nav li:hover ul li a:hover { background-color:#902234; color:#fff !important; }


/**************** Rotator Area ****************/
#rotator { position:relative; width:100%; height:auto; margin:0px auto; }
#rotator img { width:100%; height:auto; }
#meteor-slideshow, .mslide { width:100% !important; height:auto !important; }


/**************** Homepage Content Area ****************/
#reviews { padding:20px 0px 0px; min-height:120px; color:#fff; background:#0f4386; }
#reviews section { min-height:120px; }
#reviews h2 { color:#fff; }
#reviews blockquote { font-size:18px; }
#reviews a.more-testimonials { display:inline-block; padding:8px 20px; color:#fff; background:#467abf; font-weight:700; text-transform:uppercase; }
li#testimonials_widget-2 { list-style-type:none; }
#testimonials_widget-2 h2 { display:none; }
.testimonials-widget-testimonials.bx-controls { display:none; }

#safety-video { padding:40px 0; background:#f1f1f1; }
#safety-video section { text-align:center; }
#safety-video h2 { margin-bottom:16px; }
#safety-video h2 span { display:block; font-size:16px; text-transform:uppercase; }

.welcome { padding:20px 0px; }
.team-photo h1 { margin:40px 0 12px 0; color:#a92203; font-size:30px; line-height:30px;  }
.team-photo h1 span { display:block; font-family:'Alex Brush'; font-size:48px; }
.team-photo { }
.team-photo img { padding:6px; -moz-box-shadow:0 0 3px #333; -webkit-box-shadow:0 0 3px #333; box-shadow:0 0 3px #333; }

#cta-header { padding:0px; background:#0f4386; }
#cta-header section { padding:9px 0px; background:#467abf; text-align:center; }
#cta-header section h1 { color:#fff; font-size:21px; }

#cta { background:#f1f1f1; }
#call-to-action { background:#ebebeb; }
.box { position:relative; display:inline-block; min-height:300px; color:#fff; }
.box h2 { color:#fff; line-height:24px; text-transform:uppercase; -moz-text-shadow:1px 1px 1px #333; -webkit-text-shadow:1px 1px 1px #333; text-shadow:1px 1px 1px #333; }
.box h2 span { display:block; font-size:18px; }
.box > div { color:#fff; font-size:15px; -moz-text-shadow:1px 1px 1px #333; -webkit-text-shadow:1px 1px 1px #333; text-shadow:1px 1px 1px #333; }
.box > div strong { display:block; color:#fff; }
.restoring { background:url('images/box_restoring_your_smile.jpg') top center no-repeat; background-size:cover; }
.preserving { background:url('images/box_preserving_your_smile.jpg') top center no-repeat; background-size:cover; }
.making { background:url('images/box_making_you_smile.jpg') top center no-repeat; background-size:cover; }

.blog h3 { margin-top:30px; color:#a92203; font-size:36px; }
.blog h3 span { display:block; font-size:16px; text-transform:uppercase; }
.blog-entry { margin-top:12px; font-size:14px; }
.blog-entry img { -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; }
.blog-entry h4 { font-size:24px; }
.blog-entry p { margin-top:0px; margin-right:20px; }

.request-consultation { background:#fafafa url('images/dr_kent_background.jpg') top right no-repeat; }
.request-consultation h3 { margin:30px 0 20px 20px; font-size:32px; }

.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea {
	border:0px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:inset 0 0 2px #bbb;
	-webkit-box-shadow:inset 0 0 2px #bbb;
	box-shadow:inset 0 0 2px #bbb;
}
#gform_submit_button_1, 
#gform_submit_button_2 { padding:6px 20px; color:#fff; background:#a92203; -moz-box-shadow:inset 0 0 0 #bbb; -webkit-box-shadow:inset 0 0 0 #bbb; box-shadow:inset 0 0 0 #bbb; }

#gform_wrapper_1 { margin:20px; width:270px; }
#gform_wrapper_1 label { display:none; }
#gform_wrapper_1 textarea { height:72px; }
.gform_wrapper .ginput_complex span.name_first, .gform_wrapper .ginput_complex span.name_last { min-height:2em !important; }
.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large { width:99% !important; }
#gform_wrapper_1 .gform_footer { padding:0px; }

#gform_wrapper_2 { padding:30px 20px; background:#fafafa; }


/**************** Inner Page Content Area ****************/
#page-content { margin:40px 0px; }
#page-content h1 { font-size:48px; }

#page-content hr { margin:30px 0px; color:#ccc; }
#page-content img { padding:4px; border:solid 1px #ccc; }

#breadcrumbs { margin:0 0 40px 0; font-size:13px; }

.google-map { 
	position: relative; 
	margin:0px 0px 30px;
	padding-bottom: 40%;
	height: 0;
	overflow: hidden;
	-moz-box-shadow:0px 0px 3px #888;
	-webkit-box-shadow:0px 0px 3px #888;
	box-shadow:0px 0px 3px #888;
}
.google-map iframe { 
	position:absolute; 
	top:0; 
	left:0; 
	width:100% !important;
	height:100% !important; 
}

.attachment-thumbnail { padding:4px; border:solid 1px #ccc; }

.listing blockquote { margin:12px 0px; }

#post-9 #gform_wrapper_2 input,
#post-9 #gform_wrapper_2 textarea { border:solid 2px #ccc; }
#post-9 #gform_wrapper_2 input:focus,
#post-9 #gform_wrapper_2 textarea:focus { border:solid 2px #a92203; }



/**************** Sidebar Area ****************/
#page-sidebar { margin:50px 0px 30px; }
#page-sidebar aside { margin-bottom:40px; }

#page-sidebar #gform_wrapper_1 input, 
#page-sidebar #gform_wrapper_1 select,
#page-sidebar #gform_wrapper_1 textarea { border:solid 1px #a92203; }

.hours p { text-align:center; }
.hours p span { display:block; padding:3px; background:#efefef; font-size:13px; text-transform:uppercase; }


/**************** Footer Area ****************/
footer { color:#fff; background:#0f4386; font-size:14px; }
footer a { color:#467abf; }
footer a:hover { color:#dedede; }

.credits { width:100%; padding:20px 0px; }
.credits p { margin:5px 0 12px 0; }
footer ul { margin-top:20px; padding:0px; float:right; }
footer li { display:inline-block; list-style-type:none; padding:10px 0px; }




/******************** responsive break points ********************/

/* Desktop */
@media only screen and (min-width : 1024px) {
	header {  }
	a.more { text-align:right; }
	.slicknav_menu { display:none; }
	.logo { float:left; }
	.logo img { transition:all 0.4s ease; }
	.tagline { float:right; text-align:right; }
	.tagline h2 { font-size:21px; }
	.tagline h3 { font-size:16px; }
	header.sticky { position:fixed; }
	header.sticky .logo img { width:70%; height:auto; }
	header.sticky nav li a { /* line-height:30px; */ }

	.team-photo img { margin-top:20px; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
	#reviews h2 { width:320px; padding-right:100px; background:url(images/reviews_icon.jpg) center right no-repeat; font-size:36px; float:left; }
	#testimonials_widget-2 { width:560px; margin:0px; float:right; }
	#testimonials_widget-2 blockquote { margin:0px; }
	#reviews a.more-testimonials { margin-top:15px; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; }
	.welcome { width:440px; min-height:240px; float:left; }
	.team-photo { float:right; }
	.box { width:33%; font-size:14px; text-align:right; float:left; overflow:hidden; }
	.box h2 { position:absolute; top:210px; right:12px; transition:all 0.4s ease; }
	.box:hover h2 { top:40px; }
	.box div { position:absolute; bottom:-100px; display:block; padding:8px 12px 8px 30px; background:rgba(0,0,0,0.3); opacity:0.0; transition:all 0.4s ease; }
	.box:hover div { bottom:15px; opacity:1.0; }
	.box a.more { padding-top:5px; }
	.preserving { width:34% !important; }
	.blog, .request-consultation { min-height:400px; }
	.blog { width:440px; float:left; }
	.blog-entry img { margin-right:12px; float:left; }
	.blog-entry .more { display:block; margin-top:6px; font-weight:bold; text-align:right; float:right; }
	.request-consultation { width:560px; float:right; }

	#page-content { width:690px; float:left; }
	#page-sidebar { width:270px; float:right; }
	#page-sidebar #gform_wrapper_1 { margin:20px 0px !important; }

	.staff-pic { width:180px; text-align:left; float:left; }
	.staff-bio { width:510px; text-align:justify; float:right; }

	.credits { width:480px; float:left; }
	.credits img { margin-right:12px; float:left; }
	footer ul { float:right; }

}


/* Tablet */
@media only screen and (min-width:768px) and (max-width:1023px) {
	section { margin:0px 20px; }
	a.more { margin:12px 0px; text-align:right; }
	.logo { max-width:47%; float:left; }
	.logo img { max-width:100%; height:auto; }
	.tagline { float:right; text-align:right; }
	.tagline h2 { font-size:21px; }
	.tagline h3 { font-size:16px; }
	.tagline h3 span { display:block; }
	.slicknav_menu { display:none; }
	nav li a { padding:0px 12px; font-size:16px; }

	#reviews section { text-align:center; }
	#reviews a { margin-bottom:20px; }

	.team-photo { padding-bottom:30px; text-align:center; }
	#cta section { margin:0px; }
	#cta-header section { margin:0px; }
	.box { width:33.3%; float:left; }
	.box h2 { position:absolute; top:140px; right:12px; text-align:right; }
	.box div { display:block; position:absolute; bottom:12px; padding:8px 12px; background:rgba(0,0,0,0.3); text-align:right; }
	.blog-entry { margin-bottom:12px; padding-bottom:12px; border-bottom:solid 1px #ccc; }
	.blog-entry img { margin-right:12px; float:left; }
	.blog-entry .more { display:block; margin-top:6px; font-weight:bold; text-align:right; float:right; }
	.request-consultation { margin:0 -20px; min-height:400px; }
	.request-consultation #gform_wrapper_1 { margin-left:20px; }

	#page-content { width:66%; float:left; }
	.entry img.size-full { max-width:100%; height:auto; }

	#page-sidebar { width:30%; float:right; }
	#page-sidebar h3 { font-size:21px; }
	#gform_wrapper_1 { margin:20px 0px; } 
	#page-sidebar #input_1_1_3_container, #page-sidebar #input_1_1_6_container { width:100% !important; } 

	.credits { width:67%; float:left; }
	.credits img { margin-right:12px; float:left; }
}

/* Mobile - Smartphone */
@media only screen and (max-width:767px) {
	section { margin:0px 12px; }
	a.more { margin:12px auto; text-align:center; }
	.logo { margin:36px auto; }
	.logo img { max-width:100%; height:auto; }
	.logo, .tagline { text-align:center; }
	.tagline h2 { font-size:21px; }
	.tagline h3 { font-size:18px; }
	.tagline h3 a { display:block; margin:20px auto 12px; padding:15px 25px 15px 15px; color:#fff; background:#a92203; font-size:32px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
	.tagline h3 a:hover { background:#0f0; }
	.tagline h3 i { color:#fff; }
	.tagline .fa-map-marker { display:none; }
	nav { display:none; }
	#reviews { text-align:center; }
	#reviews h2 { font-size:24px; }
	#reviews ul { padding:0px; }
	#reviews blockquote { margin:20px 0px; padding:8px; background:rgba(255,255,255,0.1); }
	#reviews a.more-testimonials { margin-bottom:0px; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; }

/**	#safety-video section iframe { width:100% !important; height:auto !important; } **/
	#safety-video section .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
	#safety-video section .embed-container iframe, .embed-container object, 
	#safety-video section .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.team-photo { margin-bottom:30px; }
	.team-photo img { padding:2% !important; max-width:96%; height:auto; }
	.blog { padding:20px 0px; }
	.blog-entry { padding-bottom:12px; border-bottom:solid 1px #ccc; text-align:justify; }
	.blog-entry img { margin-right:12px; float:left; }
	.blog-entry p { margin-right:0px; }

	#cta-header section { margin:0px; }
	#cta section { margin:0px; }
	.box { display:block; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
	.box h2 { margin-right:12px; padding-top:150px; text-align:right; }
	.box div { padding:8px 20px; background:rgba(0,0,0,0.3); font-size:16px; text-align:center; }
	.box div a { text-align:right; }
	.request-consultation { min-height:400px; margin:0px -12px; }
	.request-consultation h3 { text-align:center; }

	#page-content h1, #breadcrumbs { text-align:center; }
	#breadcrumbs { border-top:solid 1px #ccc; }
	.entry p { text-align:justify; }
	img.size-full, img.size-medium { width:100%; height:auto; }
	img.attachment-thumbnail { margin:12px auto; text-align:center; }
	.staff-pic { text-align:center; }
	.staff-bio { text-align:justify }

	#page-sidebar { margin-top:20px; padding-top:12px; border-top:solid 1px #ccc; }
	#page-sidebar aside { text-align:center; }
	#page-sidebar #gform_wrapper_1 { margin:20px auto !important; }
	#page-sidebar .gform_footer { text-align:center; }

	.credits, .social-icons { text-align:center; }
	footer ul { margin:0px; float:none !important; }
}


/* Mobile - Standard */
@media only screen and (max-width : 420px) {
	.tagline h3 { font-size:15px; }
	#rotator { display:none; }
	#reviews blockquote { font-size:16px; }

/**	#safety-video section iframe { width:100% !important; height:auto !important; } **/
	#safety-video section .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
	#safety-video section .embed-container iframe, .embed-container object, 
	#safety-video section .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.welcome h1 { text-align:center; }
	.welcome p { text-align:justify; }
	.blog h3 { font-size:30px; text-align:center; }
	.blog-entry { text-align:center !important; }
	.blog-entry img { margin:12px auto; float:none; }
	.request-consultation h3 { margin:0px !important; padding:12px 0px; font-size:24px; }
	footer { font-size:13px; }
}