/*
Theme Name: Distinctive Homes
Description: Distinctive Homes custom WordPress Theme
Version: 1
Author: Launch Interactive
Author URI: http://launchinteractive.com.au

*/


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}

/* WordPress Presentational Classes*/
.aligncenter {
	display:block;
	margin:0 auto;
}
.alignleft {
	float:left;
	margin:0 20px 20px 0;
}
.alignright {
	float:right;
	margin:0 0 20px 20px;
}

.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

* {
	box-sizing: border-box;
}

html {
	height: 100vh;
	overflow: auto;
	font-size: 15px;
}

body {
	-webkit-font-smoothing: antialiased;
	background: #777;
	font-family: helvetica, sans-serif;
	min-height: 100%;
	padding: 1px;/* Makes sure all margins are contained within the body, may cause some slight layout issues*/
	
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
}

/*
::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece  
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-webkit-resizer

:horizontal
:vertical
:decrement
:increment
:start
:end
:double-button
:single-button
:no-button
:corner-present
:window-inactive
*/
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background: #ddd;
}
::-webkit-scrollbar-thumb {
  background: #AAA;
}

a[href^=tel] {
	color:inherit;
	text-decoration: none;
}

.central {
	max-width: 1280px;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}

img {
	max-width: 100%;
	height: auto;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
	font-weight: 900;
	margin-bottom: 0.5rem;
}

h2 {
	font-size: 1.1em;
}

p {
	margin: 0.4em 0;
}
/*
@media all and (max-width: 960px) {

}
@media all and (max-width: 320px) {

}
*/