/* Tier 2 styles - START */
.tier2-contents {
    border-bottom: 6px solid #80ba42;
	position: relative;
	margin-bottom: 15px;
}
.tier2-contents .img-holder{
	/*height: 250px;*/
}
.tier2-header {
	padding: 5px 15px 15px 15px;
	word-wrap: break-word;
}
.tier2-header h3 {
	margin: 0;
}
.tier2-details {
	padding: 0px 15px 0px 15px;
}
.tier2-details p {
	margin: 0px 0px 20px 0px;
}
.tier2-details small {
    font-size: 75%;
    text-align: right;
    position: absolute;
    bottom: 4px;
    width: 100%;
}
/* Tier 2 styles - END */

/* Multi-tier styles - START */
.tier1-holder p, .tier2-holder p {
	margin: 0px 0px 30px 0px;
}
/* Multi-tier styles - END */

/* Results box styling - START */
@media (max-width: 767px) {
	.h1-newsline {
		font-size: 360%;
	}
	.span-newsline {
		display: block;
	}
	.news-holder {
		margin-bottom: 15px;
	}
	.tier2 {
		padding-right: 15px;
	}
	.tier2-holder {
		padding-right: 0px !important;
	}
	.tier2-contents {
		margin-bottom: 15px;
	}
}
@media (min-width: 768px) {
	.news-holder{
		margin-bottom:5px;
	}
	.tier2 {
		padding-left: 15px;
	}
	.tier2-holder {
		padding-left: 0px !important;
	}
	.tier3 {
		padding-left: 4px !important;
	}
	.twitter-contents {
		margin-bottom: 20px;
	}
}
/* Results box styling - END */

.img-holder {
	text-align:center;
}
#consultations-holder input.text {
	width:100%;
}
#consultations-holder .consultationsrow{
    margin-bottom:15px;
}
#consultations-holder .page-content small{
/*    margin-left:15px; Not needed? */
}
#consultations-holder img {
/*	margin: 0px 0px 15px 15px; Not needed? */
}
#consultations-holder #Form_DateRangeForm_action_doDateFilter {
	margin-right: 0;
}
#consultations-holder .resultsHeader {
	font-size: 12px;
}
#consultations-holder .bottom-line {
	border-bottom: 1px solid #757575;
	padding-top:8px;
}
#consultations-holder .date-author {
	font-weight:normal;
	font-style: normal;
}.ConsultationsHolder .img-holder {
    margin-bottom: 15px;
}
.consultationsrow label {
    position: absolute;
    left: -9999px;
}
#consultations-holder .search {
  width: 100%;
  position: relative
}

#consultations-holder input[type=text] {
  float: left;
  width: 100%;
}

#consultations-holder input, #consultations-holder select {
  height: 32px;
}

#consultations-holder input[type=submit] {
  position: absolute;  
  right: -0px;
  height: 32px;
  width: 70px;
  border: 1px solid #007dba;
  background: #007dba;
  color: #fff;
  margin: 0;
}
.detailed-search{
	color: #000000;
	background-color: #dfdfdf;
}
.search-holder{
	padding:15px;
}
.search-block{
	margin-bottom:25px;
}
.search-block .Actions{
	margin-top:25px;
}
.search-block .page-results{
	margin-top:15px;
	margin-bottom:25px;
}
#TitleSearch{
	width:100%;
}
.search-block .drop-holder{
	margin-top:10px;
}
.search-block .daterange-holder{
	margin-top:10px;
}
.results-holder{
	margin-bottom:20px;
}
.item-results-holder{
	border-bottom:1px solid #dfdfdf;
}
.item-results-holder .summary{
	padding-bottom:15px;
}
.back-to-consultation {
	margin-top:15px;
}
.clearfix:after {
    clear: both
}
.nopadding{
    padding:0;
}
.nopadding-left{
    padding-left:0 !important;
}
.consultationslinks a {
	display: block;
	background-color: #007dba;
    color: #ffffff;
}
.consultationslinks a .consultationlinks-content-block {
	padding:10px;
	margin-bottom:15px;
}
.consultationslinks a .consultationslinks-content-block h3 {
	color:#ffffff;
	text-decoration: none;
    margin: 0px;
}
.consultationslinks a:hover, .consultationslinks a:active, .consultationslinks a:focus {
	background-color: #666666 !important;
}
.consultationstoggle-wrapper {
    border-bottom: 6px solid #007dba;
    margin: 0 0 15px 0;
}
.consultationstoggle {
	cursor: pointer;
	padding: 15px 0 15px 0;
}
.followUs-wrapper {
	display:none;
}
.consultations-follow-us {
    margin: 7px 0 0 0;
    padding: 0 10px 0 10px;
}
.consultationstoggle .fa-chevron-down, .consultationstoggle .fa-chevron-up {
	float: right;
    font-size: 150%;
	color: #006eaf;
}
.blue-h3 {
	color: #006eaf;
}
.consultations-follow-us ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
}
.consultations-follow-us li {
    display: block;
}
.consultations-follow-us li {
	float: left;
	font-size: 27px;
	color: #666666;
}
.consultations-follow-us li a {
    display: block;
    text-align: center;
    padding: 3px 2px;
    text-decoration: none;
}

