/* Id: 7.3757220.1489493083
 * Generated: 14-Aug-2021 04:12:23
 */
    /*Styles for subscriber only index page*/


/* overwrite the .soa default behaviour for the section teaser and top spot element....*/
.index_story.soa span.img:before, .index_story.soa span.img-full:before, .large.index_story.soa span.img-full:after{content:none !important;}

.soa-header{margin-bottom:10px; font-size:1.5em; }
.soa-header h2 {text-transform:uppercase; font-family:"DINWeb-Medium",Arial,Helvetica,sans-serif; letter-spacing:-1px; text-align:center;
font-size:135%; padding:0; color:#4F657D;}
.soa-header h4 {font-weight:normal; padding-top:0; font-size:90%; color:#515151; line-height:1.3em;}

.anonymous .soa-header h2:before {content:"Subscriber only"; }
.anonymous .soa-header h4:before {content:"Specially selected articles available exclusively to readers with an Irish Times digital subscription"; }

.authenticated .soa-header h2:before {content:"Selected for you"; }
.authenticated .soa-header h4:before { content:"Specially selected articles available exclusively to our subscribers";}

/*Hide any default little user icons from the teasers on this page */
.span4.index_story.soa span.img:before, .span8.index_story.soa span.img:before{content:none !important; display:none !important;}

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

.soa-top-6-6{}
.soa-top-6-6 .index_story, .soa-top-6-6 .h2{position:relative;}

.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 > a{height:160px;}
.sectionteaser .index_story span.img{margin:0;}
.sectionteaser .span4:nth-child(3n+1) {clear: both;}

.sectionteaser .article_info, .soa-top-6-6 .topspotelement .article_info{position:absolute; z-index:102; top:0; padding:0 !important; }
.sectionteaser .article_info li.first.last, .soa-top-6-6 .topspotelement .article_info li.first.last{padding:4px 3px 1px 3px; color:white !important; text-transform:uppercase; font-weight:normal; 
font-family:"DINWeb-Medium",Arial,Helvetica,sans-serif;}
.sectionteaser .article_info li.news, .soa-top-6-6 .topspotelement .article_info li.news{background-color:#C00;}
.sectionteaser .article_info li.sport, .soa-top-6-6 .topspotelement .article_info li.sport{background-color:#3EA447;}
.sectionteaser .article_info li.business, .soa-top-6-6 .topspotelement .article_info li.business{background-color:#1190AF;}
.sectionteaser .article_info li.debate, .soa-top-6-6 .topspotelement .article_info li.debate{background-color:#777552;}
.sectionteaser .article_info li.life-and-style, .sectionteaser .article_info li.life_and_style, 
.soa-top-6-6 .topspotelement .article_info li.life-and-style, .soa-top-6-6 .topspotelement .article_info li.life_and_style{background-color:#FF6600;}
.sectionteaser .article_info li.culture, .soa-top-6-6 .topspotelement .article_info li.culture{background-color:#B74F7D;}
.sectionteaser .article_info li a, .soa-top-6-6 .topspotelement .article_info li a{color:inherit !important; font-weight:normal !important;}

.soa-top-6-6 .topspotelement .h2{font-size:22px;}

.anonymous .soa-top.fwfake .span8 .story .h2{padding:10px 20px 0 10px;}
.anonymous .soa-top.fwfake .span8 .story .h2:after{content:"\e916  Sign in to continue reading"; font-family:"it-icons","DINWeb-Medium",Arial,Helvetica,sans-serif; 
font-size:16px; font-weight:normal; margin-top:10px; display:block;}

.anonymous .soa-top-6-6 .h2, .anonymous .sectionteaser .h2{text-indent:25px;}
.anonymous .soa-top-6-6 .h2:before, .anonymous .sectionteaser .h2:before{content:"\e916"; font-family:"it-icons";   
position:absolute;  -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; box-sizing: border-box; z-index: 2;}

.anonymous .soa-top-6-6 .h2:before{left:-22px; top:-2px; font-size:17px; -webkit-text-stroke-width: .7px; -moz-text-stroke-width: .7px; }
.anonymous .sectionteaser .h2:before{ left:-15px; top:29px; font-size: 15px;}

.sectionteaser .span4 .h2{
	font-size:18px; color:#FFF!important; position:absolute; z-index: 101; bottom:0; left:0; padding:30px 10px 10px 6px; display:block; box-sizing:border-box; width:100%;
    background: -webkit-linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 61%,rgba(0,0,0,0.65) 100%);
    background: -o-linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 61%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 61%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
}	

.topspotelement .index_story a span.h2:hover{color:inherit !important;}
.sectionteaser .index_story a span.h2:hover{color:#FFF !important;}
.anonymous .sectionteaser .index_story a span.h2:hover{color:#fad165 !important;}


.video-icon{display:none !important;}

/*responsive styles*/
@media (min-width:767px) and (max-width:979px) {
	.col-split-s12 .span6 { width: 364px !important; }

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

@media only screen and (max-width:767px) {
	.soa-header{font-size:1em;}
	.soa-top.fwfake .span8 { width: 100% !important; }
	.soa-top.fwfake .span8 .index_story, .soa-top.fwfake .span8 .story { max-height: none !important; }
	.soa-top.fwfake .span8 .img-full, .soa-top.fwfake .span8 .img-full img { width: 100%; float: none; margin-left: 0; }
	.soa-top.fwfake .span8 .index_story .h2, .soa-top.fwfake .span8 .index_story p { width: 100%; }
	.soa-top.fwfake .span8 .index_story:after { content: none; }
	.soa-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;}
	.sectionteaser .span4:nth-child(2n+1){clear:both}
	.sectionteaser .span4:nth-child(3n+1){clear:none;}
	.sectionteaser .span4 .h2{position:relative; z-index:99; top:-24px; background: #4F657D;}
	.sectionteaser .index_story > a{height:auto;}
}

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