/* Id: 7.4742560.1556620853
 * Generated: 21-Aug-2024 13:39:39
 */
    /*Styles for Vote 2019 article pages*/

.v19-top.fwfake .span8 { width: 940px; }
.v19-top.fwfake .span8 .story { padding: 0; position: relative; max-height: 330px; }
.v19-top.fwfake .span8 .img-full, .v19-top.fwfake .span8 .img-full img { width: 620px; margin-bottom: 0; }
.v19-top.fwfake .span8 .story .h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; font-weight: normal; color: #fff; }
.v19-top.fwfake .span8 .index_story { border-bottom: none; background: #000000; transition: background .2s ease; }
.v19-top.fwfake .span8 .index_story:hover { background: #820101; }
.v19-top.fwfake .span8 .index_story .h2, .v19-top.fwfake .span8 .index_story p { padding: 10px 20px 10px 10px; width: 320px; box-sizing: border-box; }
.v19-top.fwfake .span8 .index_story p { line-height: 1.4em; font-size: 16px; }
.v19-top.fwfake .span8 .index_story .h2:hover, .v19-top.fwfake .span8 .index_story p:hover { color: #fff !important; }
.v19-top.fwfake .span8 .index_story p a { color: #fff; height: 200px; }
.v19-top.fwfake .span8 .img-full, .v19-top.fwfake .span8 .img-full img { width: 620px; float: right; margin-left: 20px; }


.sectionteaser{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;}
.sectionteaser .index_story{position:relative; border-bottom:none;}
.sectionteaser .index_story span.img{ margin: 0 0 5px 0;}


div:not(.banner)>.ad-element{
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
   	-webkit-box-direction: normal; 
	-ms-flex-direction: column; 
	flex-direction: column;
    align-items: center;
	background-color:#f6f6f6;
    margin-bottom: 30px;
    padding: 5px 0 15px 0;
}


.v19-ctas {
    margin: 1em 0 1em -20px;
    padding: 1.5em 0 .5em;
}

.uk-cta {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	display: block;
	outline: none;
	text-align: center;
	text-decoration: none;
	font-weight: 400;
	letter-spacing: 1px;
	vertical-align: middle;
	border: 1px solid;
	transition: all 0.2s ease;
	box-sizing: border-box;
	text-shadow: 0 1px 0 rgba(0,0,0,0.01);
    color:#13161b;
    border-color:#13161b;      
	font-size: 1.0625em;
	padding: 0.5625em 1.5em;
    margin-bottom:1.2em;
   }

.uk-cta:visited{color:#13161b;}

.uk-cta:hover {
  background: #13161b;
  color: #fff;
  border-color: #13161b;	
}


/*select 2 overwrites*/
.v19-ctas .select2-container .select2-choice{
	padding:0.5625em 1.5em;
	border-radius:0;
	border-color: #13161b;	
	background: none;
    color: #13161b !important;
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;	
	letter-spacing: 1px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.01);
    font-size: 1.0625em;
	text-align: center;
  	transition: all 0.2s ease;
}


.v19-ctas .select2-container .select2-choice .select2-arrow{
	border-color: #13161b;
	background: none
}


.v19-ctas .select2-dropdown-open .select2-choice{
	background: none

}


.v19-ctas .select2-dropdown-open .select2-choice .select2-arrow b, .v19-ctas .select2-container .select2-choice .select2-arrow b{
	background-position-y: 10px;
}

.v19-ctas  .select2-container .select2-choice:hover {
    background: #13161b;
    color: #fff !important;
    border-color: #13161b;
}



/*responsive styles*/
@media (min-width:767px) and (max-width:979px) {
	

	.v19-top.fwfake .span8 { width: 748px !important; }
	.v19-top.fwfake .span8 .img-full, .v19-top.fwfake .span8 .img-full img { width: 488px; }
	.v19-top.fwfake .span8 .story .h2{font-size:24px;}
	.v19-top.fwfake .span8 .index_story .h2, .v19-top.fwfake .span8 .index_story p { width: 234px; }
	.v19-top.fwfake .span8 .index_story:after { right: 510px; }
	.v19-top.fwfake .span8 .index_story, .v19-top.fwfake .span8 .story { max-height: 260px !important; }
	.v19-top.fwfake .span8 .index_story p a { height: 130px; }
	.anonymous .v19-top.fwfake .span8 .story .h2:after{font-size:13px;}
	
	.sectionteaser .span4{width:234px !important;}
	.sectionteaser .index_story span.img{float:none !important;}
	.sectionteaser .story.span4 img{max-width: 234px; width: 100% !important;}

    .bgt18-ctas .span8{width: 492px !important;}	
    .bgt18-ctas .span4 {width: 234px !important;}
    .bgt18-ctas #content_right_upper, .bgt18-ctas #content_right_upper .span4 { width: 234px !important; min-width: 234px !important;}

}

@media only screen and (max-width:767px) {

	.v19-top.fwfake .span8 { width: 100% !important; }
	.v19-top.fwfake .span8 .index_story, .bgt18-top.fwfake .span8 .story { max-height: none !important; }
	.v19-top.fwfake .span8 .img-full, .v19-top.fwfake .span8 .img-full img { width: 100%; float: none; margin-left: 0; }
	.v19-top.fwfake .span8 .index_story .h2, .v19-top.fwfake .span8 .index_story p { width: 100%; }
	.v19-top.fwfake .span8 .index_story:after { content: none; }
	.v19-top.fwfake .span8 .index_story p a { height: initial; }
	
	.sectionteaser .index_story span.img{float:none;}
	.sectionteaser .story.span4 img{width:100% !important;} /*this will show poor quality until the derivative is fixed*/
}

/*funny inbetween layout*/
@media (min-width:481px) and (max-width:767px) {
	.sectionteaser{margin-left:-20px;} 
	.sectionteaser .span4{float:left; margin-left:20px; max-width: 45%; margin-bottom:0;}
}

@media only screen and (max-width:480px) {
	.v19-top.fwfake .fwfake .span8 .story { max-height: none !important; }
	.v19-top.fwfake .span8 .story, .v19-top.fwfake .span8 .story { max-height: none !important; }
	.v19-top.fwfake .span8 .index_story p a { height: initial; }
}