/*
Theme Name: Community Business Partnerships
Theme URI: 
Description: WordPress theme used for the Prime Minister's Community Business Partnerships website
Version: 2014
Author: Vicky Miller
Tags: 
Colours:
light blue header #3c91d6
medium blue nav #2c5697
dark blue nav #274b83
light grey side #e5e5e5
hr
blue #5179ad
light red #b05b5b (darker to pass cc)
green #1f9a92
majenta #9e0c40
grey header content #d1d2d4

*/
/***********************************/
/******* Basic Wilcard Reset *******/
/**** Eric Meyer's is too agro *****/
/***********************************/
* {
	margin: 0;
	padding: 0;
}
@viewport{width:device-width}
@-ms-viewport {width: device-width;} /* For IE 10 Snap Mode */
/***********************************/
/*********** Core styles ***********/
/***********************************/
body {
	background-color: #e5e5e5;
	font: 85% Calibri, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
h1 {
	font-size: 180%;
	font-weight: bold;	
	background-color: #e5e5e5;
	padding: 20px 10px;
}
h1 span {

}
h2 {
	color: #274b83;
	font-size: 140%;
	margin: .5em 0;
}
h3 {
	color: #666666;
	font-size: 130%;
	margin: .5em 0;
}
h4 {

	font-size: 120%;
	margin: .5em 0;
}
h5 {

	font-size: 110%;
	margin: .5em 0;
}
h6 {

	font-size: 100%;
	margin: .5em 0;
}
p {
	line-height: 1.6em;
	margin: 1em 0;
}
a {

}
a:hover,
a:focus {
	text-decoration: none;
}
a:visited {

}
a img {
	border: none;
}
ul, ol {
	line-height: 1.6em;
	margin-left: 20px;
}
table {
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 100%;
}
caption { 
	background-color: #EBE8E1;
	border-top: 1px solid #AAA;
	font-weight: bold;
	padding: 4px 2px;
	text-align: left;
}
th {
	border-bottom: 1px solid #AAA;	
	font-weight: bold;
	padding: 4px 2px;
	text-align: left;
}
td {
	background-color: #FCFCFC;
	border-bottom: 1px solid #CCC;
	padding: 4px 2px;
}
thead th {
	background-color: #EBE8E1;
}
tfoot {
	font-size: .9em;
}
.zebra td {
	background-color: #F9F9F9;	
}
tr:hover td {
	background-color: #FEF6E7;
	transition: background-color .5s;	
}
hr {
	background-color: #216F73;
	border: none; 
	color: #216F73;
	height: 1px; 
	margin-bottom: 10px;
}
dl {
	line-height: 1.4em;
}
dt {
	font-size: 1.1em;
	padding: .5em 0 .2em 0;
}
dd {
	margin-bottom: .5em;
}
abbr {
	border-bottom: 1px dotted #666;
}
blockquote {
	padding: 1px 20px;
	margin: 10px 20px;
	border-left: 5px solid #1f9a92;
	background-color: #f5f5f5;
}
blockquote cite {
	display: block;
	font-style: italic;
	font-size: .95em;
	padding: 2px 10px;
}
time {
	color: #333;
}
figcaption {
	color: #555;
	font-size: .8em;
	line-height: 1.4em;
	margin: 0 0 .5em 0;
}
article, 
aside, 
figcaption,
figure,
footer,
header,
nav, 
time,
section  {
	display: block;
}

.members_left {
	float: left;
	width: 18%;
	clear: both;
}

h2.members {
	margin: 0;
}
.members_right {
	float: right;
	width: 80%;
	padding-bottom: 15px;
	margin: 0;
}
/***********************************/
/*********** Page Layout ***********/
/***********************************/
#wrapper {
	background: #FFF;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);	
	margin: 0 auto;	
	width: 980px;
	text-align: left;
}
/***********************************/
/********* Banner & Search *********/
/***********************************/
header {
	padding: 0px 50px;
	background-color: #3c91d6;

}
header .logo {

}
/* SMLinks */
.smlinkshead {
	float: right;
	margin: 28px 0 0 0;
	text-align:right;
}
.smlinks {
	list-style-type: none;
	display: block;
}
.smlinks li {
	display: inline;	
}
.smlinks a {
  display: inline-block;
  /*height: 32px;
  width: 32px;*/
}
.smlinks .linkedin a {
  background-image: url(images/linkedin.png);
}
.smlinks .facebook a {
  background: url(images/facebook.png) center center no-repeat;  
}
.smlinks .twitter a {
  background: url(images/twitter.png) center center no-repeat;  
}
.smlinks .instagram a {
  background: url(images/instagram.png) center center no-repeat;
}
.smlinks .youtube a {
  background: url(images/youtube.png) center center no-repeat;  
}
.smlinks .linkedin a:hover,
.smlinks .linkedin a:focus,
.smlinks .facebook a:hover,
.smlinks .facebook a:focus,
.smlinks .twitter a:hover,
.smlinks .twitter a:focus,
.smlinks .instagram a:hover,
.smlinks .instagram a:focus,
.smlinks .youtube a:hover,
.smlinks .youtube a:focus {
	background-color: #666666;
}
a.subscribe, a:visited.subscribe {
	color: #fff;
	text-decoration: none;
	padding: 5px 0 0 0;
}
a:hover.subscribe,
a:focus.subscribe  {
	text-decoration: underline;
	color: #fff;
}
p.subscribe { 
	clear: both;
	}
