/*
Theme Name: Belmont Dental Group
Theme URI: http://www.mediafortress.com.au/
Author: Media Fortress
Author URI: http://www.mediafortress.com.au/
Description: Wordpress theme for Belmont Dental Group
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: clean, simple, dentist

This theme, like WordPress, is licensed under the GPL.
*/

/**
 * Basic Styles
 */
html {font-size:16px;}
body {background-color:#eaeaea; font-size:0.9em; color:#6E6E6E; font-family: arial, sans-serif;}
img {max-width: 100%; border: 2px solid #b5b5b5;}
h1 {color:#1C5E0B; font-size:2em; font-family: 'Raleway', arial, sans-serif;}
h2, h3, h4, h5, h6 {color:#6E6E6E; font-size:1.4em; margin-top:0; font-family: 'Raleway', arial, sans-serif;}
a {color:#1C5E0B; text-decoration: none; outline:0;}
 a:hover, a:active, a:focus {outline: 0;}
.alignright {float:right; margin: 0 0 20px 20px;}
.alignleft {float:left; margin: 0 20px 20px 0;}
iframe, object, embed {max-width: 100%; border:0;}
dt, dd {margin:0; padding:0 ;}
dt {float:left; clear:both; font-weight: bold;}
dd {float: right;}
.container {margin-top:10px;}

/**
 * Header
 */

.white-area {background-color: #fff; padding: 2%;}
.content {overflow: hidden;}
.header-contact {text-align: right;}
.slider {margin-bottom: 0.5% !important; height: 400px;}
.flexslider {margin:0 !important; border:0 !important;;}
.logo img, .flexslider img, .header-contact img {border:0;}
.header-contact ul li img {margin-right:10px; width:20px; margin-bottom:-4px;}
.header-contact ul li {font-size:1em; font-weight: bold; padding: 9px 0;list-style: none;}
.header-contact ul li a {color:#999999;}
.header-contact ul {margin:0; padding:0; text-align: left; float:right;}
.opening-hours span {white-space: nowrap;}

/**
 * Top Menu
 */

.menu-main-menu-container {background:#60c549;height:45px;margin-bottom:21px;overflow:hidden;padding-left:35px;}
ul.menu {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;list-style:none;}
ul.menu li, ul.menu li.current_page_item	{float:left;border:none;}
ul.menu li a, ul.menu li a:visited {border-left:1px solid #fff;border-right:1px solid #fff;	color:#fff;	font: Arial, Helvetica, sans-serif;font-size:1em;text-decoration:none;display:block;padding:13px 55px 13px;}
ul.menu li a:hover {text-decoration:none !important;color:#fff;background:#168850;}
ul.menu li.current_page_item a {background:#168850;text-decoration:none !important;color:#fff !important;}


 /**
 * Team Page
 */
 .team_member {text-align: center;}
 .team_member ul {padding: 0; margin: 0 0 20px 0;}
.team_member ul li {list-style:none;}
li.staff_name {font-weight:bold;}


 /**
 * Services Page
 */
.service_item {text-align: center; padding-bottom:20px;}
.service_item img {border:none;}

 /**
 * Contact Page
 */
.contact-content h2 {text-align: center;}
.contact-content span.business-name {font-weight: bold;}
dl.contact-numbers dt, dl.contact-numbers dd {margin-bottom:18px;}
.contact-details {text-align: center;}

 /**
 * Footer
 */
footer {padding: 2%; color: #6E6E6E; font-size:0.8em;}


 /**
 * Smaller screens
 */

 @media screen and (max-width: 650px) {

 .grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width:100%;
}

iframe, object, embed {width:100%;}

 }


 @media screen and (max-width: 980px) {

.logo, .mainmenu, .header-contact {width:100%; text-align: center;}
ul.topnav {padding:0; text-align: center;}
.slider {height: auto;}
h1, h2 {font-size:1.5em;}
.menu-main-menu-container {height:auto;}
ul.menu li, ul.menu li.current_page_item {float:none;}
ul.menu li a, ul.menu li a:visited {padding: 2% 57px; border-bottom:1px solid #ffffff; }
.header-contact ul li {padding:2px;}
.header-contact ul {text-align: center; float:none;}
 }