/* Responsive mobile-only styling */
@media (max-width: 767px) {
    .h1-newsline {
        font-size: 360%;
    }
    .span-newsline {
        display: block;
    }
    a h3 {
        line-height: 150%;
    }
    .page-sidebar {
        padding: 20px 0px 0px 0px !important;
    }

}

/* Responsive tablet-up styling */
@media (min-width: 768px) {
    .news-holder{
        margin-bottom:5px;
    }
}

/* Responsive tablet-portrait styling */
@media (min-width: 768px) and (max-width: 992px) {
    .h1-newsline {
        font-size: 300%;
    }
    .page-sidebar {
        padding-right: 0;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .h1-newsline {
        font-size: 410%;
    }
    .page-sidebar {
        padding-left: 30px;
        padding-right: 0;
    }
}
@media (min-width: 1200px) {
    .h1-newsline {
        font-size: 500%;
    }
    .page-sidebar {
        padding-left: 30px;
        padding-right: 0;
    }
}

.consult-hr {
    background: #80ba42;
    height: 3px;
    border: none;
}
.consult-hr-form {
    background: #80ba42;
    height: 12px;
    border: none;
}
.news-contents-header {
    float: right;
}
.hys h1, .hys h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.back-to-consultation {
    margin-top: 0px;
}
.back-to-consultation h3 {
    margin: 0 0 20px 0;
}
.back-to-consultation i {
    color: #80ba42;
}

/* File upload input button styling */
input[type="file"], input[type="file"]:hover, input[type="file"]:active, input[type="file"]:focus {
    border: none !important;
    background: none !important;
    color: #666666 !important;
    margin-left: 0px !important;
}
.inputfile label {
    width: auto !important;
    padding: 1px 6px !important;
}
.custom-file-upload {
    border: 1px solid #007dba;
    background:  #007dba;
    color: #ffffff;
    display: inline-block;
    padding: 4px 8px;
    cursor: pointer;
}

/******************
* Sidebar styling *
******************/
/* CONSULTATIONS */
.consult-sb {
    background-color: #f2f2f2;
    margin-bottom: 8px;
}
.consult-sb h3 {
    background-color: #e6e6e6;
    padding: 10px;
    border-bottom: 1px solid #666666;
}
.consult-sb .consult-content {
    padding: 10px 10px 12px 10px;
}
.consult-sb .consult-content .consult-content-advisor {
    font-size: 13px;
}
.consult-sb .consult-content .consult-content-advisor p {
    margin: 0 0 10px 0
}
/* Status START */
.consult-status-current h3 {
    background-color: #f2f2f2;
}
/* Status END */
/* Lifecycle START
    Based around: http://codepen.io/tutsplus/full/QNeJgR/ */
.lifecycle-text ul {
  list-style-type: none;
  padding-left: 30px;
  margin-bottom: 0;
}
.lifecycle-text ul li:last-child {
  height: auto !important;
}
.lifecycle-timeline {
    float: left;
}
.lifecycle-timeline ul {
  padding-left: 10px;
  width: 100%;
}

.lifecycle-timeline ul li {
  list-style-type: none;
  position: relative;
  width: 2px;
  padding-top: 50px;
  background: #80ba42;
}

.lifecycle-timeline ul li:last-child {
  padding-top: 0;
}

.lifecycle-timeline ul li::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 14%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: none;
  z-index: 2;
}
/* Lifecycle END */

/* Follow Us START */
.consultationstoggle .arrow {
	border: none;
	cursor: pointer;
	background: 0 0;
	font-size: 150%;
	padding: 0;
	float: right;
	color: #007dba;
}
/* Follow Us END */

/* Consultations Feed START */
.consultations-feed {
	display: block;
	height: auto;
	color:#666666;
	padding: 0;
}
.consultations-feed a {
	font-size: 110%;
	font-weight: 600;
}
.consultations-feed i {
	font-size: 150%;
	padding-right: 5px;
	line-height: 115%;
}
.consultations-feed span {
	padding-right: 5px;
	line-height: 115%;
}
/* Consultations Feed START */

/* Contact Us START */
.consultations-contact {
	height: auto;
	color: #007dba;
	background-color: #f2f2f2;
	margin: 0 0 15px 0;
	padding: 10px;
	font-weight: 600;
}
.consultations-contact a {
	margin-top: 5px;
	display: block;
}
.consultations-contact span {
	margin-left:10px;
}
.consultations-contact img {
	padding: 2px 0 2px 0;
}
/* Contact Us END */

