/* Stylesheet Element Id: 7.176087.1539253386
 * Stylesheet Name: HAD | CSS 0.1 24/03
 * Generated by CMS on: 23-Sep-2019 01:22:42
 */
    /* MS: Change for larger logo size in tablet (TR 10) kept in HTML element to allow custom sizes */

/* Mobile */
.logo-container-mobile img {
    width: 187px;
}
  
/* Tablet */
@media (min-width: 728px) {
    .logo-container-mobile img {
        width: 280px;
    }
}

#masthead-logo{
  background-image:url(/polopoly_fs/7.176087.1539253386!/hertsadv-mobile-logo.png);
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  #masthead-logo{
    background-image:url(/polopoly_fs/7.176087.1539253386!/hertsadv-mobile-logox2.png);
  }
}

@media (min-width: 650px){
	#masthead-logo{
        background-image:url(/polopoly_fs/7.176087.1539253386!/hertsadv-tablet-logo.png);
	}
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 650px) {
  #masthead-logo{
    background-image:url(/polopoly_fs/7.176087.1539253386!/hertsadv-tablet-logox2.png);
  }
}

@media (min-width: 1024px){
	#masthead-logo{
        background-image:url(/polopoly_fs/7.176087.1539253386!/hertsadv-logo.png);
	}
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) {
    #masthead-logo{
      background-image:url(/polopoly_fs/7.176087.1539253386!/hertsadv-logox2.png);
    }
}

.brands a {
	display: block;
	overflow: hidden;
	text-indent: -999px;
	height: 40px;
	float: right;
	clear: both;
  	line-height: 40px;
}

.brands .comet {
	width: 248px;
	margin: 30px 0 10px 0;
	background: url("/polopoly_fs/7.176087.1539253386!/thecomet.png") no-repeat right;
}
.brands .whtimes {
	width: 186px;
	background: url("/polopoly_fs/7.176087.1539253386!/whtimes.png") no-repeat right;
}
.brands .roystoncrow {
	width: 198px;
	background: url("/polopoly_fs/7.176087.1539253386!/roystoncrow.png") no-repeat right;
}


@media (-webkit-min-device-pixel-ratio: 1.5) {
  
.brands .comet {
	background: url("/polopoly_fs/7.176087.1539253386!/thecomet-x2.png") no-repeat right;
	background-size: 248px 40px;
}
.brands .whtimes {
	background: url("/polopoly_fs/7.176087.1539253386!/whtimes-x2.png") no-repeat right;
	background-size: 186px 40px;
}
.brands .roystoncrow {
	background: url("/polopoly_fs/7.176087.1539253386!/roystoncrow-x2.png") no-repeat right;
	background-size: 198px 40px;
}


}



/* brought over from other stylesheets */



.header-content #verticals > li > a > span,
#useful-links > li > a > span,
#footer .useful-links li a span {
    color: #d70404;
}

#useful-links:hover > a:after {
	border-top: 5px solid #d70404;
}

@media (min-width: 1024px) {
	.nav.primary-drop:before {
        border-top: 4px solid #d70404;
        color: transparent;
    }
	.primary.nav {
	    border-bottom: 4px solid #d70404;
	}
}

.tickercontainer {
    background-color: #d70404;
}

.promo-container {
  border-color: #d70404 #CCCCCC #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-style: solid;
  border-width: 4px 1px 1px;
}
.promo-container h2 {
  margin-right:0px;
  text-transform: inherit;
}

.newsletter-widget {
	border-color: #d70404
}