.smlinksmobilenav {display: none;}
/* Search */

.searchform {
  border: 1px solid #AAA;
  float: right;
  background:#FFF;
  margin-bottom: 5px;
}
.searchform input {
  border: none;
  height: 23px;
  padding: 3px;
}
.searchform input:focus {
  border:none;
  outline: none;
}
/*.search-form #s {
  border: 1px solid #FFF;
  margin: 0;
  padding: 4px;
}*/
.searchform #searchsubmit  {
  background: #FFF url(images/searchbut.png) center center no-repeat;
  cursor: pointer;
  height: 29px;
  margin-left: -4px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-indent: -999em;  
  width: 26px;
}
*+html .searchform #searchsubmit  {
  line-height: 0;
}
.searchform #searchsubmit:hover,
.searchform #searchsubmit:focus {
  background: #FFF url(images/searchbutr.png) center center no-repeat;  
  border:none;
  outline: none;
}


/***********************************/
/************ Main Nav *************/
/***********************************/
#_navigation {
	background: #2c5697 url(images/navbutton.png) center center no-repeat;
	border: none;
	display: none;
	height: 70px;
	top:0;
	left:0;
	text-indent: -999em;
	width: 52px;
	position:absolute;
	
}
#_navigation:hover,
#_navigation:focus {
	cursor: pointer;
	background-color: #2c5697;
}
#mainnav ul ul {display:none;}
#mainnav ul.menu {
	list-style-type: none;
	background-color: #2c5697;
	margin-left: 0px;
}
#mainnav .menu li {
	display: inline;
	position: relative;
}
#mainnav .menu a {	
	background-color: #2c5697;	
	border-radius: 0;	
	color: #fff;
	display: inline-block;
	text-decoration: none;	
	padding: 25px;	
	transition: background-color .4s;	
}
#mainnav .menu a:hover,
#mainnav .menu a:focus,
#mainnav .menu .current-menu-item a:hover,
#mainnav .menu .current-menu-item a:focus {
	background-color: #274683;
	text-decoration: underline;
	transition: background-color .4s;
}
#mainnav .menu .current-menu-ancestor a,
#mainnav .menu .current-menu-item a,
#mainnav .menu .current-page-ancestor a,
#mainnav .menu .current-page-item a  {
	background-color: #274683;
}


/* Current parent & ancestor */
#mainnav .current-menu-item > a,
#mainnav .current-page-parent > a,
#mainnav .current-page-ancestor > a {
  background: #274683 none;  
  color: #fff;
}
/* Sub nav */
#mainnav .sub-menu {
  background: #00396B none;   
  left: -20px;
  position: absolute;
  text-align: left;
  width: 125px;
  z-index:999;
}
iframe {
	z-index: 9999;	
}
* + html #mainnav .sub-menu  {
  top: 2em;  
}
#mainnav .sub-menu li {
  border: none;
  display: block;
  line-height: 1em;
}
#mainnav .sub-menu li a {
  display: block;
  padding: 8px;
}
#mainnav .sub-menu li a:hover,
#mainnav .sub-menu li a:focus {
  background-color: #274b83;
  color: #fff;
}
/* Third level craycray */
#mainnav .sub-menu ul {
  height: auto;
  position: static;  
}
#mainnav .sub-menu ul li {
  background-color: #042A5B;
  font-size: .9em;
  min-height: auto;  
}
#mainnav .sub-menu ul a {
  padding: 4px 10px;
}

