/*
Theme Name: North West Dental
Theme URI: https://northwestdental.com.au
Author: the northwest dental team
Author URI: https://northwestdental.com.au/
Description:northwest dental.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: northwestdental

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Media Queries
 *    15.1 - Mobile Large
 *    15.2 - Tablet Small
 *    15.3 - Tablet Large
 *    15.4 - Desktop Small
 *    15.5 - Desktop Medium
 *    15.6 - Desktop Large
 *    15.7 - Desktop X-Large
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
html { overflow-y: scroll; overflow-x: hidden; }
body {
	line-height: 1
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
del {
	text-decoration: line-through
}
hr {
	background: transparent;
	border: 0;
	clear: both;
	color: transparent;
	height: 1px;
	margin: 0;
	padding: 0
}
mark {
	background-color: #ffffb3;
	font-style: italic
}
input, select {
	vertical-align: middle
}
ins {
	background-color: red;
	color: white;
	text-decoration: none
}
ol, ul {
	list-style: none
}
/*table{border-collapse:collapse;border-spacing:0}*/



/* Clearfix */

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0
}
* html .clearfix, :first-child+html .clearfix {
	zoom: 1
}
/* Some basic settings */

small {
	font-size: 10px;
	color: #6d6e71;
}
ul, ol {
	list-style: none;
}
/*br{ margin-bottom:10px;}*/

/* ---------------------------------------------------------------------- */

/*	Basic Elements & Classes

/* ---------------------------------------------------------------------- */

body {
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: #084474;
	/*background:#fff;*/
	background:#084474;
}
 .::selection {
background: #FFFFFF;
color: #444444;
text-shadow: none;
}

a, a > * {
	/*color: #084474;*/
	text-decoration: none;
	-webkit-transition: all .75s;
	-moz-transition: all .75s;
	-ms-transition: all .75s;
	-o-transition: all .75s;
	transition: all .75s;
	color: #59c9e1;
}
a:hover, a > *:hover {
	text-decoration: underline;
}

/*	Generic Classes

/* ---------------------------------------------------------------------- */



.hidden {
	display: none;
}
.disabled {
	cursor: auto;
}
.screenreader {
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */
	position: absolute;
}
.align-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
img {
	height: auto;
	max-width:100%;
}
/*======================================================*/

					/*Header*/

	/*======================================================*/



#header 
{
	width:100%;
	background:#ffffff;
}
.head-three-col {
width: 1000px;
margin: 0px auto 15px;
overflow: hidden;
}
.head-col1 {
float: left;
margin-top: 10px;
}
.head-col2 {
float: left;
text-align: center;
margin: 38px 20px 0;
}
.head-col3 {
float: right;
margin: 20px 20px 0;
}
.head-col3 h1 {
	font-size: 18px;
  line-height: 25px;
  text-align: right;
  }
.head-bottom {
width: 100%;
overflow: hidden;
background:url(images/menu-bg.jpg)
}
.head-two-col {
width: 960px;
margin: 5px auto 10px;
overflow: hidden;
}
.head-two-col .align-right p
{
	margin-top:20px;
	text-align:right;
	}
.entry-header .entry-title {
color: #59c9e1;
font-size: 23px;
padding: 25px 0 0 40px;
}
/*======================================================*/

						/*Menu*/

/*======================================================*/



/*===== Home Menu Area ====*/

 .menuarea {
	width: 100%;
	margin: 0 0 0 5px;
}
.menuarea .mainmenu {
	margin: auto;
}
.mainmenu ul {
	text-align: center;
	margin-bottom: 0 !important;
	margin: 0 auto;
}
#menu-main-menu {
	margin: 12px 0 4px 0;
	text-align: center;
	padding-top: 2px;
}
#menu-main-menu li {
	padding: 0 4px 6px 4px;
}
#menu-main-menu a {
	padding: 5px 5px;
	font-size: 14px !important;
	color: #ffffff;
	display: block;
	letter-spacing: 0.4px;
	text-decoration: none;
	border: 1px solid #59c9e1;
	}