.links a {
	padding: 10px;
	margin-top: 10px;
	color: #FFF;
	display: block;
	float: left;
	text-align: center;
	text-decoration: underline;
	width: calc(50% - 5px);
	
	background: #d70404;
	background: -moz-linear-gradient(top,  #d70404 0%, #990000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d70404), color-stop(100%,#990000));
	background: -webkit-linear-gradient(top,  #d70404 0%,#990000 100%);
	background: -o-linear-gradient(top,  #d70404 0%,#990000 100%);
	background: -ms-linear-gradient(top,  #d70404 0%,#990000 100%);
	background: linear-gradient(to bottom,  #d70404 0%,#990000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70404', endColorstr='#990000',GradientType=0 );
}

@media (min-width: 1024px) {

    .primary.nav li.active > a,
    .primary.nav li:hover > a,
    .primary.nav li:hover > a ~ .nav.primary-drop:before,
    .small .thumbnail.active img {
        border-color: #d70404;
    }
    .primary.nav > li.active,
    .primary.nav > li.active > a,
    .primary.nav li:hover > a,
    .secondary.nav .nav-arrow-open,
    .secondary.nav .nav-arrow {
        background-color: #d70404;
    }
    .header h1,
    h1.title,
    .secondary.nav li.active > a,
    .secondary.nav > li > a:hover,
    .primary.nav > li > .primary-drop > .drop-content-a > ul > li > a:hover, 
    .primary.nav > li > .primary-drop > .drop-content-b > ul > li > a:hover {
        color: #d70404 !important;
    }
}

.header h1 {
	color: #d70404 !important;
}

.inpage,
.promo-puff .title,
.personalised-storylist-top h1,
.personalised-storylist-top h2,
.personalised-storylist-top h3,
.personalised-storylist-top h4,
.personalised-storylist .teaser-label,
.picture-tiles .title-banner,
.send-us-a-story .content-a .inner-c h1 {
    color: #FFF;
	background: #d70404;
	background: -moz-linear-gradient(top,  #d70404 0%, #990000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d70404), color-stop(100%,#990000));
	background: -webkit-linear-gradient(top,  #d70404 0%,#990000 100%);
	background: -o-linear-gradient(top,  #d70404 0%,#990000 100%);
	background: -ms-linear-gradient(top,  #d70404 0%,#990000 100%);
	background: linear-gradient(to bottom,  #d70404 0%,#990000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70404', endColorstr='#990000',GradientType=0 );
}

.league-header{
	margin: 20px 0;
	padding: 5px 0;
	border-top: 4px solid #d70404;
	border-bottom: 1px solid #E0E0E0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #E51B1F;
}

.contactUs h2 {
    color: #D70000;
}
.advertise .online h3,
.advertise .print h3,
.advertise .servicePacks h3,
.advertise .queries h3 {
    color: #D70000;
}
.poll-element { 
    border-top: 3px solid #d70404; 
    border-bottom: 1px solid #d70404; 
} 
.poll-element .progress-bar { 
    background: #d70404; 
}
.content-stastics {
        border-top: 3px solid #d70404;
    border-bottom: 1px solid #d70404;
}



/* brought over from other stylesheet */

@media (min-width: 980px) {

.nth-child-floats div.teaser:nth-of-type(2n+2)
{
                clear:both;
                padding-left:10px;
}


.nth-child-floats .massive-teaser-item .teaser-image {
    width: 50%;
    float: left;
  
}

.nth-child-floats .massive-teaser-item .teaser-image {
    width: 51%;
    float: left;
}

.nth-child-floats .massive-teaser-item .teaser-content, .inner-c .massive-teaser-item .teaser-related {
    float: right;
    margin-left: 2%;
    width: 44%;
    margin-left: 1%;
    margin-right: 1%;
    clear: right;
}


.nth-child-floats .medium2col-teaser-item:nth-of-type(n+2) div.teaser-title, .nth-child-floats .medium2col-teaser-item:nth-of-type(n+2) div.teaser-content {
    float: right;
    margin-left: 0;
    width: 64%;
}


.nth-child-floats .medium2col-teaser-item .teaser-title h2
{
	font-size: 18px !important;

}

.nth-child-floats .massive-teaser-item.teaser .teaser-title {
    float: right;
    width: 45%;
}

.nth-child-floats .massive-teaser-item .teaser-extras, .massive-teaser-item .teaser-post-extra {
    display:none;
}

.single-col .teaser-title {
    float: right;
    width: 49%;
}


.single-col .teaser-content {
    float: right;
    clear: right;
    width: 49%;
}
}

.utilities
{
 border:none; 
}