.sidebar {
	float: right;
	width: 20%;
	margin-right:15px;
}
.sidebar > div {
	background:#f2f2f2;
	margin:10px;
	width:100%;
	padding: 5px;
}

.inthissection {
	width:100%;
	background:none!important;
}
.inthissection h2 {
	text-align: left;
	color: #274683;
}
.inthissection li{

	list-style: url(images/arrow.png);
}

/***********************************/
/************ Front Page ***********/
/***********************************/
#info-strip {
  background-color: #e5e5e5;
  clear: both;
  color: #000;
  font-size: 1.4em;
  font-style: oblique;
  font-weight: 100;
  width:   940px;
  text-align: right;
}

#info-strip.home-image1 {
  background: #e5e5e5 url(images/home-image1.png) left top no-repeat;
  padding-top: 372px;
}
#info-strip.home-image2 {
  background: #e5e5e5 url(images/home-image1.png) left top no-repeat;
  padding-top: 372px;
}
#info-strip.home-image3 {
  background: #e5e5e5 url(images/home-image1.png) left top no-repeat;
  padding-top: 372px;
}
#info-strip.home-image4 {
  background: #e5e5e5 url(images/home-image1.png) left top no-repeat;
  padding-top: 372px;
}
#info-strip.home-image5 {
  background: #e5e5e5 url(images/home-image1.jpg) left top no-repeat;
  padding-top: 372px;
}

/***********************************/
/************* Left Nav ************/
/***********************************/
#leftnav {
	background-color: #DADDC0;
	border-top: 5px solid #DADDC0;
	float: left;
	font-size: .95em;
	padding-bottom: 100px;
	width: 180px;	
}
#leftnav ul {
	list-style-type: none;
	margin: 0;	
}
#leftnav a {
	background-color: #DADDC0;
	border-bottom: 2px solid #E7ECD1;
	color: #000;
	display: block;
	padding: 8px 10px;
	text-decoration: none;	
	transition: background-color .4s;
}
#leftnav a:hover,
#leftnav a:focus {
	background-color: #ECEEDF;
	text-decoration: underline;
	transition: background-color .4s;
}
#leftnav .current_page_item a {
	background-color: #E3E9C8;
}
/***********************************/
/*********** Content Area **********/
/***********************************/
#contentwrap {
	
}
.post_sidebar { 
	float:left;
	width:75%;
}

#content {
	padding: 0 50px;
	margin: 0;
}

article {
	margin-top:30px;	
}

.hasleftnav {
	background: url(images/hasleftnav.gif) left top repeat-y;
	padding-left: 180px;	
}
/* Crumbs */
#crumbs {
	font-size: .85em;
	padding: 12px 0;
	position:absolute;
	margin-top:65px;
}
/* Misc */
#readspeaker_button {
	margin: 10px 10px 0 0;	
}
.introtext {
	color: #72767A;
    	font-size: 1.3em;
    	line-height: 1.4em;
    	margin: 20px 0;	
}
.links {
	margin: 0;	
}
.links li {
	list-style-type: none;
	padding: 6px 10px;
}
/* Attachments */
.attachments {
	background-color: #F6F4F0;
	font-size: .9em;
	padding: 10px;
	margin:10px 0;
}
.attachments h2 {
	margin: 0;	
}
.attachments ul, .page-attachments ul {
	list-style-type: none;	
	margin: 0;
}
.attachments li {
	padding	: 4px 0;
}
.attachments img {
	vertical-align: middle;
	height: 16px;	
}
button.text-version {
	margin: 5px 0 0 0;
	font-size: .9em;
	padding: 2px;
}
div.text-version {
	background-color: #F2F4E9;
	display: none;
	font-size: .9em;
	padding: 6px;
}
ul.social_share { list-style:none; margin:3px 0; }
ul.social_share li { display:inline; padding:0 3px;} 
ul.social_share li:first-child { padding: 0 3px 0 0;}
/***********************************/
/*** Lastest News ***/
/***********************************/
.latest_news { margin:30px 0;}
.latest_news_image { float:left; width:20%; height:auto;}
.latest_news_content { float:right; width:75%; margin:0 0 0 10px;}
.latest_news time { font-size:1em;  }

