/*
Theme Name: Sign Circus
Author: Synchromedia Group
Author URI: http://www.smg.com.au/
*/

/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, figure, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	font: 400 16px/28px 'Roboto', sans-serif;
	color: #FFF;
		margin: 0px; padding: 0px;
	  background: url(images/back.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

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

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	background: #FFF;
	color: #000;
	margin-bottom: 10px;
}

td{ padding: 6px 12px; text-align: center; border-bottom: 2px solid #CCC; border-right: 2px solid #CCC;  }
th{ padding: 6px 12px; text-align: center; font-weight: 700;  border-bottom: 2px solid #CCC; border-right: 2px solid #CCC; background: #EEE;}

a{ color: #a4ce46; font-weight: 500; -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}

a:hover{ color: #FFF; text-decoration: underline; }


a:hover,
a:active {
	outline: 0;
}

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

.wrap{ width: 1400px; margin: 0px auto;}



.entry-header{ padding: 30px; margin-bottom: 30px; background: #513C7A; text-shadow: 1px 1px 3px rgba(61, 52, 91, 1); text-transform: uppercase; font: 700 36px/36px 'Roboto', sans-serif; text-align: left;}

.home .entry-header{ 
	text-align: center; 
	text-transform: none;
	font: 400 70px/70px 'Gochi Hand', script;
	
}

h2,h3,h4,h5,p{ margin: 0px; padding: 0px; margin-bottom: 20px;}
strong{ font-weight: 500; color: #a47bf7;}
h2{ padding: 20px; margin-top: 40px;  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3); border-radius: 15px; background: #29854B; font-size: 30px; font-weight: 700;}
h2:nth-child(1){ margin-top: 0px;}
h2 a{ color: #FFF; text-decoration: none;}
h3{ font-size: 24px; line-height: 30px; font-weight: 700; }
h4{ color: #000; padding: 6px; text-align: center; border-bottom: 2px solid #CCC; border-right: 2px solid #CCC; background: #FFF; margin-bottom: 0px;}
ul.productBlock li{ -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.3); width: 43%; height: auto; float: left; margin-bottom: 30px; margin-right: 10%; border-radius: 15px; overflow: hidden; }
ul.productBlock li:nth-child(2n+2){ margin-right: 0px; }
ul.productBlock li a .productimage img{ -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; display: block; position:relative; border-radius: 15px;}
ul.productBlock li a .producttitle{-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;  margin-left: 16px; border-radius: 8px; position: absolute; z-index: 99; display:inline-block; background:#a4ce46;  margin-top: -40px; color: #3C335A; padding: 15px; font-weight: 700; text-decoration: none; font-size: 20px; }

ul.productBlock li a:hover .producttitle{ background: #FFF; color: #3C335A; margin-left: 0px;}

ul.productBlock li a:hover .productimage img{  opacity: 0.8; }

.fa{ width: 30px; margin-right: 10px; text-align: center;}

sup{ font-size:0.7em; vertical-align: top; }

a.button, input[type="submit"]{ -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;  border-radius: 8px;  display:inline-block; background:#CB161C;  color: #FFF; padding: 15px; font-weight: 700; border: 0px; text-decoration: none; font-size: 20px; }

a.button:hover, input[type="submit"]:hover{ cursor: pointer; background: #513C7A;}
.entry-content a img{ -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;  opacity: 0.9; }
.entry-content a:hover img{ opacity: 1; -webkit-box-shadow: 2px 2px 3px 0px rgba(255, 255, 255, 0.2);
-moz-box-shadow:    2px 2px 3px 0px rgba(255, 255, 255, 0.2);
box-shadow:         2px 2px 3px 0px rgba(255, 255, 255, 0.2);}

#logo{ float: left;}
#phoneaddress{ float: right; padding-top: 30px; text-align: right;}
.phone{ font-size: 28px; line-height: 40px; font-weight: 700;}
#site-navigation{ -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.3); overflow: hidden; background: #a4ce46; border-radius: 15px; margin: 0px; padding: 0px; margin-top:55px;  float: left;}

#site-navigation ul{ margin: 0px; padding: 0px;}
#site-navigation ul li{ display: inline-block; }
#site-navigation ul li a{ display: inline-block; padding: 0px 20px; line-height:60px; text-decoration: none; color: #3C335A; text-transform: uppercase; font-size: 18px; font-weight: 700;}
#site-navigation ul li a:hover, #site-navigation ul li.current-menu-item a{ background: #FFF;}

#site-navigation ul.sub-menu{ display: none;}


#site-navigation ul li ul.sub-menu								{ opacity: 1; position:absolute; margin:0; padding:0; background:#a4ce46; display:none; z-index:99; overflow:hidden; border:none; }
#site-navigation ul li ul.sub-menu li							{ display:block; margin:0; padding:0; width:300px;}
#site-navigation ul li ul.sub-menu li a							{ margin:0; padding:0 20px; font-size:14px; font-weight:normal; border:none; line-height:34px; display:block; color: #3C335A; }
#site-navigation ul li ul.sub-menu li a:hover,
#site-navigation ul li ul.sub-menu li.current-menu-item a		{ background-color:#FFF; color: #3C335A; border-radius:0;  }




#logo img{ display: block;}
#masthead:after, #bottom:after {
    content:'';
    display:block;
    clear: both;
}
#map{ height: 300px; clear:both;}
.entry-content{ padding-bottom: 30px;}
#bottom{ clear: both; padding: 60px 0px; 	  background: url(images/aboutback.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.alignright{ float: right; margin-left: 30px; margin-bottom: 30px;}
img.alignright, img.alignleft{ border-radius: 15px;   -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);}
img{ max-width: 100%; height: auto;}
#footer{ border-top: 5px solid #FFF; text-align: center; padding: 30px; font-size: 14px;}

.mainArea{ width: 70%; float: left; margin-right: 5%; padding-bottom: 30px;}
#contactForm{ width: 25%; float: left; padding-bottom: 30px;}

input[type="text"], input[type="email"], textarea{ width: 100%; padding: 5px; border: none; border-radius: 8px; font-family: inherit; font-size: inherit; }
.wpcf7{ padding:30px !important; border-radius: 15px; background: #322E46; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.3);  }
.wpcf7 p{ margin-bottom: 10px;}
.wpcf7 h3{ font-size: 21px; line-height: 30px; font-weight: 700;}


.gallery-columns-5 .gallery-item{ float: left; width:19.2%; margin-right: 1%; }
.gallery-columns-5 .gallery-item img{ border-radius: 5px;   -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);}
.gallery-columns-5{  margin-bottom: 20px;}
.gallery-columns-5 .gallery-item:nth-child(5n+5){ margin-right: 0px;}
.gallery-columns-5:after {
    content:'';
    display:block;
    clear: both;
}
.gallery-columns-1{ float: right; margin-left: 30px; }

.gallery-columns-1 .gallery-item{ width:100%;  }
.gallery-columns-1 .gallery-item img{ border-radius: 5px;   -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);}
.gallery-columns-1{  margin-bottom: 20px;}
.gallery-columns-1:after {
    content:'';
    display:block;
    clear: both;
}




@media only screen and (max-width: 1400px) {
	.wrap{ width: auto; padding: 10px;}

	#masthead{ height: auto; }
	#site-navigation{ margin-top: 25px;  }
	#site-navigation ul li a{ padding: 0px 15px; }

	#phoneaddress{ padding-right: 15px; padding-top: 15px; }
}
@media only screen and (max-width: 1255px) {
	#logo{ width: 350px; vertical-align: bottom; margin-top: 10px;}
	.entry-header{ padding: 10px; font-size: 30px; line-height: 31px;}

}
@media only screen and (max-width: 1110px) {
	#site-navigation ul li a{ font-size: 14px; padding: 0px 10px;}
	ul.productBlock li{ width: 47%; margin-right: 5%;}
	#logo{ width: 310px; } 
}
@media only screen and (max-width: 959px) {
#site-navigation{ display: none;}
#phoneaddress{ margin-right: 10%; }
.wpcf7{ padding: 15px !important;}
	.mainArea{ width: 100%; margin-right: 0px; margin-bottom: 15px;}
	#contactForm{ width: 50%;}
	.entry-header{ padding: 10px; margin-bottom: 0px;}
	h1{ font-size: 25px;}
	h2{ font-size: 20px; padding: 10px;}
	ul.productBlock li a .producttitle{ font-size: 16px; padding: 6px; margin-left: 5px;}
}
@media only screen and (max-width: 600px) {
	#logo{ width: 90%; margin-left: -10px;}
	#phoneaddress{ width: 100%; margin:0px; text-align: center; }
	.phone{ font-size: 18px;}
	.address{ font-size: 12px; line-height: 18px; padding-bottom: 10px;}
		#contactForm{ width: 100%;}
		body{ font-size: 14px; line-height: 22px;}
		.gallery-columns-1 { width: 50%;}
.gallery-columns-5 .gallery-item{ width: 32.33%;}
.gallery-columns-5 .gallery-item:nth-child(5n+5){ margin-right: 1%; }
.gallery-columns-5 .gallery-item:nth-child(3n+3){ margin-right: 0px;}


}
@media only screen and (max-width: 450px) {
	ul.productBlock li{ width: 100%; margin: 0px; margin-bottom: 15px;}
}