/* Chrome hack to centre the dot perfectly */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
  .lifecycle ul li::before {
    top: 13%;
  }
}

/* Lifecycle START */
.lifecycle-timeline ul li.consult-doing::before {
  background: #80ba42;
}

.lifecycle-timeline ul li:last-child::before {
  top: 7px;
}

.lifecycle-timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #80ba42;
  z-index: 1;
}

.lifecycle-timeline ul li.consult-done::after {
  background: #80ba42;
}

.lifecycle-timeline ul li div {
    position: absolute;
    top: 0;
    left: 20px;
    width: 400px;
}
/* Lifecycle END */
/* Follow Us drop-down START */
.consultations-signup {
	background-color: #e5f1f8;
	color: #007dba;
	padding:5px;
	clear: both;
}
.consultations-signup table, .consultations-signup table tr, .consultations-signup table td {
	table-collapse: collapse;
	border: none;
}
.consultations-signup table {
	width: 100%;
}
.consultations-signup input {
	height: 26px;
	margin-right: 7px;
	border: none !important;
	webkit-box-shadow: inset 1px 1px 2px 0 #707070;
	-moz-box-shadow: inset 1px 1px 2px 0 #707070;
	box-shadow: inset 1px 1px 2px 0 #707070;
	-webkit-transition: box-shadow 0.3s;
	-moz-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.consultations-signup button {
	float: right;
	border: 1px solid #007dba;
	background-color: #007dba;
	color: #ffffff;
	width: 70px;
	padding: 1px 2px;
	height: 26px;
}
.consultations-signup button:hover, .consultations-signup button:active {
	background-color: #ffffff;
	color: #007dba;
}
/* Follow Us drop-down END */
.ConsultationsHolder .news-contents-header {
	font-size: 75%;
	text-align: right;
}
.news-contents-footer {
	font-size: 75%;
	text-align: right;
	position: absolute;
	bottom: 4px;
	width: 100%;
}
.datetime{
	vertical-align: middle;
	border-right: 1px solid #666666;
	padding-right: 10px;
}
.share-div {
    float:right;
}
.social-media-share {
	vertical-align: middle;
	font-size: 18px;
	width: 16px;
	padding-left: 10px;
}
.social-media-share:hover {
	color: #007dba;
}
.social-media-share-popup-header, .social-media-share-popup-footer {
	position: absolute;
	display: none;
	z-index: 1;
	display: none;
}
.ConsultationsHolder .social-media-share-popup-header {
    top: 37px;
    right: 16px;
	width: 156px;
}
.social-media-share-popup-footer {
	bottom: -31px;
	right: 17px;
}
.related-stories .social-media-share-popup-footer {
	right: 19px;
}
.social-media-share-popup-bubble {
	position: relative;
	height: 42px;
	padding: 4px;
	background: #666666;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 3px 3px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 3px 3px 5px rgba(68,68,68,0.6);
	box-shadow: 3px 3px 5px rgba(68,68,68,0.6);
}
.social-media-share-popup-bubble:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 11px 15px;
	border-color: #666666 transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -15px;
	right: 0px;
	z-index: 1;
}
.social-media-share-popup-bubble a {
    display: inline-block;
    border: 2px solid #666666;
}
.social-media-share-popup-bubble a:focus {
    border-radius: 50%;
    /* outline-offset: 2px; */
    outline: none;
    border-color: #4D90FE;
    -webkit-box-shadow: 0px 0px 6px 0px #ffffff;
    box-shadow: 0px 0px 6px 0px #ffffff;
}

/* Round rollover background CSS. To use change line 1 to line 2 (add )
   1. <i class="fa fa-fax" aria-hidden="true"></i>
   2. <i class="hi-icon fa fa-fax" aria-hidden="true"></i> */
.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #666666;
	background-color: #ffffff;
    border: none;
	padding: 0;
}
.hi-icon:after {
	pointer-events: none;
	position: absolute;
	/* width: 100%;
	height: 100%; Are these needed? I removed them to make the :after hidden from tabbing/focus */
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}
.hi-icon:before {
	speak: none;
	font-size: 18px;
	line-height: 22px;
	padding-right: 3px;
	padding-top: 1px;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
/* FireFox CSS hack to centre share link in circle correctly */
@-moz-document url-prefix() {
	.hi-icon::before {
		padding-top: 0;
	}
}

.hi-icon:hover, .hi-icon:focus, .hi-icon:active, .hi-icon-hovered {
	outline: none;
	background: #666666;
	color: #ffffff;
}
.hi-icon:hover:after, .hi-icon:hover:focus, .hi-icon:active:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* IE10 and IE11 hack to centre the share icon correctly - we don't support IE9 and below */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.hi-icon::before { padding-top: 0.1pt; }
}