/***********************************/
/*********** Pagination ************/
/***********************************/
.pagination {
  margin: 15px 0;
}
.pagination a {
  text-decoration: none;
}
.pagination a.next,
.pagination a.prev {
  font-weight: bold;
  margin-right: 4px;
}
.pagination a:hover,
.pagination a:focus{
  background-color: #E5E5E5;
  text-decoration: underline;
}
.pagination .current {
  background-color: #C3C3C3;
}
.page-numbers {
  background-color: #E5E5E5;
  padding: 4px 8px;
}

/***********************************/
/*** Forms, Gravity Forms plugin ***/
/***********************************/
.gform_wrapper label {
	display: block;
	padding-right: 20px;
}
.gform_wrapper fieldset {
	background-color: #F6F4F0;
	border: none;
	border-bottom: 1px solid #BBB;
	border-top: 1px solid #BBB;
	padding: 5px 10px;
}
.gform_wrapper legend {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 2px 6px;
}
.gform_wrapper ul {
	list-style-type: none;
	margin: 0;
}
.gform_wrapper li {
	margin: 12px 0;
}
.gform_wrapper input, 
.gform_wrapper select, 
.gform_wrapper textarea {
	border: 1px solid #AAA;
	padding: 6px;
	min-width: 280px;
}
.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"] {
	border: none;
	clear: left;
	float: left;	
	margin: 4px 0 0 0;
	min-width: 26px;	
	padding: 2px 0;
}
/* Buttons */
.gform_wrapper input.button {
	background-color: #2c5697;
	border: 1px solid #2c5697;
	color:#FFF;
	cursor: pointer;	
	min-width: 100px;
	padding: 5px 15px;
	width: auto;
}
.gform_wrapper input.button:hover,
.gform_wrapper input.button:focus {
	background-color: #5179ad;
	transition: background-color .5s;
}
/* Groups of checkboxes or radiobutton */
.gfield_checkbox li,
.gfield_radio li {
	margin: 0;	
}
/* Groups of text inputs */
.ginput_complex label {
	color: #333;
	font-size: .8em;
	padding: 0 0 2px 10px;
}
/* User feedback */
.gfield_description,
.gfield_required {
	color: #555;
	font-size: .8em;
	padding-left: 10px;
}
.gform_wrapper .validation_error {
	background-color: #EFD4D8;
	border: 1px solid #BC5362;
	padding: 5px;
}
.gfield_error {
	background-color: #EFD4D8;
	border: 1px solid #BC5362;
	padding: 0 5px;
}
.gfield_error .validation_message {
	font-weight: bold;
}
.success {
	background-color: #C0FFB4;
	padding: 5px;
}
/* Honeypot field */
.gform_validation_container {
	left: -9999em;
	position: absolute;			
}
/***********************************/
/********* Form_progress ***********/
/***********************************/
#form_progress p {
	color: #A71C00;
	padding: 4px 0;
	font-size: .9em;
}
#form_progress button {
	background-color: #DADDC0;
	border: 1px solid #DADDC0;
	cursor: pointer;
	float: left;
	margin: 0 5px;
	min-width: auto;
	padding: 5px 8px;
	transition: background-color .5s;
	width: auto;
}
#form_progress button:hover {
	background-color: #C8C5BF;
	transition: background-color .5s;
}
/***********************************/
/******** Home page widget *********/
/***********************************/
#homepagewidget {
	background-color: #fff;
	color: #000;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	width: 100%;
	padding: 0;
}
#homepagewidget ul {
	list-style-type: none;
	margin: none;
}
#homepagewidget li {
	display: inline;
	padding: 0 8px;
}
#homepagewidget li:last-child {
	border: none;	
}
#homepagewidget a {
	text-decoration: none;
}
#homepagewidget a:hover,
#footer a:focus {
	text-decoration: underline;
}
#homepagewidget .textwidget {
	float: left;
	width: 25%;
	position: relative;
	clear: none;
}
#homepagewidget p {
	padding: 0 5px;
	font-weight: normal;
}
#homepagewidget h2 {

}
#homepagewidget hr {
	width: 50%;
	height: 3px;
	margin: auto;
}
.blue {color: #5179ad!important;}
.light-red {color: #b05b5b!important;}
.green {color: #1f9a92!important;}
.majenta {color: #9e0c40!important;}
hr.blue {background-color: #5179ad;}
hr.light-red {background-color: #b05b5b;}
hr.green {background-color: #1f9a92;}
hr.majenta {background-color: #9e0c40;}

/***********************************/
/********* Home page menu **********/
/***********************************/
#homepagemenu {
	background-color: #fff;
	color: #000;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	width: 100%;
	padding: 0;
}
#homepagemenu ul {
	list-style-type: none;
	margin: none;
	padding: 20px 0;
}
#homepagemenu li {
	display: inline;
	padding: 0 8px;
}
#homepagemenu li:last-child {
	border: none;	
}
#homepagemenu a {
	color: #000;
	text-decoration: none;
}
#homepagemenu a:hover,
#footer a:focus {
	text-decoration: underline;
}

/***********************************/
/************* Footer **************/
/***********************************/
#footer {
	background-color: #e5e5e5;
	clear: both;
	color: #000;
	font-size: .9em;
	padding: 25px 50px;
	text-align: center;
}
#footer ul {
	list-style-typ: none;
	margin: none;
}
#footer li {
	display: inline;
	padding: 0 8px;
}
#footer li:last-child {
	border: none;	
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover,
#footer a:focus {
	text-decoration: underline;
}
/***********************************/
/*********** Clearfixing ***********/
/***********************************/
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
} 
.clearfix {
  display: inline-block;
} 
html[xmlns] .clearfix {
  display: block;
} 
* html .clearfix {
  height: 1%;
}