#menu-main-menu li li {
	background: none;
	padding-right: 0px;
	border-right: none;
	padding-left: 0px;
	min-height: inherit;
}
#menu-main-menu li li a {
	padding: 5px;
}
#menu-main-menu a:hover {
	background: #52b8ce;
	border-radius: 5px;
	color: #fff;
	border:1px solid #fff;
	filter: none;
	text-shadow: none;
	text-decoration: none;
}
#menu-main-menu .current-menu-item a {
	background: #52b8ce;
	border-radius: 5px;
	border:1px solid #fff;
	color: #fff;
	filter: none;
	text-shadow: none;
	text-decoration: none;
}
#menu-main-menu .current-menu-ancestor a {
	background: #52b8ce;
	border-radius: 5px;
	border:1px solid #fff;
	color: #fff;
	filter: none;
	text-shadow: none;
	text-decoration: none;
}
#menu-main-menu li .sub-menu .current-menu-item a {
	background: #52b8ce;
	color: #fff;
	filter: none;
	text-shadow: none;
	text-decoration: none;
}
#menu-main-menu li:hover a, #menu-main-menu li.hover a {
	background: #52b8ce;
	color: #fff;
	text-shadow: none;
	text-decoration: none;
}
#menu-main-menu .menu-item {
	display: inline-block;
}
#menu-main-menu .menu-item:after {
}
#menu-main-menu li .sub-menu .menu-item {
	clear: both;
	float: left;
	height: auto;
	padding-right: 0pt;
	padding-bottom: 0;
}
#menu-main-menu li li a, #menu-main-menu li li a:link, #menu-main-menu li li a:active, #menu-main-menu li li a:visited {
	width: 240px;
	background: #fff;
	border-radius: 0;
	border:none;
	color: #084474;
	float: left;
	font-size: 13px !important;
	font-weight: normal;
	height: auto;
	padding: 4px 5px 4px 15px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	text-shadow: none !important;
}
#menu-main-menu li li a:hover {
	color: #000;
	background: #52b8ce;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: .2s, .2s;
	-webkit-transition-timing-function: ease, ease;
}
#menu-main-menu li ul {
	left: -999em;
	margin-left: 0pt ! important;
	position: absolute;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	border: 2px solid #59c9e1;
	/*top: 47%;*/
	padding: 5px 0;
	background: #fff;
}
#menu-main-menu li ul ul {
	left: auto;
	margin: 0pt 0pt 0pt 200px !important;
}
#menu-main-menu li:hover ul, #menu-main-menu li.sfhover ul {
	left: auto;
	z-index: 600;
}
#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li.sfhover ul, #menu-main-menu li li.sfhover ul {
	left: auto;
}
#menu-main-menu li:hover ul {
	display: block;
	left: auto;
}
#menu-main-menu li:hover ul ul, #menu-main-menu li:hover ul ul ul, #menu-main-menu li.sfhover ul ul, #menu-main-menu li.sfhover ul ul ul {
	left: -999em;
}
#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li li li:hover ul, #menu-main-menu li.sfhover ul, #menu-main-menu li li.sfhover ul, #menu-main-menu li li li.sfhover ul {
	left: auto;
}


/*======================================================*/

						/*Main Container*/

	/*======================================================*/


.contentarea
{
	width:100%;
	overflow:hidden;
	background:url(images/BG.jpg);
	}
	.home .contentarea-wrap { background:none;}
.contentarea-wrap
{
	width:1000px;
	margin:auto;
	background:#fff;
	overflow:hidden;
	}
	
.contentarea-wrap .three-col {
width: 100%;
float:left;
margin: 0 0 0 10px;
line-height:0;
}
.contentarea-wrap .three-col .align-left
{
	width:33%;
	}
	.home .contentarea-wrap .entry-content {padding:0;}
	.contentarea-wrap .entry-content {padding: 25px 15px 35px 40px;}

