/*
Tracker Issue TR 4 - Search box out of alignment
https://trello.com/c/TG9rdQSp
https://trello.com/c/pmC1ehZ2
Line 6 in tracker https://docs.google.com/spreadsheets/d/1LecBdpwCYhiLUZX1rDvsX56_kLCeFvZ2pH1qJRsZbIk/edit#gid=0

Sets #header-extras <div> (containing Search box and social links) to align
itself more vertically central on Desktop view, rather than right at the top of the containing .header-content <div>.
Overrides line 323, 335 in the file "South-West-Blue-layout.css", section 1.2.1
and 1.2.3.
 - GH
*/

@media (min-width: 1024px) {
	.logo-container-desktop {
		min-height: 80px;
		width: auto;
	}

	#header-extras{ 
		padding: 0px 0px 0px 0px;
		display: block;
		float: right;
		height: auto;
	}

	#header-extras .site-search{
		margin: 32px 20px 10px 0px;
		padding: 0px;
		overflow: hidden;
	}

	#header-extras #social-links{
		margin: 0px 20px;
	}
}

/* Most Read Teaser Counter CSS - Note: Custom class of "most-read teaser-counter" must be added to the storylist in order for this to take effect */
.content-b .story-list.most-read.teaser-counter .teaser {
    counter-increment: most-read;
}
.content-b .story-list.most-read.teaser-counter .teaser-image a {
    position: relative;
    display: block;
}
.content-b .story-list.most-read.teaser-counter .teaser-image a img{
  margin: 0px;
}

.content-b .story-list.most-read.teaser-counter .teaser-image a::after {
    content: counter(most-read);
    display: block;
    width: 25px;
    height: 25px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
        
}
/*
RFC 1754 - Changes to way article tags are displayed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Basecamp: https://basecamp.com/2294155/projects/4252126/todos/229023620
Trello: https://trello.com/c/WtXeslRN

*/

/* Small dot */
.article-keywords .article-tag > a::before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    display: block;
    height: 8px;
    left: 10px;
    position: absolute;
    top: 11px;
    width: 8px;
}

/* Article Tag background */
.article-keywords .article-tag > a {
  background-color: #013c80;
  border-radius: 20px 7px 7px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin: 0 5px 10px 0;
  padding: 5px 12px 6px 28px;
  position: relative;
}
/*
    RFC 1781
    H&C's Motoring Styles
*/
.motorsinpage .inpage {
    background: #6ea4a4;
  	color: #ffffff;
  	font-weight: bold;
  	padding: 3% 3% 3% 3%;
	margin-top: 0.5%;
  	margin-bottom: 0.5%;
	border: 0px #ffffff solid;
	font-size: 1.15em;
	font-family: Arial, Helvetica, sans-serif;
}