/*
Theme Name: Your Web Layout
Theme URI: http://yourweblayout.com/
Author: Design Services
Author URI: http://yourweblayout.com/
Description: This site was built by Design Services. If you have any questions, please contact <a href="mailto:updates@yourweblayout.com">updates@yourweblayout.com</a>
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout

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.

Your Web Layout is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Bootstrap
	1.1 Adjustments

2.0	Underscores
	2.1 Elements
	2.2 Accessibility
	2.3 Alignments
	2.4 Clearings

3.0 Your Web Layout
	3.1 Typography
	3.2 Background
	3.3 Header
	3.4 Navigation
	3.5 Content
	3.6 Home Page
	3.7 Footer
	3.8 Custom

4.0 Media Queries
	4.1 xs
	4.2 sm
	4.3 md
	4.4 lg
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Adjustments
--------------------------------------------------------------*/
/* If they insist, disable responsiveness thusly
 * @link http://getbootstrap.com/getting-started/#disable-responsive
 *
 * 1. Replace all col classes (col-lg, col-md, col-sm) with col-xs
 * 2. Remove all navbar collapsing and expanding behavior
 * 3. Uncomment css below to override container width
 */

/*
.container {
	width: 970px !important;
}
@media (min-width: 768px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
*/

/*--------------------------------------------------------------
2.0	Underscores
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Elements
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly */
	max-width: 100%; /* Adhere to container width */
}

/* Make sure elements fit their containers */
embed,
iframe,
object,
.wp-caption,
.widget select {
	max-width: 100%;
}

/* Required by WordPress theme check */
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption-text {
}

/*--------------------------------------------------------------
2.2 Accessibility
--------------------------------------------------------------*/
/* 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:hover,
.screen-reader-text:active,
.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-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 */
}