.ls-slide .home_slider_btn a{text-align: center;font-size: 14px;border: 1px solid #fff;color: #fff;padding: 6px 15px 6px 15px;border-radius: 4px;text-decoration:none;}

.ls-slide .yellow_btn_slider a:hover{background:#e6b24e;text-decoration:none;}
.ls-slide .pink_btn_slider a:hover{background:#d53689;text-decoration:none;}
.ls-slide .green_btn_slider a:hover{background:#a1c043;text-decoration:none;}
.ls-slide .blue_btn_slider a:hover{background:#52b8ce;text-decoration:none; }

/*======================================================*/

						/*Innerpage*/

/*======================================================*/



.inner-pg {
/*padding: 35px 15px 35px 25px;
overflow: hidden;*/
}
.inner-pg .pg-bottom-zero p{margin-bottom:0 !important;}

.two-column-wrap{ width:100%; display: inline-block;}
.inner-pg .two-column-wrap ul {
list-style-type: disc;
margin: 0 0 10px 20px;
}
.inner-pg .two-column-wrap p{ margin-bottom:10px;}
.inner-pg .align-left
{
	width:49%;
	}
.inner-pg .two-column-wrap h1
{
	color: #59c9e1;
font-size: 23px;
margin-bottom: 15px;
}
.inner-pg .align-right
{
	width:40%;
	}
	/*.inner-pg strong{ color:#084474;}*/
	.inner-blue-btn {
margin-top: 25px;
}
.inner-blue-btn a {
background: #59c9e1;
text-decoration: none;
padding: 10px 25px;
text-transform: uppercase;
color:#FFF;
border-radius:3px;
}
.inner-blue-btn a:hover {
background: #52b8ce;}
.inner-bottom
{
	background:#f3f3f4;
	clear:both;
	margin-top:20px;
	padding: 25px 35px;
overflow: hidden;
	}
.inner-bottom-two-column
{
	
	}
	
	.inner-bottom-two-column .col1
	{
	width:49%;
	float:left;
	background:#fff;
	}
	.inner-bottom-two-column .col2
	{
	width:49%;
	float:right;
	background:#fff;
	}
	.bottom-two-column-wrap-col1
	{
		width:36%;
	float:left;
	padding: 10px 15px;
	}
	.bottom-two-column-wrap-col2
	{
		width:50%;
	float:right;
	padding: 10px 15px;
	}
	.bottom-two-column-wrap-col1 h3 {font-size: 20px; }
	.four-col .yellow-box
	{
		float:left;
		width:25%;
		background-color:#fec355 ;
		background-image:url(images/yellow-lines.png);
		background-repeat:no-repeat;	
		background-position: bottom right;
		padding: 25px 0 15px;
		}
	.four-col .pink-box
	{
		float:left;
		width:25%;
		background-color:#ee3897  ;
		background-image:url(images/pink-lines.png);
		background-repeat:no-repeat;
		background-position: bottom right;
		padding: 25px 0 15px;
	}
	.four-col .green-box
	{
		float:left;
		width:25%;
		background-color:#b1d34b  ;
		background-image:url(images/green-lines.png);
		background-repeat:no-repeat;
		background-position: bottom right;
		padding: 25px 0 15px;
	}
	.four-col .blue-box
	{
		float:left;
		width:25%;
		background-color:#59c9e1  ;
		background-image:url(images/blue-lines.png);
		background-repeat:no-repeat;
		background-position: bottom right;
		padding: 25px 0 15px;
	}
	.four-col .box-txt{ text-align: center;}
	.yellow-btn, .pink-btn, .green-btn, .blue-btn{
margin: 20px 0 10px 0;
text-align: center;
cursor:pointer;
}
	.yellow-btn a , .pink-btn a, .green-btn a, .blue-btn a{
border: 1px solid #fff;
padding: 5px 30px;
color: #fff;
text-transform: uppercase;
border-radius:2px;
}
	.yellow-btn a:hover{background:#e6b24e; text-decoration:none; }
	.pink-btn a:hover{background:#d53689;text-decoration:none;}
	.green-btn a:hover{background:#a1c043;text-decoration:none;}
	.blue-btn a:hover{background:#52b8ce;text-decoration:none; }
/*======================================================*/

						/*Footer*/

/*======================================================*/
#footer
{
	width:100%;
	overflow:hidden;
	background:#084474;
	}
	.footer-wrap
	{
		width:1000px;
		margin:30px auto 50px;
		text-align:center;
		}
		.footer-wrap p{ color:#fff;}
		.footer-wrap a{ color:#fdbf55;}
		.home .inner-bottom{display:none;}
.home .four-col{display:none;}
.page-id-9 .inner-bottom {display: none;}
/*.page-id-9 .four-col {display: none;}*/
		/*======================================================*/

						/*Media Query*/

	/*======================================================*/





/* Smaller than standard 960 (devices and browsers) */

@media only screen and (min-width: 959px) and (max-width: 1024px) {
	/*#click-menu{display:none !important;}*/
	.menuarea{ display:none;}
	.home  #click-menu {top: 112px !important;right:2% !important;}
	#click-menu {top: 114px !important; right:2% !important;}
	.head-two-col .align-right { margin-right: 5%;}
	.head-three-col {width: 925px;}
	.head-col2{margin: 35px 10px 0;}
	.head-two-col{width: 915px;}
	.menuarea{margin:0;}
	.contentarea-wrap {width: 925px;}
	.bottom-two-column-wrap-col1{width: 38%;padding: 10px 0 10px 15px;}
	.bottom-two-column-wrap-col2 {width: 50%;}

}


/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.menuarea{ display:none;}
	/*#click-menu{display:none !important;}*/
	.home  #click-menu {top: 120px !important;}
	#click-menu {top: 170px !important;}
	.head-three-col {width: 740px;}
	.head-col2 {
float: right;
margin: 25px 5px 0;
}
.head-col3{margin: 20px 5px 10px;}
.contentarea-wrap, .head-two-col {width: 740px;}
.menuarea{margin:0 0 0 5%;}
.head-bottom .align-right {float: none;clear: both;width: 99%;position: relative;right: 10%;}
.bottom-two-column-wrap-col1{width:100%;}
.bottom-two-column-wrap-col2{width:100%; float:left;}
.four-col {width: 100%;margin-left: 72px;}
.four-col .yellow-box {width: 40%;}
.four-col .pink-box {width: 40%;}
.four-col .green-box {width: 40%;}
.four-col .blue-box {width: 40%;}
.yellow-btn{  margin: 30px 0 0 0;}
.pink-btn{  margin: 25px 0 4px 0;}
.green-btn{   margin: 31px 0 -2px 0;}
.blue-btn{   margin: 22px 0 7px 0;}
.yellow-btn a, .pink-btn a, .green-btn a, .blue-btn a{padding: 5px 15px;}
.four-col .pink-box{ padding: 30px 0 11px;}
.four-col .green-box{padding: 25px 0 18px;}
.four-col .blue-box{padding: 34px 0 9px;}
.footer-wrap {width: 775px;}

	
	}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.menuarea{ display:none;}
	.head-three-col, .contentarea-wrap, .footer-wrap {width: 450px;}
	.footer-wrap {font-size:13px;}
.head-col1 {
 float: none; 
text-align: center;
}
.head-col2 {
float: none;
clear: both;
text-align: center;
margin: 15px 0 0 0;
}
.head-col3 {
float: none;
margin: 15px 0 5px;
text-align: center;
clear: both;
}
.head-col3 h1 { text-align: center;}
.head-two-col {
width: 450px;
margin: 0 auto 15px;
}
.head-two-col .align-right{ float:left;}
.home #click-menu {top: 174px !important;}
#click-menu{ top: 213px !important;}
.inner-pg .align-left {
width: 100%;
float: none;
}
.inner-pg .align-right {
width: 100%;
float: none;
margin-top: 15px;
}
.inner-bottom-two-column .col1 {
width: 100%;
float: none;
}
.inner-bottom-two-column .col2 {
width: 100%;
float: none;
margin-top: 15px;
}
.bottom-two-column-wrap-col1, .bottom-two-column-wrap-col2 {
width: 100%;
float: none;
}
.four-col .yellow-box, .four-col .pink-box, .four-col .green-box, .four-col .blue-box{ width:50%;}
.four-col .yellow-box{ padding: 25px 0 15px;}
.four-col .green-box, .four-col .blue-box{ padding: 25px 0 19px;}
.ls-slide .home_slider_btn a{padding: 4px 7px 4px 7px;margin-left: -11px;font-size: 9px;}


}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
	.menuarea{ display:none;}
	.head-three-col, .contentarea-wrap, .footer-wrap {width: 290px;}
.head-col1 {
 float: none; 
text-align: center;
}
.head-col2 {
float: none;
clear: both;
text-align: center;
margin: 15px 0 0 0;
}
.head-col3 {
float: none;
margin: 15px 0 5px;
text-align: center;
clear: both;
}
.head-two-col {
width: 290px;
margin: 0 auto 15px;
}
.head-two-col .align-right{ float:left;}
.head-two-col .align-right p{font-size:13px;}
/*.home #click-menu {top: 140px !important;background: transparent;}*/
.home #click-menu {top: 172px !important;background: transparent !important;}
.entry-header .entry-title{padding: 25px 0 0 20px;}
.contentarea-wrap .entry-content {  padding: 25px 15px 35px 20px;}
.inner-pg .align-left {
width: 100%;
float: none;
}
.inner-pg .align-right {
width: 100%;
float: none;
margin-top: 15px;
}

.inner-blue-btn a {padding: 10px !important;font-size:13px;}
.inner-bottom{padding: 20px 10px;}
.inner-bottom-two-column .col1 {
width: 100%;
float: none;
}
.inner-bottom-two-column .col2 {
width: 100%;
float: none;
margin-top: 15px;
}
.bottom-two-column-wrap-col1, .bottom-two-column-wrap-col2 {
width: 100%;
float: none;
}
.four-col .yellow-box, .four-col .pink-box, .four-col .green-box, .four-col .blue-box{ width:100%;}

.ls-slide .home_slider_btn a{padding: 3px 5px 3px 7px;margin-left: -12px;font-size: 6px;}

}