@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700|Source+Sans+Pro:400,700');

/* 
font-family: 'Roboto', sans-serif;
font-family: 'Source Sans Pro', sans-serif;


*/

body {
	font-size: 100%;
	margin: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000000;
}

p,li,dt,dd,a,td	{font-size: 1rem;}
p,li					{line-height:140%;}


/**************** header *****************************/
.header			{}
.banner			{width:68.750em;margin:auto;}
.logo				{width:60%;float:left;}
.logo img		{display:block;float:left;}
.topRight		{width:40%;float:right;text-align:right;padding-top:18px;font-family: 'Roboto', sans-serif;}

.phone			{font-size:2em;margin-top:16px;color:#333333;letter-spacing:1px;}
.phone a			{padding-left:20px;font-size:1em;color: #ef7c2d;text-decoration:none;cursor:default;}	
.phone a:hover	{font-size:1em;color: #ef7c2d;}	

.socialMedia img {margin-left:12px;}

	
/**************** nav - topnav *************************/
.topnav {background-color: #ffffff;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.topmenu{
	width:68.750em;
	margin:auto;
	color:#000000;	
	height:40px;
}
.mlddm {display:flex !important;justify-content:space-between;}

/* top level */


html .mlddm > li:first-child {margin-left:0;}
html .mlddm > li:last-child {margin-right:0;}

.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 0 12px;
		line-height: 40px;
		color: #000000;
		font-size: 0.875rem;
		font-family: 'Roboto', sans-serif;
}
.mlddm > li > a, .mlddm > li > a#buttonnohover {text-transform:uppercase;font-weight:  500;}
.mlddm li a:hover, .mlddm li a#buttonhover,
.mlddm li a.selected, .mlddm li a.selected#buttonnohover,
.mlddm li a.selected:hover, .mlddm li a.selected#buttonhover	{color:#ef7c2d;}

.mlddm>li:first-child>a {padding-left:0;}
.mlddm>li:last-child>a {padding-right:0;}

/* drop down list */
	.mlddm ul {border:1px solid #333333;border-bottom:none;background-color:#ffffff;}
	.mlddm ul li a {	
		padding: 0 16px 0 6px;
		border-bottom:1px solid #333333;
		text-align:left;
		height:auto;
	}
	.mlddm ul li a:hover,
	.mlddm ul li a.selected,
	.mlddm ul li a:hover.selected,
	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{color: #ffffff;background-color:#ef7c2d;}

/**************** nav - mobile header *************************/

.slicknav_menu						{padding:0;}
.slicknav_nav						{font-size:1.750em;font-weight:400;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-weight:400;font-size:1.750em;}
.slicknav_nav .slicknav_row	{padding: 12px 20px;} /* row is for subs that are parents */
.slicknav_nav a					{padding: 12px 20px;font-size:1.125rem;}

/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#000000;}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:#ffffff;}

.slicknav_nav > li:nth-of-type(1)	{border-top:1px solid #000000;}
.slicknav_nav > li 						{background-color:#ffffff;color:#000000;border-bottom:1px solid #000000;}
.slicknav_nav a 							{color:#000000;}
.slicknav_nav a:hover					{background-color:#dedede;color:#222222;}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color:#dedede;color:#222222;}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover 		{background-color:#000000;color:#ffffff;border:none;}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#000000;}

.slicknav_nav ul li 						{background-color:#f5f5f5;border-bottom:1px solid #333333;}
.slicknav_nav ul li a 					{color:#000000;font-weight:400;}
.slicknav_nav ul li a 					{padding: 12px 20px 12px 30px;}
.slicknav_nav ul li .slicknav_row	{padding: 12px 20px 12px 30px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover 	{background-color:#626673;color:#ffffff;}

/* third levels */
.slicknav_nav ul li ul li 					{background-color:#f5f5f5;}
.slicknav_nav ul li ul li a 				{color:#333333;}
.slicknav_nav ul li ul li a 				{padding-left: 60px;}
	
.slicknav_nav ul li .slicknav_arrow	{}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}


/* overrides */

.slicknav_nav li:nth-child(even) 	{background-color:#ffffff;}
.slicknav_nav ul li:nth-child(even) {background-color:#f5f5f5;}
.slicknav_nav ul li ul li:nth-child(even) {background-color:#f5f5f5;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {font-size: 1.125rem;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {background-color: transparent;color: #000000;}	
	
	
/**************** footer *****************************/

.footer			{background-color:#000000;color:#ffffff;margin-top:66px;}
.footerInfo		{width:68.750em;margin:auto;padding:20px 0 30px 0;}
.footerInfo .request {text-align:right;}
.footerInfo p 	{margin-bottom:18px;line-height:140%;font-family: 'Roboto', sans-serif;}
.footerInfo	a 	{color:#ffffff;text-decoration:none;cursor:default;}
.footerInfo	h5 a:hover 	{color:#ffffff;}
.footerInfo ul {padding-left:20px;}

.suburbs {column-count:3;}
.suburbs li {padding-bottom:6px;}



.footerBtn {
   display:inline-block;
   border:1px solid #ffffff;
   padding:10px 67px 12px;
   margin-top:10px;
   margin-bottom:20px;
}
.footerBtn:hover {background-color:#ffffff;color:#000000;}

.footerBase				{width:68.750em;margin:auto;padding: 10px 0;color: #858585;line-height:140%;}
.footerLeft				{width:66%;float: left;font-size:0.688em;}
.footerRight			{width:33%;float: right;text-align:right;font-size:0.688em;}
.footerBase a 			{font-size: 1em;color:#858585;}
.footerBase a:hover	{color:#dedede;}


/**************** slideshow *****************************/

.slideshowContainer .slideshow {height:580px;}

/**************** content *****************************/

/* layout */
.middleHome	{padding:28px 0 0 0;width:68.750em;margin:auto;}
.middle		{padding: 0 0 32px 0; width:68.750em;margin:auto;min-height:400px;}
.crumb		{padding: 16px 0 16px 3px;font-size:0.750em;color:#EF7C2D;}
.crumb a {color:#EF7C2D;font-size:1em;}
.colourRow {background-color:#ebebeb;margin-top:60px;padding-bottom:40px;}

.middleHome.homeRow1,
.colourRow .middleHome,
.middle {
   background-image:url('/extras/styles/webideas/cubes-bg.png');
   background-repeat:no-repeat;
   background-position:top right;
   }

/* general */
a 			{color: #0033cc;text-decoration: underline;}
a:hover	{color:#ef7c2d;}
a img		{border:0;}

h1, h4, h5, h6 {font-family: 'Roboto', sans-serif;}
h1 		{font-size: 2.375em;color:#000000;font-weight:400;margin-top:0;}
h2 		{font-size: 1.375em;color:#db6211;font-weight:400;}
h3 		{font-size: 1.250em;color:#000000;font-weight:700;}
h4 		{font-size: 2.125em;color:#000000;font-weight:700;margin-bottom:20px;}
h5 		{font-size: 1.625em;color:#ffffff;font-weight:400;margin-top:0;margin-bottom:10px;}
h6 {font-size:1.313em;color:#ffffff;font-weight:400;margin-top:0;margin-bottom:12px;}

.middleHome h2 {font-size: 1.625em;color:#ef7c2d;font-family: 'Roboto', sans-serif;margin-top:0;font-weight:700;}
.middleHome h2 span {color:#000000;}
.middleHome h3 {font-size: 1.625em;font-family: 'Roboto', sans-serif;margin-top:0;}
h2 a {font-size:1em;color:#ef7c2d;text-decoration:none;}
h5 a {font-size:1em;}



p, ul, li{margin-top:0;}
.formRequired {color:#cc0000;font-size:0.625rem;}
.tel		{text-decoration:none;}

.linkButton {
   padding:16px 30px;
   border:1px solid #cccccc;
   text-decoration:none;
   margin-top:16px;
   display:inline-block;
   color:#000000;
   font-size:0.938em
}
.linkButton:hover {background-color:#000000;color:#ffffff;}




/**************** home *****************************/


.middleHome.homeRow1 .linkButton {background-color:#ef7c2d;color:#ffffff;border:none;font-size:1.375rem;margin:auto;}

.highlightBox {text-align:center;}
.highlightBox img {padding-bottom:14px;}

.latestPostPost .submissionName {padding-bottom:12px;}
.latestPostPost .submissionName a{
   font-size: 1.250rem;
   text-decoration:none;
   color:#ef7c2d;
   font-family: 'Roboto', sans-serif;
   font-weight:700;
}
.latestPostPost .postImg {float:right;padding-left:80px;max-width:45%;}
.latestPostPost .submissionDate {font-size:0.875em;padding-bottom:14px;}
.latestPostPost .linkContainer {padding-top:10px;}
.latestPostPost .readmore {color:#ef7c2d;}
.latestPostPost .readmore:hover {background-color:#005496;}


.dataForm .button {
   display:inline-block;
   background-color:#000000;
   color:#ffffff;
   text-transform:uppercase;
   padding:4px 30px;
   border-radius:20px;
   border:none;
   font-family: 'Source Sans Pro', sans-serif;
   font-size:0.938em;
}

.centerPara {text-align:center;margin-bottom:0;}


/* projects */



.gallery3Cols:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.gallery3Cols div {
   width:30%;
   float:left;
   text-align:center;
   margin-right:5%;
   margin-bottom:30px;
}
.gallerySitemap div {margin-bottom:50px;}

.gallery3Cols div:nth-of-type(3n) {margin-right:0;}
.gallery3Cols div:nth-of-type(3n+1) {clear:both;}

.gallery3Cols h2 {margin-top:0;}

@media (min-width:0) and (max-width:36.875em) { /* 590px */
   .gallery3Cols div {width:47.5%;}
   .gallery3Cols div:nth-of-type(3n) {margin-right:5%;}
   .gallery3Cols div:nth-of-type(2n) {margin-right:0;}
   .gallery3Cols div:nth-of-type(3n+1) {clear:none;}
   .gallery3Cols div:nth-of-type(2n+1) {clear:both;}
}

@media (min-width:0) and (max-width:31.250em) { /* 500px */
   .gallerySitemap div {width:100%;border-bottom:1px solid #dedede;padding-bottom:30px;margin-bottom:15px;}
   .gallerySitemap div:nth-of-type(3n) {margin-right:0;}
   .gallerySitemap div:nth-of-type(2n) {margin-right:0;}
   .gallerySitemap div:nth-of-type(3n+1) {clear:both;}
   .gallerySitemap div:nth-of-type(2n+1) {clear:both;}
}

.submissionInList .mainImg {
    margin-right:20px;
    float: right;
    border: 0;
}