/*
Theme Name: Barge Showgrounds
Author: Alliance Media :: PBS
Brand Colour Update
Version: 1.1
*/

* {
	margin:0;
	padding:0;
}   
    
    
body {
	background:#CADDF3 url(img/page_bg.jpg) no-repeat fixed center top / cover;
	font-family: 'Raleway', sans-serif;
	color:#666;
	font-size: 16px;
    line-height: 1.6;
	overflow-x:hidden;
}
	
,h2,h3,h4,h5,h6 {
	font-weight:700;
	color:#bad16f;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
}

.alignright {
	text-align:right;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:20px;
}

h1.headingarrow,
h2.headingarrow {
  background: #006281 none repeat scroll 0 0;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 60px;
  padding: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

h1.headingarrow::after,
h2.headingarrow::after {
  background: rgba(0, 0, 0, 0) url("http://bargeshowgrounds.co.nz/wp-content/uploads/2016/02/arrow_down_blue.png ") no-repeat scroll center top;
  bottom: -22px;
  content: "";
  height: 22px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 26px;
  z-index: 99;
}

.headingarrow  a {
  color: inherit;
  text-decoration: underline;
}

h1.headingarrow.titles {
  margin: 0;
}
	

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

img.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

ul {
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
    list-style: none;
}

li {
	position: relative;
	line-height:24px;
}

.site-description {
  display: none;
}

.wrap {
	width:1120px;
	margin:0 auto;
	position:relative;
}

.wrap.padtop {
	padding-top:50px;
}

header.topheader {
	background:rgba(255, 255, 255, 0.39);
	position:relative;
	border-top:16px solid #006281;
}

header.topheader h1{
	background:url(http://bargeshowgrounds.co.nz/wp-content/uploads/2016/02/Logo_Standard.png) no-repeat 0 0 transparent;
	width:184px;
	height:97px;
	text-indent:-9999px;
	float:left;
	margin:29px 0 29px 40px;
	padding:0;
}

header.topheader h1 a{
	width:184px;
	height:97px;
	display:block;
}

.searcharea {
	position:absolute;
	top:88px;
	right:40px;
}

#searcharea {
  height: 37px;
  left: 33px;
  overflow: hidden;
  position: relative;
  text-align: right;
  top: 21px;
  width: 129px;
}

#searchform #s {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: transparent;
    border-style: solid none solid solid;
    border-width: 0px medium;
    color: #333333;
    float: left;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 12px;
    width: 162px;
    background: #fff;
}

#searchsubmit {
    background: url("http://bargeshowgrounds.co.nz/wp-content/uploads/2016/02/search_go.png") 0 0 no-repeat transparent;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 36px;
    width: 84px;
	margin:0px;
}

.newsarticle {
  border-bottom: 1px dotted #a7a7a7;
  margin: 0 0 20px;
  padding: 0 0 20px;
}

.search-no-results .search-form {
		margin:25px 0;
}

.more-link {
  display: none;
}

.topcontact {
	max-width:70%;
	position:absolute;
	top:23px;
	right:40px;
	color:#006281;
	font-size:32px;
	font-weight:700;
	font-family:"Raleway",sans-serif;
	text-align:right;
	line-height:1.1;
}

.topcontact span.telintro {
	color:#bad16f;
	font-size:24px;
	font-weight:600;
	display:block;
}

p.button1 a {
  background: url("img/arrow1.png") no-repeat scroll 94% center #ffffff;
  color: #233342;
  padding: 4px 27px 4px 10px;
  text-decoration: none;
  text-transform:uppercase;
  font-size:13px;
  font-weight:600;
}

p.button1 a:hover {
  background:url(img/arrow1.png) no-repeat scroll 94% #F8951D;
  color: #fff;
}

nav.topnav {
	background:#bad16f;
	border-bottom:5px solid #A7A7A7;
}

nav.topnav ul {
  color: #ffffff;
  text-decoration: none;
  padding:0px;
  margin:0 0 0 40px;
}

nav.topnav ul li {
	float:left;

	position:relative;
}

nav.topnav ul li  a{
	color:#ffffff;
	text-decoration:none;
	padding:0px 16px;
	margin:0;
	font-weight:600;
	font-size:17px;
	line-height:57px;
	font-family:"Raleway",sans-serif;
	text-transform:uppercase;
	display: block;
}

