/*
Theme Name: HPC 2013
Theme URI: http://triggersolutions.co.uk
Description: Our theme
Author: Trigger
Version: 1.1
Tags: none
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label { 
	margin:0;
	padding:0;
	 font-family:Arial, Helvetica, sans-serif; color:#231f20
}


table {
	border-collapse:collapse;
	border-spacing:0;
}



fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}





ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
a {text-decoration:none}


body { width:100%; background:#e4dece; font-size:15px; line-height:120%;}
body.fs_2 {font-size:18px}
body.fs_3 {font-size:21px}

body { color:#595959}
#header {height:137px; background:#c7d2a7; width:100%; padding-top:31px}
#header a {display:block; height:137px}
#header .left {width:362px}
#header .right {width:auto; padding-top:90px}
#menu {min-height:37px; width:100%; background:#000000}
#menu li {float:left}
#menu li a:hover {color:#c7d2a7}
#menu li.right {float:right; background:none}
#menu li.right  {background:none; padding-right:0px; color:#FFF; padding-top:9px}
#contentmain {padding-top:11px; padding-bottom:11px; background:#e4dece}
#footer {padding-top:11px; padding-bottom:11px; background:#FFFFFF}

.col1 {width:107px}
.col2 {width:264px}
.col3 {width:315px}
.col4 {width:288px}

#footer{}
#footer .inner{
	
	padding-top:12px;
	padding-bottom:12px;
	
}
#footer a {color:#595959}


#menu li {
	
	color:#FFFFFF;
	background-image: url(img/bgnav.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu li a {
	line-height:120%;
	color:#FFFFFF;
	display:block;
	width:auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#menu li a:hover, #menu li.current_page_item a, 
body.parent-pageid-144 #menu li#menu-item-155 a, 
body.parent-pageid-143 #menu li#menu-item-156 a, 
body.parent-pageid-149 #menu li#menu-item-161 a,
body.parent-pageid-143 #menu li#menu-item-329 a,
body.parent-pageid-16 #menu li#menu-item-320 a,
body.parent-pageid-145 #menu li#menu-item-328 a,
body.parent-pageid-144 #menu li#menu-item-327 a,body.blog #menu li#menu-item-151 a ,body.parent-pageid-148 #menu li#menu-item-151 a {color:#c7d2a7; }
#menu li.right a:hover,  {color:#FFFFFF}
#menu li.menu-item-152 {background:none; padding-right:0px}
.inner  {width:980px; margin-left:auto; margin-right:auto;}
.hoverbox {width:319px; height:319px; margin-bottom:11px}


.outer {overflow:hidden}
.left {float:left}
.alignleft {float:left; margin-right:20px}
.right {float:right}
.alignright {float:right; margin-left:20px}

h1, p.heading1  {font-size:24px; line-height:120%; color:#FFFFFF; padding-bottom:10px; margin-bottom:15px; display:block}
.hoverbox h2.heading1 {color:#404042;}
h2.heading1 {    color: #404042;}
	.panel2 h2.heading1 { padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;}
/*body.fs_2 h1 {font-size:32px}
body.fs_3 h1 {font-size:48px}
body.fs_2 h2 {font-size:30px}
body.fs_3 h2 {font-size:40px}
body.fs_2 h3 {font-size:30px}
body.fs_3 h3 {font-size:40px}
*/
.hoverbox .panel2 h1 {color:#404042}
.hoverbox .panel2 p {color:#404042}
body.fs_3 .hoverbox .panel2 p {margin-bottom:5px}
.middle {margin-left:11px; margin-right:11px}
h2 {font-size:20px; line-height:120%; color:#404042; margin-bottom:15px}

h3 {font-size:20px; font-weight:normal; padding-left:20px; display:block; height:45px; width:960px; color:#FFFFFF; line-height:45px; margin-left:-15px; margin-bottom:20px}

p {color:#595959; line-height:120%; margin-bottom:15px}
#left h1 {margin-bottom:0px}

.panel1 {

z-index: 10;
}


.panel1, .panel2, .panel3 {
height: 319px;
width: 319px;
position: absolute;
overflow: hidden;

background:#FFFFFF



}
.panel2 h1{
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.panel2 p{
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.hovertitle {position:absolute; bottom:0px; left:0px; z-index:999; text-align:center; width:319px}
.hovertitle h1,.hovertitle  p.heading1,.hovertitle  h2.heading1    {width:319px; padding:0px; text-align:center}
.hovertitle h1 a,.hovertitle  p.heading1  a,.hovertitle  h2.heading1  a {color:#000}

a {color:#244a70; font-weight:bold}
a:hover {text-decoration:underline}
h1 a, #menu li a {font-weight:normal}

p.blue a, a.link1 {color:#3268a0}
p.green a, a.link2 {color:#A4BD86}
p.red, a.red {color:#EC1C24}
.planning {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #595959}
#left {background:#FFF; padding:30px; float:left; width:589px}
#left h1 {color:#595959}
#right {width:319px; float:right}

.leftp {width:150px; float:left; padding-bottom:5px;}
.rightp {width:300px; float:left; padding-bottom:5px;}

.meeting {overflow:hidden; padding-bottom:10px;}
.meeting p {margin-bottom:0px}
.mleft {width:120px; float:left}
.mright {width:350px; float:left}
body.page-id-6 #left, body.page-id-6 #right {display:none}
#searchform input {float:left}
#searchform .input {padding:3px; margin-right:5px; width:200px}
#searchform .sub {margin-top:0px}

#contentmain td {padding-bottom:5px; padding-top:5px; border-bottom:#595959 2px solid}

.councillor {padding-bottom:15px; padding-top:15px; border-bottom:#595959 2px solid; overflow:hidden}
.councillor .ci {float:left; margin-right:15px; margin-bottom:15px; width:110px}
.councillor .ct {float:left; width:440px}
.councillor span {width:200px; display:inline-block}
#contentmain ul {margin-left:30px; margin-bottom:15px}
#contentmain ul li {
	color:#595959;
	line-height:120%;
	margin-bottom:0px;
	list-style-position: outside;
	list-style-type: disc;
}
#menu li {
	
	color:#FFFFFF;
	background-image: url(img/bgnav.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	position:relative
}

#menu li ul {display:none; position: absolute;
top: 37px;
left: 0px;
background: #000;

text-align: center;
width: 200px;
z-index: 999999;}
#menu li ul li {background: #000;

text-align: center;
width: 100%;
z-index: 999999;}
#menu li ul li a {width:84%; margin-left:3%; border-bottom:1px solid #fff; padding:5%}
#menu li:hover ul {display:block}
#menu .outer {overflow:visible}

#subnav {background:none; width:649px; overflow:hidden; float:left}
#subnav a {
	background:#788496;
	color:#FFFFFF;
	float:left;
	width:193px;
	height:25px;
	line-height:25px;
	text-align:left;
	margin-right:6px;
	font-weight:normal;
	margin-bottom:6px;
	
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
}
body.fs_3 #subnav a, body.fs_2 #subnav a {height:47px;}
#subnav a.right {margin-right:0px}
#subnav a.active, #subnav a:hover {background:#FFF; color:#788496;}
#archive {background:#c7d2a7; height: auto;
width: 259px; padding:30px}
#contentmain .archive ul {display:none; margin-bottom:0px}
#contentmain .archive ul li {list-style:none; }
.archive a {color:#595959; cursor:pointer}
.archive ul li a {color:#FFFFFF; cursor:pointer}
#archive h1 {color:#595959}
#council {background:#FFFFFF; height: 297px;
width: 259px; padding:30px}
#council td {border:none}
#council h1 {color:#595959}
.rightbox {margin-bottom:10px; position:relative}
.overlay {position:absolute; bottom:4px; left:0px; height:30px; padding:15px; width:289px; background:#000000; opacity:0.7;
filter:alpha(opacity=70);}
.overlayt a{color:#FFFFFF; position:absolute; bottom:0px; left:0px; height:30px; padding:15px; width:289px;}
.overlayt {}
h1 span {float:right;}
h1 span a {font-size:14px}
h1 span img {float:right; padding-left:5px}
.report {padding-bottom:5px; padding-top:5px; border-bottom:#595959 2px solid; overflow:hidden; line-height:30px}
.report a{display:block}
.report span {float:right}
.report span img {float:right; padding-left:5px}

.wpcf7 input {padding:5px; margin-top:3px}
.wpcf7 textarea {width:261px; margin-top:3px}
.wpcf7-text {width:251px}

.line {border-bottom:3px solid #666; margin-bottom:15px}

body.page-id-214 #left img, body.page-id-216 #left img {padding-bottom:10px}
.col4 a {line-height:37px; margin-top:15px; display:block}
.col4 a img {float:left; margin-right:5px}

.wp-caption-text {font-size:12px; line-height:14px}

.smcx-iframe-container{overflow:scroll !important; -webkit-overflow-scrolling:touch !important;}

.ctcc-left-side, #catapult-cookie-bar a{color:#000 !important}

.menuicon{z-index:99999;position:absolute;background:0 0;display:block;padding:11px;height:37px;width:28px;margin:0;top:52px;right:70px;cursor:pointer;display:none;color:#000;font-size:14px}.menui{background:#000;transition:.35s linear;margin-top:10px;position:absolute}.top-menu{top:22px;width:40px;height:5px;border-radius:3px}.mid-menu{top:32px;width:40px;height:5px;border-radius:3px}.bottom-menu{top:42px;width:40px;height:5px;border-radius:3px}
.hidden {display:none !important}
.panel2 p.heading1,.panel2 h2.heading1 {margin-top:20px}
p u {text-decoration:none !important}
table td {padding:5px; border:none}
table {border:none; width:100%}
.panel2 .red {font-size:18px; color:#000}
.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
/*a[target=_blank]:after { content:'(opens in a new window)'; display:inline-block } */
@media only screen and (max-width: 767px) {
	.menuicon{font-weight:200;top:4px;right:20px;display:block}.navactive .top-menu{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(45deg);top:33px; background:#fff}.navactive .bottom-menu{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:33px; background:#fff}.navactive .mid-menu{display:none}.navactive.menuicon{right:37px}
.inner {
    width: 100%; box-sizing:border-box; padding-left:20px; padding-right:20px
}

.left, .right {
    float: none;
   
}
.middle {
    margin-left: 0;
    margin-right: 0;
}
.home #contentmain .left { text-align: center;}
.col2,.col3,.col4 {
    width: 100%; text-align:left
}
#right, #left {
    width: 100%;
    float: none;
    margin-bottom: 20px; box-sizing: border-box;
}
#archive {
    background: #c7d2a7;
    height: auto;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}
#subnav {
    background: none;
    width: 100%;
    overflow: hidden;
    float: none;
}
#subnav a.right {
    margin-right: 6px;
}
#header {
    height: auto;
  
    padding-bottom: 10px; width:100%;
}
#header .left {
    width: 100%;
}
#header .right {
    width: 100%;
    padding-top: 8px;
}
#header a {

    display: block;
    height: auto !important;

}
#header .left img {width:80%; height:auto}

#header .right img {width:100%; height:auto}
#menu {
    min-height: 37px;
    width: 100%;
    background: #000000;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;    z-index: 999; padding-top:65px; box-sizing:border-box
}
.noscroll {overflow:hidden}
#menu.active {left:0px}
#menu li {
    color: #FFFFFF;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
	display: block;
    float: none;
}
#menu li ul {
    display: none !important;
    position: static;
    top: 0;
    left: 0px;
    background: #000;
    text-align: left;
    width: 100%;
    z-index: 999999;
}
#menu li ul li {
    background: #000;
    text-align: left;
    width: 100%;
    z-index: 999999;
}
#menu a {border-bottom: 1px solid #fff; font-size:24px}
#menu li ul li a {
    width: 97%;
    margin-left: 3%;
    border-bottom: none;
    padding: 2%;
}
subnav a {

    
    float: none;
    width: 100%;
}
.rightbox  img {width:100%; height:auto; max-width:none}
.overlay {width:100%; box-sizing:border-box; height:60px}
.hoverbox {

    width: auto;
    height: 100%;


}
.panel1, .panel2, .panel3 {

    height: auto;
    width: 100%;
    position: static; display:block !important
    

}
.hoverbox  img {width:100%; height:auto; max-width:none}
.hovertitle {position:static; display:none}
}
.grecaptcha-badge, { 
    display:none !important; 
}
#agenda,#minutes {display:none}
#agenda.active,#minutes.active {display:block}