/***********************************/
/********* Various Classes *********/
/***********************************/
.bold {
	font-weight: bold;
}
.nomargin {
	margin: 0;	
}
.italic { 
	font-style: italic	
}
.hidden {
	display: none;
}	
.clear {
	clear: both;
}
.highlight {
	background-color: #DADDC0;
	padding: 5px 10px;
}
.left,
.alignleft,
.align-left {
  float: left;
  padding: 10px 20px 20px 0;
}
.right,
.alignright,
.align-right {
  float: right;
  padding: 10px 0 20px 20px;
}
.center,
.centre,
.aligncenter ,
.align-center{
	text-align: center;
}
.home_left{
  float: left;
  width: 714px;
}
.home_right {
  float: right;
  width: 18%;
}

.wp-caption-text {
	color: #555;
	font-size: .8em;
	line-height: 1.4em;
	margin: 0 0 .5em 0;
}
.nobullet {
	list-style-type: none;
}
#content .hasbullet {
	list-style-type: disc;	
	margin-left: 20px;
}
.nobr {
	white-space: nowrap;	
}
.small,
small {
	font-size: .85em;
}
.screen-reader-text,
.offleft {
	position: absolute;
	left: -9999em !important;
}
.offleft a {
	background-color:#FFF;
}
.offleft a:focus {
	left: 9999em;
	position: absolute;
}
.loop-post {
	padding: 0 10px 5px 10px;	
}
.loop-post p {
	margin-top: .2em;
}
.zebra {
	background-color: #F3F3F3;
}
.required {
	color: #990000;
}

a, a:visited { color:#2c5697;}
a:hover {color:#5179ad;}
.button {
	background-color: #2C5697;
	border: 1px solid #2C5697;
	color: #FFF;
	cursor: pointer;
	min-width: 100px;
	padding: 5px 15px;
	width: auto;

}
.button:hover{
	background-color: #5179AD;
	transition: background-color 0.5s ease 0s;
}
.indicates-required {
	padding-bottom:15px;
	color: #606060;
}
.label {font-weight: bold;}
.mc-field-group {
	font-weight: bold;
	padding-bottom: 15px;
}
ul.mc-field-group {
	list-style-type: none;
}
label.mc-field-group {
	margin-left: 10px;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
    .ui-timepicker-div dl { text-align: left; }
    .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
    .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
    .ui-timepicker-div td { font-size: 90%; }
    .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
    .ui-timepicker-rtl{ direction: rtl; }
    .ui-timepicker-rtl dl { text-align: right; }
    .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }