/*
Theme Name: Inspired Developments
Author: Synchromedia Group
Author URI: https://www.smg.com.au/


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.
*/

/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

html {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 2;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
.grecaptcha-badge{ display: none !important; }
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}
h1,h2,h3,h4,h5,p{ margin: 0px; padding: 0px; margin-bottom: 20px; }

a{ text-decoration: none; -webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;  }
#logo img{ display: block; }
.wrap{ max-width: 1200px; margin: 0px auto; }
#header .wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#contacts{ align-self: center; padding-right: 30px; }
#contacts ul{ margin: 0px; padding: 0px; font-weight: 300; list-style: none; }
#contacts ul li a{ color: #37436b; font-size: 14px; }
ul#menu-topnav{ margin: 0px; padding: 0px; }
ul#menu-topnav li{ list-style: none; display: inline-block; }
ul#menu-topnav li a{ color: #686b8e; display: inline-block; font-size: 20px; font-weight: 300; float: left; padding: 0px 15px; line-height: 111px; }
ul#menu-topnav li a:hover{  }



#banner{ height: 80vh; background: #CCC; position: relative; }
.opacity{  width: 100%; height: 100%; }
#banner h1{ color: #FFF; }
#banner .box{ background: rgba(0,0,0,0.6); position: absolute; margin-left: 30px; bottom: 0px; max-width: 390px; padding: 30px; }

a.button, input[type="submit"]{ padding: 10px 20px; border-radius: 10px; display: inline-block; background: #fffc00; color: #37436b; font-size: 18px;  }
input[type="submit"]{ border: 0px; -webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;  }

a.button:hover, input[type="submit"]:hover{ cursor: pointer; background: #686b8e; color: #FFF;  }

h1{ font-size: 38px; font-weight: 300; letter-spacing: -1px; line-height: 1.3; }

.entry-header{ text-align: center; background: #686b8e; color: #FFF; padding: 30px; }
.entry-header h1{ margin: 0px; font-size: 34px; }

.wp-block-gallery a{ cursor: zoom-in; }
.wp-block-gallery a:hover{ opacity: 0.9; }

.padding{ padding: 60px 30px;  max-width: 600px;  width: 600px;
}


p:last-child { margin-bottom: 0 !important; }
.page-template-page-front .entry-content{  background: #37436b; color: #FFF; }

.entry-content .padding, #bottomcontent .padding{ float: right; }

#bottomcontent, .entry-content{ clear: both; }

.entry-content:after, #bottomcontent:after {
  content: "";
  display: table;
  clear: both;
}

.fullwrap{ display: flex; flex-wrap: wrap; justify-content: space-between;  }
.leftside, .rightside{ flex: 0 0 50%; }
.rightside {  }

.formtable{ width:100%; }
.formtable td{ vertical-align: top; padding: 5px; }

input[type="text"], input[type="email"], textarea{ width: 100%; padding: 4px; }
.wpcf7{ padding: 30px !important; background: #CCC; }
.wpcf7 p{ margin-bottom: 10px; }

@media only screen and (max-width: 1200px) {
	ul#menu-topnav li a{ padding: 0px 10px; font-size: 18px; }
.padding{ padding: 30px;  max-width: 600px;  width: auto; }
.entry-content .padding, #bottomcontent .padding{ float: none }
#logo { align-self: center; }
#logo img{ max-width: 250px }

}
@media only screen and (max-width: 900px) {
ul#menu-topnav li a{ padding: 0px 10px; font-size: 16px; }
#contacts ul li a{ font-size: 13px; }
#contacts{ padding-right: 20px; }
#logo img{ max-width: 200px }
}

@media only screen and (max-width:750px) {
	#header{ padding: 10px; }
	.leftside, .rightside{ flex: 0 0 100%; }
	.rightside{ height: 400px }
	h1{ font-size: 24px; }
}