#featured-content.loading { display: none !important; } #featured-content { background: rgb(66,66,66); /* Old browsers */ background: -moz-linear-gradient(top, rgba(66,66,66,1) 0%, rgba(20,20,20,1) 49%, rgba(0,0,0,0.75) 51%, rgba(28,28,28,1) 61%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,66,66,1)), color-stop(49%,rgba(20,20,20,1)), color-stop(51%,rgba(0,0,0,0.75)), color-stop(61%,rgba(28,28,28,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(66,66,66,1) 0%,rgba(20,20,20,1) 49%,rgba(0,0,0,0.75) 51%,rgba(28,28,28,1) 61%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(66,66,66,1) 0%,rgba(20,20,20,1) 49%,rgba(0,0,0,0.75) 51%,rgba(28,28,28,1) 61%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(66,66,66,1) 0%,rgba(20,20,20,1) 49%,rgba(0,0,0,0.75) 51%,rgba(28,28,28,1) 61%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#131313',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(66,66,66,1) 0%,rgba(20,20,20,1) 49%,rgba(0,0,0,0.75) 51%,rgba(28,28,28,1) 61%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */ color: white; position: relative; margin-bottom: 40px; -webkit-box-shadow: 0 .7em 1.5em -10px black; -moz-box-shadow: 0 .7em 1.5em -10px black; -o-box-shadow: 0 .7em 1.5em -10px black; box-shadow: 0 .7em 1.5em -10px black; } #featured-content, .slide-cell, .slide-cell div, .slide-cell img { min-height: 198px !important; } .slide-cell { overflow: hidden; } .slide-cell img { min-width: 960px !important; } #featured-content .flex-control-nav { bottom: -36px; } #featured-content a.wraplink, #featured-content a.wraplink:hover, #featured-content a.wraplink:active, #featured-content a.wraplink:visited { color: white; text-decoration: none; display: block; } #featured-content .twelvecol { margin: 0; padding: 0; } #featured-content .twelvecol h1, #featured-content .twelvecol p{ margin-left: 20px; margin-right: 20px; } .slide-cell { position: relative; } .featured-banner { float: right; } .content-preview { cursor: pointer; position: absolute; overflow: hidden; top: 0; left: 0; background: rgba(0,0,0, .6); height: 100%; padding: 0 20px ; -webkit-box-shadow: 0 0 .5em #000; -moz-box-shadow: 0 0 .5em #000; -o-box-shadow: 0 0 .5em #000; box-shadow: 0 0 .5em #000; } .content-preview:after{ content: ''; position: absolute; text-align: right; font-size: 16px; bottom:0; left: 0; width: 100%; height: 1em; padding: 1em 16px 1em 0; margin-left: -16px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* W3C */ } .content-preview:hover:after{ content: '\00BB'; } .content-preview.right { left: auto; right: 0; margin-right: 0; } .content-preview h1 { font-weight: normal; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 18px; line-height: 1.2em; margin-bottom: -0.2em; } .content-preview h1 a { color: #06c; text-decoration: none;} .content-preview p { font-size: 14px; line-height: 1.4em; font-weight: normal; } .content-preview a, .content-preview .fake-link { text-decoration: underline; cursor: pointer; color: #FF4B44; } .content-preview a:hover { color: #FFF; } .content-preview .read-more-link{ position: absolute; bottom: 0; } .flex-direction-nav a { margin-top: -25px !important; } /* Media Query Fixes */ @media handheld, only screen and (max-width: 795px) { #featured-content{ padding: 0; } .content-preview { width: 100% !important; padding: 0 !important; } .content-preview h1, .content-preview p { padding-left: 10px; } .content-preview p { width: 90%; overflow: hidden; text-overflow: ellipsis; } .flex-direction-nav { display: none; } } @media handheld, only screen and (max-width: 480px) { .content-preview { width: 100% !important; } .content-preview:after{ } }