/*--------------------------------------------------------------
2.3 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
2.4 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
3.0 Your Web Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: local('Cinzel-Regular'), url(https://fonts.gstatic.com/s/cinzel/v4/zOdksD_UUTk1LJF9z4tURA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
	background: #fff;
	color: #00305e;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}

h1,
h2,
h2 > a,
h3,
h4,
h5 {
	color: #00305e;
	font-family: 'Cinzel';
}
p {

}
a {
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #666;
}
a:active {
	text-decoration: none;
	color: #000;
}
.disclaimer {
	font-size: 14px;
	font-style: italic;
}
sup {
	font-size: 50%;
	top: -1em;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
.site-header {
	background: url(images/background-blue.jpg);
}

#logo {
	margin-top: 10px;
}

.header-middle,
.header-right {
	color: #fff;
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.header-right {
	font-weight: 500;
}
.header-right a {
	color: #fff;
}
.header-right a:hover {
	color: #ccc;
}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
.nav-wrap {
	background: rgba(255, 255, 255, .6);
	box-shadow: 1px 2px 4.95px 0.05px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 1000;
}

#site-navigation {
	background: transparent;
}

/* Primary nav */
.navbar {
	border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.navbar-default {
	margin-bottom: 0;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
}
.navbar-default .navbar-nav > li > a {
    color: #00305e;
	font-size: 18px;
    padding: 15px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background: transparent;
	color: #00305e;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
    color: #00305e;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background: transparent;
    color: #00305e;	
}	

/* Dropdown nav */
.dropdown-menu {
	background: #00305e;
}
.dropdown-menu > li > a {
	background: transparent;
	color: #fff;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	background: transparent;
    color: #fff;
    outline: 0 none;
    text-decoration: underline;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:focus {
	background: transparent;
	color: #fff;
    text-decoration: underline;	
}
.navbar-default .navbar-nav .dropdown-menu > .open > a,
.navbar-default .navbar-nav .dropdown-menu > .open > a:hover,
.navbar-default .navbar-nav .dropdown-menu > .open > a:focus {
	background: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	background: transparent;
    color: #fff;
    text-decoration: underline;	
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
	font-size: 16px;		
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #fff;
	text-decoration: underline;
}

/*----Hamburger Menu ---*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #00305e;	
}

/*--- Removes Drop Down Arrow  ---*/
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
    border-color: -moz-use-text-color transparent transparent;
    border-style: none;
    border-width: 4px;
    display: inline-block;
    height: 0;
    margin-left: 6px;
    margin-right: 0;
    margin-top: 0;
    overflow: hidden;
    position: static;
    vertical-align: middle;
    width: 0;
}

/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.site-content > .container {
	background: #fff;
}
.site-content > .container:last-child {
	margin-bottom: 30px;
}
.entry-title {
	display: none;
}

/*--------------------------------------------------------------
3.6 Home Page
--------------------------------------------------------------*/
.welcome-heading {
	font-family: 'Cinzel';
	font-size: 38px;
	margin-top: 25px;
	text-align: center;
}
.welcome-paragraph {
	font-size: 18px;
	margin-bottom: 50px;
}
.featured-heading,
.dental-heading {
	font-family: 'Cinzel';
	font-size: 28px;
	padding: 10px;
}
.featured-section,
.dental-associations,
.footer-contact {
	background: url(images/background-gray.jpg);
	border-top: 2px solid #00305e;
	box-shadow: 1px 2px 4.95px 0.05px rgba(0, 0, 0, 0.2);
}
.featured-section {
	position: relative;
	z-index: 10;	
}
.home-content {
	margin-bottom: 50px;
	margin-top: 50px;
	text-align: center;
}
.home-content img {
	box-shadow: 0px 2px 0.99px 0.01px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 20;	
}
.home-content a.btn {
	background: rgba(255, 255, 255, .6);
	border-radius: 0;
	color: #00305e;
	font-size: 18px;
	font-weight: 700;
	margin-top: -90px;
	position: relative;
	width: 100%;
	z-index: 50;
}
.home-content a.btn:hover {
	background: rgba(0, 48, 94, .6);
	color: #fff;	
}	
.dental-associations img {
	margin-bottom: 25px;
}

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.site-footer {
	background: #fff;
}
.footer-contact {
	padding-bottom: 15px;
}

.footer-middle,
.footer-right {
	font-size: 18px;
	margin-top: 15px;
}
.footer-middle a,
.footer-right a {
	color: #00305e;
}
.footer-right a:hover {
	color: #666;
}

.footer-nav {
	margin-bottom: 30px;
	margin-top: 30px;
}
.site-footer ul {
    list-style: outside none none;
	margin-left: -40px;
}
.site-footer li > a {
	color: #00305e;
	font-size: 16px;
}
.site-footer li > a:hover {
	color: #666;
}

.attribution {
	background: #00305e;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.attribution a {
	color: #fff;
	text-decoration: underline;
}
.attribution a:hover {
	color: #ccc;
}
.attribution p {
	padding: 15px;
}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.search-submit {
	font-family: FontAwesome;
}

.inner-page {
	background: url(images/background-gray.jpg);
	border-top: 2px solid #00305e;
	box-shadow: 1px 2px 4.95px 0.05px rgba(0, 0, 0, 0.2);
	margin: 30px 0;
	padding: 15px;
}
.image-padding img {
	margin-top: 20px;
}
.image-padding-contact img {
	border: 1px solid #00305e;
	margin-top: 50px;
}
.image-border img {
	border: 1px solid #00305e;
}

/*--------------------------------------------------------------
4.0 Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.2 sm
--------------------------------------------------------------*/
@media (min-width: 360px) {
	.home-content a.btn {
		width: 360px;
	}
}	

/*--------------------------------------------------------------
4.2 sm
--------------------------------------------------------------*/
@media (min-width: 768px) {
	/* Small - tablets */
	/* Hover Effect on Nav */
	.navbar-default .navbar-nav > li > a {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.navbar-default .navbar-nav > li > a:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 50%;
	  right: 50%;
	  bottom: 0;
	  background: #00305e;
	  height: 2px;
	  -webkit-transition-property: left, right;
	  transition-property: left, right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.navbar-default .navbar-nav > li > a:hover:before,
	.navbar-default .navbar-nav > li > a:focus:before,
	.navbar-default .navbar-nav > li > a:active:before {
	  left: 0;
	  right: 0;
	}
	.header-right {
		text-align: right;
	}
	.navbar-default .navbar-nav {
		margin-left: 75px;
	}	
	.navbar-default .navbar-nav > li > a,
	.dropdown-menu > li > a {
		font-size: 24px;
	}
	.header-middle,
	.header-right {
		font-size: 18px;
	}
	.metaslider-53 {
		box-shadow: 1px 2px 4.95px 0.05px rgba(0, 0, 0, 0.3);
		margin-bottom: -50px;
		top: -50px;
		position: relative;
	}
	.welcome-heading {
		font-size: 40px;
	}		
	.home-content a.btn {
		font-size: 14px;	
		width: 100%;
	}
	.dental-heading {
		margin-bottom: 45px;
	}
	.image-padding img {
		margin-top: 35px;
	}
	.site-content > .container:last-child {
		margin-bottom: 50px;
	}
}

/*--------------------------------------------------------------
4.3 md
--------------------------------------------------------------*/
@media (min-width: 992px) {
	/* Medium - desktops */
	
		/* Sticky footer
		 * @link http://mystrd.at/modern-clean-css-sticky-footer/
		 */
	html {
		position: relative;
		min-height: 100%;
	}
	body {
		margin: 0 0 200px; /* = .site-footer height */
	}
	.site-footer {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 200px; /* = body margin-bottom */
	}
	.site-content > .container:last-child {
		margin-bottom: 80px;
	}
	.navbar-default .navbar-nav {
		margin-left: 300px;
	}	
	.welcome-heading {
		font-size: 44px;
	}		
	.welcome-paragraph {
		font-size: 21px;
	}	
	.home-content a.btn {
		font-size: 20px;
	}	
	.featured-heading, 
	.dental-heading {
		font-size: 32px;
	}
	.dental-associations img {
		float: right;
		margin-bottom: 45px;
	}
	.image-padding img {
		margin-top: 40px;
	}	
	.footer-right {
		text-align: right;
	}
}

/*--------------------------------------------------------------
4.4 lg
--------------------------------------------------------------*/
@media (min-width: 1200px) {
	/* Large - desktops */
	.header-middle,
	.header-right {
		font-size: 21px;
	}
	.navbar-default .navbar-nav {
		margin-left: 450px;
	}	
	.welcome-heading {
		font-size: 48px;
	}	
	.home-content a.btn {
		font-size: 24px;
	}
	.featured-heading, 
	.dental-heading {
		font-size: 36px;
	}
	.image-padding img {
		margin-top: 20px;
	}
	.footer-contact {
		padding-bottom: 0;
	}
}