nav.topnav ul li  a:hover,
li.current-page-ancestor a,
li.current_page_item a {
	background:#006281;
	transition: all 0.5s ease 0s;
}

.wrap.main{
	padding:29px 40px 40px 40px;
	background:rgba(255,255,255,0.9);
}

main p a {
	color:#bad16f;
	text-decoration:underline;
}

main ul {
  list-style: outside disc;
}

main li {
  margin-bottom: 10px;
}

.content{
    float: left;
    margin-right: 3%;
    max-width: 68%;
    width: 100%;
}

.content h1{
	margin-top:0;
	text-transform:uppercase;
	font-weight:400;
	line-height: 1.2;
}

.content p,
.content ul,
.content ol{
    margin:0 0 15px 0;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.53%;
}
.span_10_of_12 {
  	width: 83.06%;
}

.span_9_of_12 {
  	width: 74.6%;
}

.span_9_of_12.padright {
  padding-right: 6%;
  width: 68.6%;
}

.span_8_of_12 {
  	width: 66.13%;
}

.span_7_of_12 {
  	width: 57.66%;
}

.span_6_of_12 {
  	width: 49.2%;
}

.span_5_of_12 {
  	width: 40.73%;
}

.span_4_of_12 {
  	width: 32.26%;
}

.span_3_of_12 {
  	width: 23.8%;
	position: relative;
}

.span_2_of_12 {
  	width: 15.33%;
}

.span_1_of_12 {
  	width: 6.866%;
}

.intros .span_3_of_12 {
	text-align:center;
	position:relative;
}

.col p,
.col h3 {
	margin-bottom: 24px;
}

.col.contactinfo p,
.col.contactinfo h3 {
	margin-left:42px;
}


.intros .span_3_of_12 img {
	border-radius:50%;
}

.col.span_3_of_12 > a {
  position: relative;
}

.intros .span_3_of_12 p a {
	background: #ffffff none repeat scroll 0 0;
	border: 2px solid #006281;
	border-radius: 5px;
	display: block;
	line-height: 48px;
	margin: 11px auto 0;
	width: 68%;
	text-decoration:none;
	font-weight:700;
	font-size:18px;
	color:#006281;
	font-family:"Raleway",sans-serif;
	text-transform:uppercase;
}

.intros .span_3_of_12.green p a {
	border: 2px solid #bad16f ;
	color:#bad16f;
}


.intros .span_3_of_12.grey p a {
	border: 2px solid #a7a7a7 ;
	color:#a7a7a7;
}

.staffs .col.span_6_of_12 {
	text-align:center;
}

.col.span_6_of_12 > p {
  padding: 0 20px;
}


aside.sidebar {
  float: left;
  max-width: 29%;
  min-width: 270px;
  width: 100%;
}


.sidewrap {
padding:0 15px 15px 15px;
}


footer#mainfooter {
	background:#fff;
	border-top:16px solid #006281;
}

footer#mainfooter .wrap {
	padding-top:34px;
}

footer nav ul {
	margin:0;
  padding:0px;
}

footer nav li{
	float:left;
	position:relative;
}

footer nav a {
	color:#006281;
	text-decoration:none;
	padding:0px;
	margin:0 18px 0 0;
	font-weight:600;
	font-size:14px;
	font-family:"Raleway",sans-serif;
	text-transform:uppercase;
	display: block;
}

footer nav ul li  a:hover,
footer nav li.current-page-ancestor a,
footer nav li.current_page_item a {
	text-decoration:underline;
	transition: all 0.5s ease 0s;
	background:none;
}

.footercopy p {
	font-size:12px;
	margin-top:12px;
}

.footercopy p a{
	color:inherit;
}

.fblink {
	margin-top:30px;	
}

.fblink a {
	color: #bad16f;
    font-family: "Raleway",sans-serif;
    font-weight: 700;
    text-transform: uppercase;	
	font-weight:14px;
	background:url(img/fb-icon.png) no-repeat 0 0 transparent;
	line-height:32px;
	padding-left:46px;
	text-decoration:none;
	display: inline-block;
}


.fblink a:hover{
	text-decoration:underline;	
}



.img-circle {
  border-radius: 50%;
}

h1.widget-title {
  font-size: 23px;
  margin: 0 0 15px;
}

.mg_qt_quote p {
  color: #3c3c3c;
  font-family: "Times New Roman",Georgia,serif;
  font-size: 17px;
  font-style: italic;
  line-height: 1.5;
}


.mg_qt_widget_random_quote h1 {
  background: transparent url("http://bargeshowgrounds.co.nz/wp-content/uploads/2016/02/speachmarks_open.png") no-repeat scroll left center;
  padding-left: 56px;
}

blockquote  cite {
  font-size: 84%;
  font-style: normal;
  font-weight: 700;
  text-align: right;
}

blockquote  footer {
background:url(http://bargeshowgrounds.co.nz/wp-content/uploads/2016/02/speachmarks_close.png) no-repeat bottom right transparent;
}

.faq-body h2 {
	background: rgba(0, 0, 0, 0) url(img/open.png) no-repeat scroll 0 10% !important;
  border-bottom: 1px dotted #a7a7a7;
  color: #006281 ;
  cursor: pointer;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 18px;
  margin-top: 10px;
  padding-bottom: 9px;
  padding-left: 20px;
}

.faq-body h2.close {
  background-image: url(img/close.png) !important;
}

.faq-body h2 a {
  color: #006281 ;
  font-size: 18px;
  text-decoration: none;
}

.ninja-forms-field.ninja-forms-req {
  padding: 5px;
}

.sendbut {
	padding:6px 14px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#fancybox-title {
  display: none !important;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */



/*********************** START RESPONSIVE *****************/
/*********************** START RESPONSIVE *****************/
/*********************** START RESPONSIVE *****************/
/*********************** START RESPONSIVE *****************/

/* for 1200px or less */
@media screen and (max-width: 1200px) {
	
	header.topheader h1,
	nav.topnav ul	{
	  margin-left:0;
	}
	
	.topcontact,
	.searcharea	{
	  right: 0px;
	}
	
	
	.wrap {
		max-width: calc(94% - 40px);
	}
	
	.wrap.main {
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	padding: 20px;
	}

	
	section.content {
	  float: none;
	  margin-right: 0%;
	  max-width:100%;
	}
	
	aside.sidebar {
	clear: left;
	margin: 30px 0 0;
	float: none;
	max-width: 100%;
	}
	
	.intros .span_3_of_12::before,
	.intros .span_3_of_12.green::before,
	.intros .span_3_of_12.grey::before	{
	background: none;
	}
	
	.intros .span_3_of_12 img {
	border:4px solid #006281;
	margin: -4px;
	}	
	.intros .span_3_of_12.green img {
	border:4px solid #bad16f;
	}	
	.intros .span_3_of_12.grey img {
		border:4px solid #a7a7a7;
	}

}

/* for 1040px or less */
@media screen and (max-width: 1040px) {
	
	nav.topnav ,
	.searcharea{
		display:none;
	}
	
	.topcontact {
	top: 97px;
	}
	
	.topcontact span.telintro {
	display: inline;
	margin-right: 10px;
	}
	
	.fblink {
	margin-top: 0px;
	}
	
	footer#mainfooter nav,
	.footercopy  img	{
	display:none;
	}

	footer#mainfooter .col.span_9_of_12,
	footer#mainfooter .span_3_of_12	{
	width: 49%;
	}
		
		
}


/* for 780px or less */
@media screen and (max-width: 780px) {
	
	.intros .span_3_of_12 p a {
	  margin: 4px auto 0;
	  width: 80%;
	}
	
	.col.span_6_of_12 > p {
  padding: 0;
}
	
}


/* for 580px or less */
@media screen and (max-width: 580px) {
	
	footer#mainfooter .col.span_9_of_12,
	footer#mainfooter .span_3_of_12	{
	width: 100%;
	float:none;
	}
	
	.alignright {
	text-align: center;
	}
	
	.fblink {
	text-align: center;
	}
	
	body {
	background:#fff;
	}
	
	header.topheader {
	border-bottom: 4px solid #006281;
	border-top: 0;
	}
	
	.col.contactinfo p, .col.contactinfo h3 {
	margin-left: 0;
	}
	
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12, .span_9_of_12.padright {
	width: 100%;
	padding-right:0;
	}
	
	header.topheader {
		height:auto;
	}

	header.topheader h1 {
	  float: none;
	  height: 97px;
	  margin: 29px auto;
	}

	.topcontact {
    display:none;
	}
	
	
	.endfooter p {
	line-height: 14px;
	text-align: center;
	padding: 20px 0;
	}

	iframe {
	width: 100% !important;
	height: 100% !important;
	min-height: 200px;

	}

}