@font-face {font-family: "socialite-1-0-0"; src: url("//massrel-all.massrel.io/static/socialite-1-0-0.53a0e2c4d6b4e2c78883402a776d0141c7dfe7a2.eot"); src: url("//massrel-all.massrel.io/static/socialite-1-0-0.53a0e2c4d6b4e2c78883402a776d0141c7dfe7a2.eot?#iefix") format("embedded-opentype"), url("//massrel-all.massrel.io/static/socialite-1-0-0.7ac3d7ffc22a14e2fcea398fcae372a07d38a026.woff") format("woff"), url("//massrel-all.massrel.io/static/socialite-1-0-0.a0c826768638c366e4dc7d8fdf5a7c47940ef347.ttf") format("truetype"), url("//massrel-all.massrel.io/static/socialite-1-0-0.93305820da71821869fe7caea7781834f064bb4b.svg#socialite-1-0-0") format("svg"); font-weight: normal; font-style: normal;} [data-icon]:before {content: attr(data-icon);} [data-icon]:before, .icon-add-content:before, .icon-angle-left:before, .icon-angle-right:before, .icon-back-to-top:before, .icon-camera:before, .icon-chevron-down:before, .icon-chevron-up:before, .icon-close-x:before, .icon-facebook-comment:before, .icon-facebook-logo-letter:before, .icon-facebook-logo:before, .icon-facebook-mobilelike:before, .icon-facebook-share:before, .icon-getglue-logo:before, .icon-google-plus-logo-letter:before, .icon-google-plus-logo:before, .icon-graph-pie:before, .icon-instagram-comment:before, .icon-instagram-like:before, .icon-instagram-logo:before, .icon-list:before, .icon-load-more:before, .icon-mass-relevance-logo-copy:before, .icon-mass-relevance-logo:before, .icon-monitor:before, .icon-pinterest-logo:before, .icon-place:before, .icon-prohibited:before, .icon-search:before, .icon-spredfast-logo-copy:before, .icon-spredfast-logo-shape:before, .icon-spredfast-logo:before, .icon-thumbnails:before, .icon-thumbs-down:before, .icon-trophy:before, .icon-tumblr-logo-letter:before, .icon-tumblr-logo:before, .icon-twitter-favorite:before, .icon-twitter-logo:before, .icon-twitter-reply:before, .icon-twitter-retweet:before, .icon-twitter-verified-bg:before, .icon-twitter-verified-check:before, .icon-upload:before, .icon-upload2:before, .icon-vine-logo:before, .icon-vote-check:before, .icon-youtube-logo:before {font-family: "socialite-1-0-0"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit;} .icon-add-content:before {content: "\f100";} .icon-angle-left:before {content: "\f101";} .icon-angle-right:before {content: "\f102";} .icon-back-to-top:before {content: "\f103";} .icon-camera:before {content: "\f104";} .icon-chevron-down:before {content: "\f105";} .icon-chevron-up:before {content: "\f106";} .icon-close-x:before {content: "\f107";} .icon-facebook-comment:before {content: "\f108";} .icon-facebook-logo-letter:before {content: "\f109";} .icon-facebook-logo:before {content: "\f10a";} .icon-facebook-mobilelike:before {content: "\f10b";} .icon-facebook-share:before {content: "\f10c";} .icon-getglue-logo:before {content: "\f10d";} .icon-google-plus-logo-letter:before {content: "\f10e";} .icon-google-plus-logo:before {content: "\f10f";} .icon-graph-pie:before {content: "\f110";} .icon-instagram-comment:before {content: "\f111";} .icon-instagram-like:before {content: "\f112";} .icon-instagram-logo:before {content: "\f113";} .icon-list:before {content: "\f114";} .icon-load-more:before {content: "\f115";} .icon-mass-relevance-logo-copy:before {content: "\f116";} .icon-mass-relevance-logo:before {content: "\f117";} .icon-monitor:before {content: "\f118";} .icon-pinterest-logo:before {content: "\f119";} .icon-place:before {content: "\f11a";} .icon-prohibited:before {content: "\f11b";} .icon-search:before {content: "\f11c";} .icon-spredfast-logo-copy:before {content: "\f11d";} .icon-spredfast-logo-shape:before {content: "\f11e";} .icon-spredfast-logo:before {content: "\f11f";} .icon-thumbnails:before {content: "\f120";} .icon-thumbs-down:before {content: "\f121";} .icon-trophy:before {content: "\f122";} .icon-tumblr-logo-letter:before {content: "\f123";} .icon-tumblr-logo:before {content: "\f124";} .icon-twitter-favorite:before {content: "\f125";} .icon-twitter-logo:before {content: "\f126";} .icon-twitter-reply:before {content: "\f127";} .icon-twitter-retweet:before {content: "\f128";} .icon-twitter-verified-bg:before {content: "\f129";} .icon-twitter-verified-check:before {content: "\f12a";} .icon-upload:before {content: "\f12b";} .icon-upload2:before {content: "\f12c";} .icon-vine-logo:before {content: "\f12d";} .icon-vote-check:before {content: "\f12e";} .icon-youtube-logo:before {content: "\f12f";} /*! * Fine Uploader * * Copyright 2013, Widen Enterprises, Inc. info@fineuploader.com * * Version: 3.9.0-3 * * Homepage: http://fineuploader.com * * Repository: git://github.com/Widen/fine-uploader.git * * Licensed under GNU GPL v3, see LICENSE */ .qq-uploader {position: relative; width: 100%;} .qq-upload-button {display: block; width: 105px; padding: 7px 0; text-align: center; background: #880000; border-bottom: 1px solid #DDD; color: #FFF;} .qq-upload-button-hover {background: #CC0000;} .qq-upload-drop-area, .qq-upload-extra-drop-area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 30px; z-index: 2; background: #FF9797; text-align: center;} .qq-upload-drop-area span {display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 16px;} .qq-upload-extra-drop-area {position: relative; margin-top: 50px; font-size: 16px; padding-top: 30px; height: 20px; min-height: 40px;} .qq-upload-drop-area-active {background: #FF7171;} .qq-upload-list {margin: 0; padding: 0; list-style: none;} .qq-upload-list li {margin: 0; padding: 9px; line-height: 15px; font-size: 16px; background-color: #FFF0BD;} .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .qq-upload-delete {margin-right: 12px;} .qq-upload-file {} .qq-upload-spinner {display: inline-block; background: url("bower_components/fine-uploader/dev/css/loading.gif"); width: 15px; height: 15px; vertical-align: text-bottom;} .qq-drop-processing {display: none;} .qq-drop-processing-spinner {display: inline-block; background: url("bower_components/fine-uploader/dev/css/processing.gif"); width: 24px; height: 24px; vertical-align: text-bottom;} .qq-upload-finished {display:none; width:15px; height:15px; vertical-align:text-bottom;} .qq-upload-retry, .qq-upload-delete {display: none; color: #000000;} .qq-upload-cancel, .qq-upload-delete {color: #000000;} .qq-upload-retryable .qq-upload-retry {display: inline;} .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-delete {font-size: 12px; font-weight: normal;} .qq-upload-failed-text {display: none; font-style: italic; font-weight: bold;} .qq-upload-failed-icon {display:none; width:15px; height:15px; vertical-align:text-bottom;} .qq-upload-fail .qq-upload-failed-text {display: inline;} .qq-upload-retrying .qq-upload-failed-text {display: inline; color: #D60000;} .qq-upload-list li.qq-upload-success {background-color: #5DA30C; color: #FFFFFF;} .qq-upload-list li.qq-upload-fail {background-color: #D60000; color: #FFFFFF;} .qq-progress-bar {background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(30,87,153,1)), color-stop(50%, rgba(41,137,216,1)), color-stop(51%, rgba(32,124,202,1)), to(rgba(125,185,232,1))); background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); width: 0%; height: 15px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 3px; display: none;} INPUT.qq-edit-filename {position: absolute; opacity: 0; filter: alpha(opacity=0); z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .qq-upload-file.qq-editable {cursor: pointer;} .qq-edit-filename-icon.qq-editable {display: inline-block; cursor: pointer;} INPUT.qq-edit-filename.qq-editing {position: static; margin-top: -5px; margin-right: 10px; margin-bottom: -5px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .qq-edit-filename-icon {display: none; background: url("bower_components/fine-uploader/dev/css/edit.gif"); width: 15px; height: 15px; vertical-align: text-bottom; margin-right: 5px;} INPUT.qq-edit-filename.qq-editing ~ .qq-upload-cancel {display: none;} @font-face {font-family: "socialite-0-10-0"; src: url("//massrel-all.massrel.io/static/socialite-0-10-0.e0b6d033433fc63db4fd0d1c748202fa2a7f31e3.eot"); src: url("//massrel-all.massrel.io/static/socialite-0-10-0.e0b6d033433fc63db4fd0d1c748202fa2a7f31e3.eot?#iefix") format("embedded-opentype"), url("//massrel-all.massrel.io/static/socialite-0-10-0.4443caa85e461cf7a2a4c590e9027f9f050b06e0.woff") format("woff"), url("//massrel-all.massrel.io/static/socialite-0-10-0.a07d1d52df74a641e6d76bd0cce050290acd2395.ttf") format("truetype"), url("//massrel-all.massrel.io/static/socialite-0-10-0.ee4be9874092bb6798559770bee8a96b96683771.svg#socialite-0-10-0") format("svg"); font-weight: normal; font-style: normal;} [data-icon]:before {content: attr(data-icon);} [data-icon]:before, .icon-add-content:before, .icon-angle-left:before, .icon-angle-right:before, .icon-back-to-top:before, .icon-camera:before, .icon-chevron-down:before, .icon-chevron-up:before, .icon-close-x:before, .icon-facebook-comment:before, .icon-facebook-logo-letter:before, .icon-facebook-logo:before, .icon-facebook-mobilelike:before, .icon-facebook-share:before, .icon-getglue-logo:before, .icon-google-plus-logo-letter:before, .icon-google-plus-logo:before, .icon-graph-pie:before, .icon-instagram-comment:before, .icon-instagram-like:before, .icon-instagram-logo:before, .icon-list:before, .icon-load-more:before, .icon-mass-relevance-logo-copy:before, .icon-mass-relevance-logo:before, .icon-monitor:before, .icon-pinterest-logo:before, .icon-place:before, .icon-prohibited:before, .icon-search:before, .icon-spredfast-logo-copy:before, .icon-spredfast-logo-shape:before, .icon-spredfast-logo:before, .icon-thumbnails:before, .icon-thumbs-down:before, .icon-trophy:before, .icon-tumblr-logo-letter:before, .icon-tumblr-logo:before, .icon-twitter-favorite:before, .icon-twitter-logo:before, .icon-twitter-reply:before, .icon-twitter-retweet:before, .icon-twitter-verified-bg:before, .icon-twitter-verified-check:before, .icon-upload:before, .icon-upload2:before, .icon-vine-logo:before, .icon-vote-check:before, .icon-youtube-logo:before {font-family: "socialite-0-10-0"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit;} .icon-add-content:before {content: "\f100";} .icon-angle-left:before {content: "\f101";} .icon-angle-right:before {content: "\f102";} .icon-back-to-top:before {content: "\f103";} .icon-camera:before {content: "\f104";} .icon-chevron-down:before {content: "\f105";} .icon-chevron-up:before {content: "\f106";} .icon-close-x:before {content: "\f107";} .icon-facebook-comment:before {content: "\f108";} .icon-facebook-logo-letter:before {content: "\f109";} .icon-facebook-logo:before {content: "\f10a";} .icon-facebook-mobilelike:before {content: "\f10b";} .icon-facebook-share:before {content: "\f10c";} .icon-getglue-logo:before {content: "\f10d";} .icon-google-plus-logo-letter:before {content: "\f10e";} .icon-google-plus-logo:before {content: "\f10f";} .icon-graph-pie:before {content: "\f110";} .icon-instagram-comment:before {content: "\f111";} .icon-instagram-like:before {content: "\f112";} .icon-instagram-logo:before {content: "\f113";} .icon-list:before {content: "\f114";} .icon-load-more:before {content: "\f115";} .icon-mass-relevance-logo-copy:before {content: "\f116";} .icon-mass-relevance-logo:before {content: "\f117";} .icon-monitor:before {content: "\f118";} .icon-pinterest-logo:before {content: "\f119";} .icon-place:before {content: "\f11a";} .icon-prohibited:before {content: "\f11b";} .icon-search:before {content: "\f11c";} .icon-spredfast-logo-copy:before {content: "\f11d";} .icon-spredfast-logo-shape:before {content: "\f11e";} .icon-spredfast-logo:before {content: "\f11f";} .icon-thumbnails:before {content: "\f120";} .icon-thumbs-down:before {content: "\f121";} .icon-trophy:before {content: "\f122";} .icon-tumblr-logo-letter:before {content: "\f123";} .icon-tumblr-logo:before {content: "\f124";} .icon-twitter-favorite:before {content: "\f125";} .icon-twitter-logo:before {content: "\f126";} .icon-twitter-reply:before {content: "\f127";} .icon-twitter-retweet:before {content: "\f128";} .icon-twitter-verified-bg:before {content: "\f129";} .icon-twitter-verified-check:before {content: "\f12a";} .icon-upload:before {content: "\f12b";} .icon-upload2:before {content: "\f12c";} .icon-vine-logo:before {content: "\f12d";} .icon-vote-check:before {content: "\f12e";} .icon-youtube-logo:before {content: "\f12f";} .button {font: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0.4em 0 0.4em 0.4em; padding: 0.25em 0.6em; font-size: 1.0em; line-height: 1.4em; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); background-image: linear-gradient(top, #ffffff, #cccccc); -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; display: inline-block; text-decoration: none; vertical-align: top; valign: top;} .button:hover, .button:active {text-decoration: none; opacity: 1;} .button.facebook {padding: 0.5em 1em 0.5em .6em; font-size: 14px; font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; -webkit-border-radius: 3px; border-radius: 3px; background-image: none; vertical-align: middle;} .button.facebook .icon-facebook-logo {font-size: 1.65em; vertical-align: middle;} .button.facebook .button-text {vertical-align: middle;} .button.facebook.fb-like-button {background: transparent; -webkit-border-radius: none; border-radius: none; padding: 0; height: 20px; overflow: hidden;} .button.facebook.button-style-color {color: #fff; background-color: #3b5998; border: 1px solid #3b5998;} .button.facebook.button-style-color:focus, .button.facebook.button-style-color:hover, .button.facebook.button-style-color:active {background: #5b7bd5;} .button.facebook.button-style-silver {color: #4f4f4f; background-color: #f2efef; border: 1px solid #dbdbdb;} .button.facebook.button-style-silver .icon-facebook-logo {color: #4c65a5;} .button.facebook.button-style-silver:hover {background-color: #e5e3e3;} .button.facebook.button-style-white {color: #4f4f4f; background-color: #ffffff; border: 1px solid #999999;} .button.facebook.button-style-white:hover {background-color: #f2f2f2;} .button.facebook.button-style-white .icon-facebook-logo {color: #4c65a5;} .button.facebook.button-style-white.disabled {cursor: default; color: #9c9c9c;} .button.facebook.button-style-white.disabled .icon-facebook-logo {}@white DisabledIconColor; .button.facebook.button-style-white.disabled:focus, .button.facebook.button-style-white.disabled:hover {background-color: #ffffff;} .button.facebook.button-style-black {color: #ffffff; background-color: #333333; border: 1px solid #000000;} .button.facebook.button-style-black:hover {background-color: #484848;} .button.facebook.button-style-black .icon-facebook-logo {color: #ffffff;} .button.facebook.button-style-black.disabled {cursor: default; background-color: #808080;} .button.facebook.button-style-black.disabled:focus, .button.facebook.button-style-black.disabled:hover {background-color: #808080;} .button.facebook.button-style-native {height: 20px; display: inline-block; vertical-align: middle; font-size: 11px; text-shadow: 0 -1px 0 #354c8c; color: #fff; background: #3b5998; background: -webkit-gradient(linear, left top, left bottom, from(#3b5998), to(#3b55a0)); background: -webkit-linear-gradient(#3b5998, #3b55a0); background: linear-gradient(#3b5998, #3b55a0); border: none; -webkit-border-radius: 2px; border-radius: 2px; padding: 0 5px 0 2px;} .button.facebook.button-style-native .icon-facebook-logo {font-size: 1.5em;} .button.facebook.button-style-native:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;} .button.facebook.button-style-native .button-text {display: inline-block; vertical-align: -0.1em;} .button.facebook.button-style-native:hover {background: #5b7bd5; background: -webkit-gradient(linear, left top, left bottom, from(#5b7bd5), to(#4864b1)); background: -webkit-linear-gradient(#5b7bd5, #4864b1); background: linear-gradient(#5b7bd5, #4864b1); border-bottom-color: #41599f; border-left-color: #4961a8; border-right-color: #4961a8; border-top-color: #5874c3; -webkit-box-shadow: inset 0 0 1px #607fd6; box-shadow: inset 0 0 1px #607fd6;} .mr-component-type-fb-post-button-1 {display: inline-block;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} audio, canvas, video {display: inline-block;} audio:not([controls]) {display: none; height: 0;} [hidden], template {display: none;} html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body {margin: 0;} a {background: transparent;} a:focus {outline: thin dotted;} a:active, a:hover {outline: 0;} h1 {font-size: 2em; margin: 0.67em 0;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: bold;} dfn {font-style: italic;} hr {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0;} mark {background: #ff0; color: #000;} code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;} pre {white-space: pre-wrap;} q {quotes: "\201C" "\201D" "\2018" "\2019";} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0;} button, input {line-height: normal;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled], html input[disabled] {cursor: default;} input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} textarea {overflow: auto; vertical-align: top;} table {border-collapse: collapse; border-spacing: 0;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .clearfix:before, .clearfix:after {content: ' '; display: table;} .clearfix:after {clear: both;} .mr-action-click {cursor: pointer;} .mr-component-type-modal-2 {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; overflow-x: hidden; overflow-y: auto; z-index: 1000; background-color: #000000; background-color: rgba(0, 0, 0, 0.7); padding: 15px; text-align: center;} .mr-component-type-modal-2:before {display: inline-block; content: ''; height: 100%; vertical-align: middle; margin-right: -0.25em;} .mr-component-type-modal-2.modal-open {display: block;} .lt-ie9 .mr-component-type-modal-2 {background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); background-repeat: repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); zoom: 1;} .modal-content {position: relative; display: inline-block; text-align: left; vertical-align: middle; padding: 15px;} .lt-ie9 .modal-content {width: 100%;} .modal-close {position: absolute; top: -0.8333em; right: -0.75em; -webkit-border-radius: 100%; border-radius: 100%; font-size: 1.5em; line-height: 1; padding: 0.21em 0.16em 0.16em; background-color: #000000; background-color: rgba(0, 0, 0, 0.3); color: white; text-decoration: none; -webkit-transition: background-color 150ms; transition: background-color 150ms; text-shadow: 0 0 0.3em #000000;} .modal-close:hover {background-color: #000000;} .mr-component-instance-modal .modal-content {max-width: 408px;} @media screen and (max-width: 408px) {.mr-component-instance-modal .modal-content {max-width: 100%;}} .network-selector-bar {padding: 0; margin: 0; list-style-type: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .network-selector-bar .network {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 0.3em 0.5em; border-bottom: 3px solid transparent;} .network-selector-bar .network:hover {border-bottom-color: #9999ff; cursor: pointer;} .network-selector-bar .network.active {border-bottom-color: #999999;} .network-selector-bar .network.twitter .icon {color: #55acee;} .network-selector-bar .network.facebook .icon {color: #3b5998;} .network-selector-bar .network.google_plus .icon {color: #dd4b39;} .network-selector-bar .network.instagram .icon {color: #517fa4;} .network-selector-bar .network .icon {color: #666;} .mr-component-instance-stream-network-selector {color: #333333; background-color: #ffffff;} .mr-component-instance-stream-network-selector .network.twitter .icon, .mr-component-instance-stream-network-selector .network.facebook .icon, .mr-component-instance-stream-network-selector .network.google_plus .icon, .mr-component-instance-stream-network-selector .network.instagram .icon {color: #fff;} .button.twitter {font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; font-size: 14px; font-weight: bold; -webkit-font-smoothing: antialiased; text-shadow: none; -webkit-background-clip: padding-box; background-clip: padding-box; background-image: none; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-border-radius: 3px; border-radius: 3px; vertical-align: middle; padding: 0.5em 1em 0.5em .6em;} .button.twitter .button-text {vertical-align: middle;} .button.twitter .icon-twitter-logo {font-weight: normal; font-size: 1.65em; vertical-align: middle;} .button.twitter.button-style-native {height: 20px; padding: 0 3px 0 4px; line-height: 20px; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede)); background-image: -webkit-linear-gradient(#ffffff, #dedede); background-image: linear-gradient(#ffffff, #dedede); border: #cccccc solid 1px; color: #333333; font-weight: bold; font-size: 11px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .button.twitter.button-style-native .icon-twitter-logo {color: #55acee; font-size: 12px;} .button.twitter.button-style-native:hover {border-color: #bbbbbb; background-color: #d9d9d9; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d9d9d9)); background-image: -webkit-linear-gradient(#f8f8f8, #d9d9d9); background-image: linear-gradient(#f8f8f8, #d9d9d9); -webkit-box-shadow: none; box-shadow: none;} .button.twitter.button-style-native.disabled {cursor: default; color: #808080;} .button.twitter.button-style-native.disabled .icon-twitter-logo {color: #e9eff3;} .button.twitter.button-style-native.disabled:focus, .button.twitter.button-style-native.disabled:hover {background-color: #eeeeee;} .button.twitter.button-style-silver {color: #4f4f4f; background-color: #f2efef; border: 1px solid #dbdbdb;} .button.twitter.button-style-silver:hover {background-color: #e5e3e3;} .button.twitter.button-style-silver .icon-twitter-logo {color: #55acee;} .button.twitter.button-style-silver.disabled {cursor: default; color: #9c9c9c;} .button.twitter.button-style-silver.disabled .icon-twitter-logo {color: #e9eff3;} .button.twitter.button-style-silver.disabled:focus, .button.twitter.button-style-silver.disabled:hover {background-color: #f2efef;} .button.twitter.button-style-white {color: #4f4f4f; background-color: #ffffff; border: 1px solid #999999;} .button.twitter.button-style-white:hover {background-color: #f2f2f2;} .button.twitter.button-style-white .icon-twitter-logo {color: #55acee;} .button.twitter.button-style-white.disabled {cursor: default; color: #9c9c9c;} .button.twitter.button-style-white.disabled .icon-twitter-logo {}@white DisabledIconColor; .button.twitter.button-style-white.disabled:focus, .button.twitter.button-style-white.disabled:hover {background-color: #ffffff;} .button.twitter.button-style-black {color: #ffffff; background-color: #333333; border: 1px solid #000000;} .button.twitter.button-style-black:hover {background-color: #484848;} .button.twitter.button-style-black .icon-twitter-logo {color: #ffffff;} .button.twitter.button-style-black.disabled {cursor: default; background-color: #808080;} .button.twitter.button-style-black.disabled:focus, .button.twitter.button-style-black.disabled:hover {background-color: #808080;} .button.twitter.button-style-color {color: #ffffff; background-color: #55acee; border: 1px solid #55acee;} .button.twitter.button-style-color:focus, .button.twitter.button-style-color:hover {background: #6ebaf5;} .button.twitter.button-style-color:active {background: #448abe;} .button.twitter.button-style-color .icon-twitter-logo {color: #ffffff;} .button.twitter.button-style-color.disabled {cursor: default; background-color: #84a6bf;} .button.twitter.button-style-color.disabled:focus, .button.twitter.button-style-color.disabled:hover {background-color: #84a6bf;} .mr-component-type-modal-2 {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; overflow-x: hidden; overflow-y: auto; z-index: 1000; background-color: #000000; background-color: rgba(0, 0, 0, 0.7); padding: 15px; text-align: center;} .mr-component-type-modal-2:before {display: inline-block; content: ''; height: 100%; vertical-align: middle; margin-right: -0.25em;} .mr-component-type-modal-2.modal-open {display: block;} .lt-ie9 .mr-component-type-modal-2 {background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); background-repeat: repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); zoom: 1;} .modal-content {position: relative; display: inline-block; text-align: left; vertical-align: middle; padding: 15px;} .lt-ie9 .modal-content {width: 100%;} .modal-close {position: absolute; top: -0.8333em; right: -0.75em; -webkit-border-radius: 100%; border-radius: 100%; font-size: 1.5em; line-height: 1; padding: 0.21em 0.16em 0.16em; background-color: #000000; background-color: rgba(0, 0, 0, 0.3); color: white; text-decoration: none; -webkit-transition: background-color 150ms; transition: background-color 150ms; text-shadow: 0 0 0.3em #000000;} .modal-close:hover {background-color: #000000;} .mr-component-type-photo-share-button-2 {display: inline-block;} .photo-share-modal {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; overflow-x: hidden; overflow-y: auto; z-index: 1000; background-color: #000000; background-color: rgba(0, 0, 0, 0.7); padding: 15px; text-align: center;} .photo-share-modal:before {display: inline-block; content: ''; height: 100%; vertical-align: middle; margin-right: -0.25em;} .photo-share-modal.modal-open {display: block;} .lt-ie9 .photo-share-modal {background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); zoom: 1;} .photo-share-button {display: inline-block; font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; -webkit-font-smoothing: antialiased; text-shadow: none; -webkit-background-clip: padding-box; background-clip: padding-box; background-image: none; -webkit-border-radius: 3px; border-radius: 3px; vertical-align: middle;} .photo-share-button:hover {text-decoration: none;} .photo-share-button.button-style-silver, .photo-share-button.button-style-color {padding: 0.53em 0.6em; color: #4f4f4f; font-size: 14px; font-weight: bold; background-color: #f2efef; border: 1px solid #dbdbdb;} .photo-share-button.button-style-silver:hover, .photo-share-button.button-style-color:hover {background-color: #e5e3e3;} .photo-share-button.button-style-silver .icon-camera, .photo-share-button.button-style-color .icon-camera {vertical-align: middle; font-size: 1.65em;} @media (max-width: 320px) {.photo-share-button.button-style-silver.button {padding: 5px;}} .photo-share-button.button-style-white {padding: 0.53em 0.6em; color: #4f4f4f; font-size: 14px; font-weight: bold; background-color: #fff; border: 1px solid #999999;} .photo-share-button.button-style-white:hover {background-color: #f2f2f2;} .photo-share-button.button-style-white .icon-camera {font-size: 1.4em;} .photo-share-button.button-style-black {padding: 0.53em 0.6em; color: #fff; font-size: 14px; font-weight: bold; background-color: #333333; border: 1px solid #000;} .photo-share-button.button-style-black:hover {background-color: #484848;} .photo-share-button.button-style-black .icon-camera {font-size: 1.4em;} .photo-share-button.button-style-native {height: 20px; padding: 0 3px 0 4px; line-height: 20px; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede)); background-image: -webkit-linear-gradient(#ffffff, #dedede); background-image: linear-gradient(#ffffff, #dedede); border: #ccc solid 1px; color: #333; font-weight: bold; font-size: 11px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .photo-share-button.button-style-native .icon-camera {font-size: 1.4em; line-height: 1.2em;} .photo-share-button.button-style-native:hover {border-color: #bbb; background-color: #d9d9d9; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d9d9d9)); background-image: -webkit-linear-gradient(#f8f8f8, #d9d9d9); background-image: linear-gradient(#f8f8f8, #d9d9d9);} .photo-share-modal .modal-content {-webkit-border-radius: 5px; border-radius: 5px;} .photo-share-modal-content {display: inline-block; position: relative; max-height: 90%; width: 100%; padding: 10px; vertical-align: top; background: #f3f3e7; background-image: -webkit-gradient(linear, , from(#f2f2ea), to(#f3f3e7)); background-image: -webkit-linear-gradient(right top, #f2f2ea, #f3f3e7); background-image: linear-gradient(to left bottom, #f2f2ea, #f3f3e7); -webkit-border-radius: 3px; border-radius: 3px; text-align: left;} .photo-share-modal-content h2 {padding: 0.25em; margin: 0 0 10px; color: #4f4f4f; font-weight: 100; font-size: 1.5em; line-height: 1.3em; text-align: center; border-bottom: none;} .photo-share-modal-content h3 {font-size: 2em; font-weight: 100; line-height: 2.5em; line-height: 1em; text-align: center; color: #4f4f4f; margin-bottom: 0.5em;} .photo-share-modal-content .button {background-color: #5d9bcf; color: white;} .photo-share-modal-content .upload-target {width: auto; margin: 0 auto;} .photo-share-modal-content .qq-upload-button, .photo-share-modal-content .qq-upload-drop-area {width: 100%; line-height: 20px; padding: 15px; background: #fafaf2; border: none; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.125) inset; box-shadow: 0 0 2px rgba(0, 0, 0, 0.125) inset; color: #4f4f4e; font-size: 14px; text-align: center; font-weight: bold; -webkit-transition: all 0.25s linear; transition: all 0.25s linear;} .photo-share-modal-content .qq-upload-button:hover, .photo-share-modal-content .qq-upload-drop-area:hover {background: #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;} .photo-share-modal-content .qq-upload-button input, .photo-share-modal-content .qq-upload-drop-area input {width: 100%; height: 100%; top: 0; left: 0;} .photo-share-modal-content .icon-upload {display: inline-block; color: #ff9000; text-shadow: 1px 1px 0 #9b5800;} .photo-share-modal-content .icon-upload:before {font-size: 12em; line-height: 0.75em;} .photo-share-modal-content .qq-upload-drop-area {display: none;} .photo-share-modal-content .qq-upload-drop-area span {width: auto;} .photo-share-modal-content .qq-upload-list {display: none;} .photo-share-modal-content .checkbox {vertical-align: middle;} .photo-share-modal-content .checkbox span {vertical-align: middle;} .photo-share-modal-content .network-logo {font-size: 30px; vertical-align: middle;} .photo-share-modal-content .icon-facebook-logo {color: #3B5999;} .photo-share-modal-content .icon-twitter-logo {color: #00ACEE;} .photo-share-modal-content .message-area {width: 100%; display: block;} .photo-share-modal-content .facebook {margin-bottom: 25px;} .photo-share-modal-content .twitter-share-block .share-form {background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(#ebf6fd), to(#ffffff)); background: -webkit-linear-gradient(top, #ffffff, #ebf6fd, #ffffff); background: linear-gradient(top, #ffffff, #ebf6fd, #ffffff);} .photo-share-modal-content .share .actions {padding-top: 15px; text-align: right;} .photo-share-modal-content .share textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 60px; border: 1px solid #cccccc; resize: none; overflow: auto; padding: 0.5em; margin: 5px auto 0; font-family: Tahoma, sans-serif;} .photo-share-modal-content .share.single-network .share-form {max-height: inherit; height: auto;} .photo-share-modal-content .image-preview {text-align: center; vertical-align: top; margin: 15px;} .photo-share-modal-content .image-preview-wrapper {display: inline-block;} .photo-share-modal-content .image-preview-wrapper.loaded .change-image {display: block;} .photo-share-modal-content .image-preview-wrapper.loading {min-height: 100px;} .photo-share-modal-content .image-preview-wrapper.loading .loading-indicator, .photo-share-modal-content .image-preview-wrapper.loading .loading-text {display: block;} .photo-share-modal-content .image-preview-wrapper .loading-indicator {display: none; height: 50px; background-image: url("//massrel-all.massrel.io/static/loader.806ea8a06eb29c46cd9526449bae2fe4f5bb3f32.gif"); background-position: center center; background-repeat: no-repeat;} .photo-share-modal-content .image-preview-wrapper .loading-text {display: none;} .photo-share-modal-content .image-preview-wrapper .change-image {display: none; padding: 3px; background: none; background-color: #ff9000; color: white; font-size: 0.8em; text-decoration: none; cursor: pointer;} .photo-share-modal-content .image-preview-wrapper img {max-width: 180px; max-height: 180px;} .photo-share-modal-content .share-block {position: relative; width: auto; margin: 10px auto; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ededed; padding: 5px 5px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #fff; color: #4f4f4f;} .photo-share-modal-content .share-block div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .photo-share-modal-content .share-block label {display: block; cursor: pointer; margin-top: 5px; margin-bottom: 5px;} .photo-share-modal-content .share-block:not(.open):not(.thanks):hover {-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);} .photo-share-modal-content .share-block .modal-close {background-color: #ff9000; background-image: none; color: white; padding: 4px 12px; margin-top: 10px; margin-bottom: 10px; right: 0; text-shadow: none; position: relative; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px;} .photo-share-modal-content .share-block.share-in-progress .waiting-overlay {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 102; background-color: #000; opacity: 0.8; color: #fff;} .photo-share-modal-content .share-block.upload-in-progress .uploading {opacity: 1;} .photo-share-modal-content .share-block.auth-in-progress .authorizing {opacity: 1;} .photo-share-modal-content .share-block .authorizing, .photo-share-modal-content .share-block .uploading {display: block; width: 100%; position: absolute; top: 50%; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;} .photo-share-modal-content .share-block.thanks .share-thanks {height: auto;} .photo-share-modal-content .facebook-header {margin-bottom: 5px; margin-top: 5px;} .photo-share-modal-content .facebook-text {background-color: #5b74a8; border: 1px solid #4b6ea9; padding: 5px 7px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none;} .photo-share-modal-content .twitter-header {color: #666; font-weight: bold; font-size: 18px; text-shadow: #fff 0 1px 0; padding: 15px;} .photo-share-modal-content .waiting-overlay {display: none; text-align: center; padding-top: 20%;} .photo-share-modal-content .share-action {float: right; margin-top: 10px; margin-right: 0;} .photo-share-modal-content .twitter-share-action {color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); background-color: #019ad2; background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(#33bcef), to(#019ad2)); background-image: -webkit-linear-gradient(#33bcef, #019ad2); background-image: linear-gradient(#33bcef, #019ad2); border-width: 1px; border-style: solid; border-color: #057ed0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); font-weight: 500; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none;} .photo-share-modal-content .twitter-share-action:hover {background-color: #0271bf; background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(#2daddc), to(#0271bf)); background-image: -webkit-linear-gradient(#2daddc, #0271bf); background-image: linear-gradient(#2daddc, #0271bf); border-color: #096eb3;} .photo-share-modal-content .character-counter {float: right; padding-top: 10px; padding-right: 5px; color: #999; line-height: 20px;} .photo-share-modal-content .character-counter.over-limit {color: red;} .photo-share-modal-content .share-form, .photo-share-modal-content .share-thanks {height: 0; overflow: hidden;} .photo-share-modal-content .share-thanks {opacity: 0; color: #4f4f4f; text-align: center; margin-left: 22px; margin-right: 22px; margin-top: 0;} .photo-share-modal-content .error {display: none; border: 1px solid; -webkit-border-radius: 7px; border-radius: 7px; margin: 10px 0px; padding: 8px; color: #D8000C; background-color: #FFBABA; position: relative; cursor: pointer;} .photo-share-modal-content .error:hover .dismiss-error {display: block;} .photo-share-modal-content .dismiss-error {float: right; position: absolute; right: 5px;} .photo-share-modal-content.step-file-select .file-select {display: block;} .photo-share-modal-content.step-share .share {display: block;} .photo-share-modal-content .file-select, .photo-share-modal-content .share {display: none;} .photo-share-modal-content .clearfix:before, .photo-share-modal-content .clearfix:after {content: " "; display: table;} .photo-share-modal-content .clearfix:after {clear: both;} .photo-share-modal-content .drag-and-drop {display: none;} .photo-share-modal-content .click-only {display: block;} .photo-share-modal-content .drag-and-drop, .photo-share-modal-content .click-only {margin-bottom: 0;} .photo-share-modal-content.file-api .drag-and-drop {display: block;} .photo-share-modal-content.file-api .click-only {display: none;} .step-share .file-select {display: block; opacity: 0; position: absolute; width: 100%;} .button.photo-share-button .button-text {vertical-align: middle;} .lt-ie9 .photo-share-modal-content {max-height: 85%;} .lt-ie9 .photo-share-modal-content .share-block.upload-in-progress .uploading {display: block;} .lt-ie9 .photo-share-modal-content .share-block.auth-in-progress .authorizing {display: block;} .lt-ie9 .photo-share-modal-content .authorizing, .lt-ie9 .photo-share-modal-content .uploading {display: none;} .lt-ie9 .step-share .file-select {display: none; position: static; width: auto;} @media screen and (max-width: 480px) {.photo-share-modal-content.drag-and-drop, .photo-share-modal-content.file-api .drag-and-drop {display: none;} .photo-share-modal-content.click-only, .photo-share-modal-content.file-api .click-only {display: block;}} li.list-item {padding: 0; list-style: none;} .vote-buttons {text-align: center;} .vote-buttons.disabled a {pointer-events: none; cursor: not-allowed; opacity: .35; filter: alpha(opacity=35); -webkit-box-shadow: none; box-shadow: none;} .option .percent-pre-vote-container {display: none;} .with-results .option .percent-pre-vote-container {display: block;} .poll-list {padding: 0; margin: 0;} .status.twitter.has-klout .klout {float: left;} .status.twitter.has-klout .avatar {margin-left: 3px;} .status.twitter.has-klout .body .content {padding-left: 91px;} .status.twitter .body:hover .meta .intents {visibility: visible;} .status.twitter .content a {color: #55acee;} .status.twitter .content .author:hover .primary-name {color: #55acee;} .status.twitter .content .verified {position: relative; display: inline-block; font-size: 1.3em; width: 1em; height: 1em;} .status.twitter .content .verified .icon-twitter-verified-bg {position: absolute; top: 0; left: 0; color: #1dcaff;} .status.twitter .content .verified .icon-twitter-verified-check {position: absolute; top: 0; left: 0; color: #fff;} .status.twitter .content .permalink {font-size: 1.0em; line-height: 1.3em;} .status.twitter .content .permalink .permalink-logo {font-size: 1.3em; vertical-align: -2px; color: #55acee;} .status.twitter .content .timestamp {color: #55acee;} .status.twitter .media {padding-bottom: 1.0em;} .status.twitter .meta:after {clear: both; display: block; content: ''; height: 0; padding: 0; margin: 0; overflow: hidden;} .status.twitter .meta .intents {visibility: hidden; display: inline-block; text-align: right; float: right;} .status.twitter .meta .intents .intent {margin-left: 0.5em;} .status.twitter .meta .intents .intent:hover {text-decoration: none;} .status.twitter .meta .intents .intent:hover .intent-text {text-decoration: underline;} .status.facebook .content a {color: #3b5998;} .status.facebook .permalink {color: #3b5998;} .status.facebook .permalink:hover {text-decoration: none;} .status.facebook .meta {color: #666666;} .status.facebook .permalink.timestamp {float: none; font-size: 1.0em;} .status.facebook .author .primary-name {color: #3b5998;} .status.facebook .body:hover .meta .intents {display: inline-block;} .status.facebook .meta .intents {display: none;} .icon-instagram-like.liked {color: #b40404;} .status.instagram .left-content {width: 14em;} @media (max-width: 480px) {.status.instagram .left-content {float: none; width: auto; text-align: left;}} .status.instagram .left-content .instagram-logo {position: absolute; right: 2px; top: 2px; font-size: 1.1em;} @media (max-width: 480px) {.status.instagram .avatar {float: none;}} .status.instagram .author {text-align: left; padding-right: 4.4em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 250px;} .status.instagram .author .primary-name {display: block; line-height: 1.2em;} @media (max-width: 480px) {.status.instagram .author {display: inline-block; text-align: left; padding-right: 0;}} .status.instagram .timestamp, .status.instagram .place {color: #666666;} .status.instagram .timestamp.permalink {float: none; font-size: 1em;} .status.instagram .primary-name, .status.instagram .timestamp, .status.instagram .place {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .status.instagram .place {padding: 0.4em 0;} @media (max-width: 480px) {.status.instagram .place {padding-bottom: 0.4em; padding-left: 0;}} .status.instagram .content {padding-left: 56px;} @media (max-width: 480px) {.status.instagram .content {padding-left: 0;}} .status.instagram .media-container {position: relative;} .status.instagram .media-container .permalink {visibility: hidden; float: none; position: absolute; top: 2px; right: 2px; text-shadow: 0 0 2px #000; color: #FFF; z-index: 1;} .status.instagram .media-container .permalink .permalink-logo {opacity: 0.7;} .status.google {padding: 0;} .status.google .author {margin-bottom: 2.0em;} .status.google .author .permalink .permalink-logo {color: #dd4b39;} .status.google .author .primary-name {display: block;} .status.google .author .avatar {-webkit-border-radius: 50%; border-radius: 50%;} .status.google .author .avatar img {-webkit-border-radius: 50%; border-radius: 50%;} .status.google .author .timestamp, .status.google .author .place {color: #666666;} .status.google .author .timestamp.permalink {float: none;} .status.google .content {padding-left: 0; clear: both;} .status.google .content .media {-webkit-box-shadow: inset 0 0 2px #CCC; box-shadow: inset 0 0 2px #CCC; line-height: 0; background-color: #EFEFEF; text-align: center;} .status.getglue .permalink {font-size: 1.0em;} .status.getglue .permalink-logo {font-size: 1.2em; vertical-align: -0.05em;} .klout {font-size: 13px; height: 32px; width: 32px; line-height: 24px; text-align: center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjZJREFUeNrsmb9LHEEUx79zN7unohFUgoWISmIQxcouKkEt9C+wFkSwTu3/kD5NSOk/IIKNWCSF2nkYlTSBFAbWH3feeXe783yze3FvQyBVYGaZge8Nu1wxn/m+N2/unvi80D8G4CNrkeXDrtFkHbE2pYaYebu0MjE1AxG2QK0GoCKAyGwEIaAg/O+X58vl46+fNMji+Os3oEoAVa+CGnVQqEHJXBiG4A8I6WN8+CXKwLyMw6l2D8UgVL1lkFriigWOCK8EUerRT0UNAtJOMISq3oAeHxikaQmID6E3nUcC0qwnTjCEDi9Y4giFJRTajwkI54QOp9gJPYeWOKLXLv0UBIoXrRS/VcmsZfqgjjXzKDy/tHzINh7SmTqejbflea0F5GTkBkRmLKIOWRFZ6Vrl7xf0h2wDcTliZo4QsvlhbY5k6oerIyaEFlkfWjksiM4RoxyBu/26U8vlyL8cycs1PhEsBMnZ7TePdcTu22/yTyPcT12XI/+xssNVdlMcIYi4l5U6YWllP7++q0wNFT0I6cX9BtG+shhzemU2+O+brUHen5x92x3o7ekVKgRFRf5Sl1G7PugDI17EeaDijjPF/RvVboqmIHus0aBam+XZMzGCghbWLlHcftXnd4+WoriNDt70BCTzvxZuWIcGZ8MB68NVJdq5qmBj8kW31EB6iLif27Tq1PrB2mJNX9yHuwe/iH5GHHN+l7XH7wVrnTVXDhr7J9c16+vIKWs1eHh8x/OXJwEGAGgpfqB1cj+AAAAAAElFTkSuQmCC'); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjZJREFUeNrsmb9LHEEUx79zN7unohFUgoWISmIQxcouKkEt9C+wFkSwTu3/kD5NSOk/IIKNWCSF2nkYlTSBFAbWH3feeXe783yze3FvQyBVYGaZge8Nu1wxn/m+N2/unvi80D8G4CNrkeXDrtFkHbE2pYaYebu0MjE1AxG2QK0GoCKAyGwEIaAg/O+X58vl46+fNMji+Os3oEoAVa+CGnVQqEHJXBiG4A8I6WN8+CXKwLyMw6l2D8UgVL1lkFriigWOCK8EUerRT0UNAtJOMISq3oAeHxikaQmID6E3nUcC0qwnTjCEDi9Y4giFJRTajwkI54QOp9gJPYeWOKLXLv0UBIoXrRS/VcmsZfqgjjXzKDy/tHzINh7SmTqejbflea0F5GTkBkRmLKIOWRFZ6Vrl7xf0h2wDcTliZo4QsvlhbY5k6oerIyaEFlkfWjksiM4RoxyBu/26U8vlyL8cycs1PhEsBMnZ7TePdcTu22/yTyPcT12XI/+xssNVdlMcIYi4l5U6YWllP7++q0wNFT0I6cX9BtG+shhzemU2+O+brUHen5x92x3o7ekVKgRFRf5Sl1G7PugDI17EeaDijjPF/RvVboqmIHus0aBam+XZMzGCghbWLlHcftXnd4+WoriNDt70BCTzvxZuWIcGZ8MB68NVJdq5qmBj8kW31EB6iLif27Tq1PrB2mJNX9yHuwe/iH5GHHN+l7XH7wVrnTVXDhr7J9c16+vIKWs1eHh8x/OXJwEGAGgpfqB1cj+AAAAAAElFTkSuQmCC', sizingMethod='scale')";} .klout .klout-score {vertical-align: middle; color: #FFF; font-weight: bold; text-decoration: none;} .klout .klout-score:hover {text-decoration: none;} .status {clear: both;} .status .body {padding: 0.35em;} .status a {text-decoration: none; color: #666666;} .status a:hover {text-decoration: underline;} .status a.klout-score {color: #FFF;} .status .avatar {-webkit-border-radius: 6px; border-radius: 6px; float: left; margin-right: 0.5em; display: inline-block; max-width: 48px;} .status .avatar img {-webkit-border-radius: 6px; border-radius: 6px; max-width: 48px;} .status .author {display: block; text-decoration: none;} .status .author:hover {text-decoration: none;} .status .author:hover .secondary-name {text-decoration: none;} .status .author .primary-name {font-size: 1.1em; font-weight: bold;} .status .author .secondary-name {font-weight: bold; font-size: 0.9em;} .status .author .secondary-name .prefix {font-weight: normal;} .status .timestamp, .status .place, .status .retweeted-by {color: #666666;} .status .permalink {font-size: 1.5em; line-height: 1.0em; float: right; text-decoration: none;} .status .content {padding-left: 56px;} .status .content .text {margin: 0.5em 0; word-wrap: break-word;} .status .content .media {max-width: 100%; overflow: hidden;} .status .content .media img {max-width: 100%;} .status .content .media iframe {width: 300px; height: 300px;} .simple-spotlight-carousel {overflow-x: hidden;} .simple-spotlight-carousel.spotlight-item {width: 100%; display: inline-block;} .mr-component-instance-spotlight .simple-spotlight-carousel {width: 100%; overflow: hidden; position: relative;} .mr-component-instance-spotlight .simple-spotlight-carousel .spotlight-item {width: 100%; position: absolute; top: 0; -webkit-transition: left 500ms; transition: left 500ms; overflow-x: hidden;} .mr-component-instance-spotlight .simple-spotlight-carousel .spotlight-item.active {left: 0; position: relative;} .mr-component-instance-spotlight .simple-spotlight-carousel .spotlight-item.left {left: -100%;} .mr-component-instance-spotlight .simple-spotlight-carousel .spotlight-item.right {left: 100%;} .mr-component-instance-spotlight .simple-spotlight-carousel .spotlight-item.wrapper-helper {display: none; -webkit-transition: none; transition: none;} .mr-component-instance-spotlight .simple-spotlight-carousel.leftToRight .spotlight-item.left {left: 100%;} .mr-component-instance-spotlight .simple-spotlight-carousel.leftToRight .spotlight-item.right {left: -100%;} .mr-component-instance-spotlight .simple-spotlight {width: 100%;} .mr-component-instance-spotlight .simple-spotlight .spotlight-button {z-index: 2; border: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .mr-component-instance-spotlight .simple-spotlight .spotlight-button.disabled {display: none;} .mr-component-instance-spotlight .simple-spotlight .spotlight-button:focus {outline: none;} .stream {height: 100%; width: 100%; overflow-y: auto; overflow-x: hidden;} .stream.infinite-scroll .loading-indicator, .stream.loading .loading-indicator {display: block;} .stream.no-content .no-content-message {display: block;} .stream.new-content .stream-body .new-content-button {display: inline-block;} .stream .no-content-message {font-size: 1.5em; text-align: center; display: none;} .stream .loading-indicator {display: none; background-image: url("//massrel-all.massrel.io/static/loader.806ea8a06eb29c46cd9526449bae2fe4f5bb3f32.gif"); background-position: center center; background-repeat: no-repeat; height: 50px;} .stream .stream-body {padding: 0; margin: 0;} .stream .stream-body .status {margin: 0; font-size: 1.0em; padding-top: 0.5em;} .stream .stream-body .status.twitter {border-bottom: 1px solid #cccccc;} .stream .stream-body .new-content-button {z-index: 2; cursor: pointer; display: none; -webkit-border-radius: 1em; border-radius: 1em; position: absolute; overflow: hidden; top: 0.5em; right: 0.5em; padding: 0.25em 0.75em; font-size: 1.0em;} .mr-component-instance-stream {color: #333333; background-color: #ffffff;} .mr-component-instance-stream .stream-body .new-content-button {background-color: rgba(0, 0, 0, 0.8); color: #ffffff;} .mr-component-instance-stream .stream-body .status {} .mr-component-instance-stream .stream-body .status a {color: #55acee; text-decoration: none;} .mr-component-instance-stream .stream-body .status a:visited {color: #55acee;} .mr-component-instance-stream .stream-body .status a:hover {color: #55acee; text-decoration: none;} .mr-component-instance-stream .stream-body .status .intents a.intent {color: #666666;} .mr-component-instance-stream .stream-body .status .intents a.intent:visited {color: #666666;} .mr-component-instance-stream .stream-body .status .intents a.intent:hover {color: #666666;} .mr-component-instance-stream .stream-body .status .meta .intents a.intent .intent-text {text-decoration: none;} .mr-component-instance-stream .stream-body .status .meta .intents a.intent:hover .intent-text {text-decoration: none;} .mr-component-instance-stream .stream-body .status a.permalink, .mr-component-instance-stream .stream-body .status a.permalink .timestamp, .mr-component-instance-stream .stream-body .status.twitter a.author .secondary-name, .mr-component-instance-stream .stream-body .status.facebook .author a, .mr-component-instance-stream .stream-body .status.instagram .author a, .mr-component-instance-stream .stream-body .status.google .author a, .mr-component-instance-stream .stream-body .status.getglue .author a {color: #666666; text-decoration: none;} .mr-component-instance-stream .stream-body .status a.permalink:visited, .mr-component-instance-stream .stream-body .status a.permalink .timestamp:visited, .mr-component-instance-stream .stream-body .status.twitter a.author .secondary-name:visited, .mr-component-instance-stream .stream-body .status.facebook .author a:visited, .mr-component-instance-stream .stream-body .status.instagram .author a:visited, .mr-component-instance-stream .stream-body .status.google .author a:visited, .mr-component-instance-stream .stream-body .status.getglue .author a:visited {color: #666666;} .mr-component-instance-stream .stream-body .status a.permalink:hover, .mr-component-instance-stream .stream-body .status a.permalink .timestamp:hover, .mr-component-instance-stream .stream-body .status.twitter a.author .secondary-name:hover, .mr-component-instance-stream .stream-body .status.facebook .author a:hover, .mr-component-instance-stream .stream-body .status.instagram .author a:hover, .mr-component-instance-stream .stream-body .status.google .author a:hover, .mr-component-instance-stream .stream-body .status.getglue .author a:hover {color: #666666; text-decoration: none;} .mr-component-instance-stream .stream-body .status.instagram a.permalink {color: #fff;} .mr-component-instance-stream .stream-body .status.instagram a.permalink:visited {color: #fff;} .mr-component-instance-stream .stream-body .status.instagram a.permalink:hover {color: #fff;} .tile-wrapper {width: 100%; height: 100%;} .tile-to, .tile-from {position: absolute; overflow: hidden;} .tile-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;} .tile-front {z-index: 1;} .tile-back {z-index: 0;} .tile-visible {display: block;} .tile-hidden {display: none;} .mr-component-instance-mosaic-tile-0 .tile-to, .mr-component-instance-mosaic-tile-0 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-instance-mosaic-tile-1 .tile-to, .mr-component-instance-mosaic-tile-1 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-instance-mosaic-tile-2 .tile-to, .mr-component-instance-mosaic-tile-2 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-instance-mosaic-tile-3 .tile-to, .mr-component-instance-mosaic-tile-3 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-instance-mosaic-tile-4 .tile-to, .mr-component-instance-mosaic-tile-4 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-instance-mosaic-tile-5 .tile-to, .mr-component-instance-mosaic-tile-5 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-instance-mosaic-tile-6 .tile-to, .mr-component-instance-mosaic-tile-6 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-instance-mosaic-tile-7 .tile-to, .mr-component-instance-mosaic-tile-7 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-instance-mosaic-tile-8 .tile-to, .mr-component-instance-mosaic-tile-8 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-instance-mosaic-tile-9 .tile-to, .mr-component-instance-mosaic-tile-9 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-instance-mosaic-tile-10 .tile-to, .mr-component-instance-mosaic-tile-10 .tile-from {top: 2px; left: 2px; bottom: 2px; right: 2px;} .mr-component-type-tweet-button-1 {display: inline-block;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} @font-face {font-family: 'Gotham'; src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-black.eot"); src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-black.eot?#iefix") format('embedded-opentype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-black.woff") format('woff'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-black.ttf") format('truetype'); font-style: normal; font-weight: 900;} @font-face {font-family: 'Gotham'; src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-bold.eot"); src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-bold.eot?#iefix") format('embedded-opentype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-bold.woff") format('woff'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-bold.ttf") format('truetype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-bold.svg#6a327a217ddd10461b1acdc4d224fee0") format('svg'); font-style: normal; font-weight: 700;} @font-face {font-family: 'Gotham'; src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-medium.eot"); src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-medium.eot?#iefix") format('embedded-opentype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-medium.woff") format('woff'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-medium.ttf") format('truetype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-medium.svg#bdc473fae2f64b1c45b8886bcff81bae") format('svg'); font-style: normal; font-weight: 500;} @font-face {font-family: 'Gotham'; src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-mediumItalic.eot"); src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-mediumItalic.eot?#iefix") format('embedded-opentype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-mediumItalic.woff") format('woff'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-mediumItalic.ttf") format('truetype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-mediumItalic.svg#6a1b14fb9d14cad5a3984f81e4a1f481") format('svg'); font-style: italic; font-weight: 500;} @font-face {font-family: 'Gotham'; src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-book.eot"); src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-book.eot?#iefix") format('embedded-opentype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-book.woff") format('woff'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-book.ttf") format('truetype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-book.svg#gothambook") format('svg'); font-style: normal; font-weight: 400;} @font-face {font-family: 'Gotham'; src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-light.eot"); src: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-light.eot?#iefix") format('embedded-opentype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-light.woff") format('woff'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-light.ttf") format('truetype'), url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/fonts/gotham-light.svg#gothamlight") format('svg'); font-weight: 100; font-style: normal;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body {font-family: 'Gotham'; font-weight: 400; font-size: 16px; background: #ffffff url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/img/bg_body.jpg") no-repeat top center; color: #fff;} @media (min-width: 1296px) {body {-webkit-background-size: 100% auto; background-size: 100% auto;}} @media (max-width: 640px) {body {font-size: 16px;}} @media (max-width: 600px) {body {font-size: 15px;}} @media (max-width: 560px) {body {font-size: 14px;}} @media (max-width: 520px) {body {font-size: 13px;}} @media (max-width: 480px) {body {font-size: 12px;}} @media (max-width: 440px) {body {font-size: 11px;}} @media (max-width: 400px) {body {font-size: 10px;}} @media (max-width: 360px) {body {font-size: 9px;}} @media (max-width: 320px) {body {font-size: 8px;}} a {color: #2994d8; text-decoration: none;} a:hover {text-decoration: none; color: #c385e5;} strong {font-weight: 700;} .logo-cnn {max-width: 980px; margin: 0 auto; position: relative;} .logo-cnn img {width: 100%; height: auto; min-width: 100%;} .presented-by {position: absolute; top: 10px; right: 5px; overflow: hidden; width: 150px;} @media (max-width: 768px) {.presented-by {width: 124px; top: 9px; right: 5px;}} @media (max-width: 640px) {.presented-by {width: 24%; top: 5%; right: 1.5%;}} .presented-by a {display: block; width: 100%;} .presented-by img {width: 100%; height: auto;} .l-wrapper {max-width: 980px; min-width: 320px; margin: 0 auto; background: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/img/bg_wrapper-head.jpg") no-repeat top center;} @media (max-width: 768px) {.l-wrapper {width: 768px;}} @media (max-width: 640px) {.l-wrapper {width: 100%; background: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/img/bg_wrapper-body_mobile.jpg") repeat-y top center; -webkit-background-size: 100% auto; background-size: 100% auto;}} .l-social-grid {background: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/img/bg_wrapper-body.jpg") repeat-y top center;} @media (max-width: 640px) {.l-social-grid {background: transparent;}} .l-ratio-62 {position: relative; height: 0; width: 100%; padding-bottom: 62%;} @media (max-width: 640px) {.l-ratio-62 {padding-bottom: 0; height: auto;}} .l-desktop {display: block;} @media (max-width: 768px) {.l-desktop {display: none;}} @media (max-width: 640px) {.l-desktop {display: none;}} .l-desktop.l-tablet {display: block;} @media (max-width: 768px) {.l-desktop.l-tablet {display: block;}} @media (max-width: 640px) {.l-desktop.l-tablet {display: none;}} .l-tablet {display: none;} @media (max-width: 768px) {.l-tablet {display: block;}} @media (max-width: 640px) {.l-tablet {display: none;}} .l-mobile {display: none;} @media (max-width: 640px) {.l-mobile {display: block;}} .media-query-shim {display: none; height: 1px; width: 1px; background: #fff; position: absolute; left: -1px; top: -1px;} @media (max-width: 640px) {.media-query-shim {display: block;}} html.touch .intents {visibility: visible !important;} html.touch a[data-action="fb-share"] {display: none !important;} html.touch .fb-share-sep {display: none;} @media (max-width: 768px) {a[data-action="fb-share"] {display: none !important;} .fb-share-sep {display: none;}} .header {height: 157px;} @media (max-width: 768px) {.header {height: 123px;}} @media (max-width: 640px) {.header {height: auto; padding-top: 0.25em;}} .cta {font-weight: 100; min-width: 315px; max-width: 750px; height: 157px; padding: 1.125em 1em 1.125em 2em; background: rgba(184, 43, 225, 0.67);} @media (max-width: 810px) {.cta {padding: 1.125em 1em 1.125em 1.25em;}} @media (max-width: 768px) {.cta {height: 123px; padding: 0.9375em 0.875em 0.875em 1.5625em; background: rgba(182, 55, 222, 0.67); max-width: 610px;}} @media (max-width: 640px) {.cta {height: auto; width: 100%; max-width: none; padding: 2em 4.375%; background: rgba(184, 43, 225, 0.67);}} .cta h1 {font-weight: 100; font-size: 1.28em; line-height: 1em; margin-bottom: 0.48828125em;} @media (max-width: 768px) {.cta h1 {font-size: 1em; margin-bottom: 0.375em;}} @media (max-width: 640px) {.cta h1 {font-size: 1.84875em; width: 76%; margin-bottom: 0.5em;}} .cta h1 .hashtag {font-size: 2.78320313em; line-height: 1em; display: block; font-weight: 900;} @media (max-width: 768px) {.cta h1 .hashtag {font-size: 2.7925em; line-height: 1.02954342em; margin-top: 1px;}} @media (max-width: 640px) {.cta h1 .hashtag {font-size: 2.78363759em; margin-top: 0px;}} .cta p {font-size: 0.875em; line-height: 1.21428571em;} @media (max-width: 810px) {.cta p {font-size: 0.8125em; line-height: 1.30769231em;}} @media (max-width: 768px) {.cta p {font-size: 0.685625em; line-height: 1.2em;}} @media (max-width: 640px) {.cta p {font-size: 1.5625em; line-height: 1.28em; width: 78%;} .cta p br {display: none;}} .cta a {color: #fff;} .cta a:hover {color: #fff;} .go-promo {background: #fff; height: 100%; float: right; width: 229px; margin-left: 1em;} @media (max-width: 768px) {.go-promo {width: 158px; margin-left: 0.875em;}} @media (max-width: 640px) {.go-promo {width: 100%; margin: 0; height: auto; float: none;}} .go-promo a {display: block;} .go-promo img {width: 100%; height: auto;} .social-icons {float: right; margin-top: 0.1875em;} @media (max-width: 768px) {.social-icons {margin-top: 0.5em;}} @media (max-width: 640px) {.social-icons {margin-top: 0.75em;}} .social-icons i {display: block; margin-bottom: 0.1875em;} .social-icons .icon-twitter-logo {font-size: 1.875em; position: relative; right: -0.13333333em;} @media (max-width: 768px) {.social-icons .icon-twitter-logo {font-size: 1.3125em; right: -0.06666667em;}} @media (max-width: 640px) {.social-icons .icon-twitter-logo {font-size: 3.75em; right: -0.13333333em;}} .social-icons .icon-facebook-logo {font-size: 2.25em;} @media (max-width: 768px) {.social-icons .icon-facebook-logo {font-size: 1.5625em;}} @media (max-width: 640px) {.social-icons .icon-facebook-logo {font-size: 4.375em;}} .social-icons .icon-instagram-logo {font-size: 2.25em;} @media (max-width: 768px) {.social-icons .icon-instagram-logo {font-size: 1.5625em;}} @media (max-width: 640px) {.social-icons .icon-instagram-logo {font-size: 4.375em;}} .poll-wrapper {font-family: 'Gotham'; font-weight: 100; background: rgba(8, 10, 127, 0.3); margin-bottom: 6px;} .poll-head-container {text-align: center; padding: 1.375em 1.375em 0;} @media (max-width: 768px) {.poll-head-container {padding: 1em 1em 0;}} @media (max-width: 640px) {.poll-head-container {padding: 1.375em 1em 0;}} .poll-title {font-size: 2.154375em; font-weight: 100; line-height: 1.2em; margin-bottom: 0.14505367em;} @media (max-width: 768px) {.poll-title {font-size: 1.688125em; margin-bottom: 0.07404665em;}} @media (max-width: 640px) {.poll-title {font-size: 2.6475em; margin-bottom: 0.16143911em;}} .poll-subtitle {font-weight: 100; font-size: 1.175625em; line-height: 1.2em;} @media (max-width: 768px) {.poll-subtitle {font-size: 0.92125em;}} @media (max-width: 640px) {.poll-subtitle {font-size: 1.5625em; max-width: 80%; margin: 0 auto;}} .poll-subtitle .hash-option-1 {font-weight: 700; color: #2994D8;} .poll-subtitle .hash-option-2 {font-weight: 700; color: #E196F9;} #poll-content {padding-top: 0.75em;} #poll-content .pct-100 {z-index: 20;} #poll-content .pct-100 .pct {display: block; font-size: .9em;} @media (max-width: 640px) {#poll-content {margin: 0 18.75%;}} #poll-content .poll-list {margin: 0 20px; white-space: nowrap; position: relative; text-align: center; font-size: 0; padding-bottom: 64px;} @media (max-width: 768px) {#poll-content .poll-list {padding-bottom: 52px;}} @media (max-width: 640px) {#poll-content .poll-list {margin: 0; padding-bottom: 80px;}} @media (max-width: 600px) {#poll-content .poll-list {padding-bottom: 75px;}} @media (max-width: 560px) {#poll-content .poll-list {padding-bottom: 70px;}} @media (max-width: 520px) {#poll-content .poll-list {padding-bottom: 65px;}} @media (max-width: 480px) {#poll-content .poll-list {padding-bottom: 60px;}} @media (max-width: 440px) {#poll-content .poll-list {padding-bottom: 55px;}} @media (max-width: 400px) {#poll-content .poll-list {padding-bottom: 50px;}} @media (max-width: 360px) {#poll-content .poll-list {padding-bottom: 45px;}} @media (max-width: 320px) {#poll-content .poll-list {padding-bottom: 40px;}} #poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {font-size: 16px; -webkit-transition: all .25s; transition: all .25s; text-align: center; display: inline-block; width: 321px; margin: 0; vertical-align: top;} @media (max-width: 768px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {width: 270px;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {width: 50%;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {font-size: 16px;}} @media (max-width: 600px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {font-size: 15px;}} @media (max-width: 560px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {font-size: 14px;}} @media (max-width: 520px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {font-size: 13px;}} @media (max-width: 480px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {font-size: 12px;}} @media (max-width: 440px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {font-size: 11px;}} @media (max-width: 400px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {font-size: 10px;}} @media (max-width: 360px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {font-size: 9px;}} @media (max-width: 320px) {#poll-content .poll-list li.list-item, #poll-content .poll-list li.results-item {font-size: 8px;}} #poll-content .poll-list li.list-item .poll-image-container, #poll-content .poll-list li.results-item .poll-image-container {display: inline-block; width: 150px; height: 150px; -webkit-transition: all .25s; transition: all .25s; overflow: hidden; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; border: 8px solid #fff; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; -ms-interpolation-mode: bicubic;} @media (max-width: 768px) {#poll-content .poll-list li.list-item .poll-image-container, #poll-content .poll-list li.results-item .poll-image-container {width: 117px; height: 117px; border: 6px solid #fff;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item .poll-image-container, #poll-content .poll-list li.results-item .poll-image-container {width: 13em; height: 13em; border: 0.625em solid #ffffff;}} #poll-content .poll-list li.list-item .poll-image-container .poll-image, #poll-content .poll-list li.results-item .poll-image-container .poll-image {width: 100%; height: 100%;} #poll-content .poll-list li.list-item .item-button, #poll-content .poll-list li.results-item .item-button {display: block; margin: 10px 0 0; padding: 0.52199851em 0.37285608em; border: 2px solid #fff; font-weight: 500; font-size: 0.838125em; letter-spacing: 1px; line-height: 1.34228188em; text-shadow: 0 2px rgba(0, 0, 0, 0.2); text-transform: uppercase; cursor: pointer; -webkit-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; position: relative; white-space: normal;} #poll-content .poll-list li.list-item .item-button.is-tall, #poll-content .poll-list li.results-item .item-button.is-tall {padding-top: 1.19313945em; padding-bottom: 1.19313945em;} @media (max-width: 768px) {#poll-content .poll-list li.list-item .item-button, #poll-content .poll-list li.results-item .item-button {font-size: 0.656875em; line-height: 1.3320647em; padding: 0.57088487em 0.47573739em;} #poll-content .poll-list li.list-item .item-button.is-tall, #poll-content .poll-list li.results-item .item-button.is-tall {padding-top: 1.23691722em; padding-bottom: 1.23691722em;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item .item-button, #poll-content .poll-list li.results-item .item-button {font-size: 1em; line-height: 1.25em; padding: 0.5em 0.3125em; vertical-align: bottom; border: 0.25em solid #ffffff; margin-top: 0.75em;} #poll-content .poll-list li.list-item .item-button.is-tall, #poll-content .poll-list li.results-item .item-button.is-tall {padding-top: 1.125em; padding-bottom: 1.125em;}} #poll-content .poll-list li.list-item .item-button i, #poll-content .poll-list li.results-item .item-button i {display: inline-block; margin-right: 6px; font-size: 1.5em; vertical-align: middle;} #poll-content .poll-list li.list-item .item-button .button, #poll-content .poll-list li.results-item .item-button .button {right: -2px; top: -2px; bottom: -2px; left: -2px; position: absolute; display: block; margin: 0; -webkit-border-radius: 0; border-radius: 0; opacity: 0;} #poll-content .poll-list li.list-item .pre-percent, #poll-content .poll-list li.results-item .pre-percent, #poll-content .poll-list li.list-item .result-percent, #poll-content .poll-list li.results-item .result-percent {position: absolute; font-size: 2.1875em; font-weight: 700; -webkit-border-radius: 0; border-radius: 0; top: 0; line-height: 1.14285714em;} @media (max-width: 840px) {#poll-content .poll-list li.list-item .pre-percent, #poll-content .poll-list li.results-item .pre-percent, #poll-content .poll-list li.list-item .result-percent, #poll-content .poll-list li.results-item .result-percent {font-size: 1.875em; line-height: 1.33333333em;}} @media (max-width: 768px) {#poll-content .poll-list li.list-item .pre-percent, #poll-content .poll-list li.results-item .pre-percent, #poll-content .poll-list li.list-item .result-percent, #poll-content .poll-list li.results-item .result-percent {font-size: 1.714375em; line-height: 1.20306234em;}} @media (max-width: 680px) {#poll-content .poll-list li.list-item .pre-percent, #poll-content .poll-list li.results-item .pre-percent, #poll-content .poll-list li.list-item .result-percent, #poll-content .poll-list li.results-item .result-percent {font-size: 1.5em; line-height: 1.375em;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item .pre-percent, #poll-content .poll-list li.results-item .pre-percent, #poll-content .poll-list li.list-item .result-percent, #poll-content .poll-list li.results-item .result-percent {font-size: 2.125em; line-height: 1.64705882em;}} #poll-content .poll-list li.list-item .progress-percent, #poll-content .poll-list li.results-item .progress-percent, #poll-content .poll-list li.list-item .progress-mobile-percent, #poll-content .poll-list li.results-item .progress-mobile-percent {height: 42px; -webkit-transition: width 1s linear; transition: width 1s linear; position: absolute; width: 100%;} @media (max-width: 768px) {#poll-content .poll-list li.list-item .progress-percent, #poll-content .poll-list li.results-item .progress-percent, #poll-content .poll-list li.list-item .progress-mobile-percent, #poll-content .poll-list li.results-item .progress-mobile-percent {height: 33px;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item .progress-percent, #poll-content .poll-list li.results-item .progress-percent, #poll-content .poll-list li.list-item .progress-mobile-percent, #poll-content .poll-list li.results-item .progress-mobile-percent {height: 1.64705882em;}} #poll-content .poll-list li.list-item .progress-percent .pct, #poll-content .poll-list li.results-item .progress-percent .pct, #poll-content .poll-list li.list-item .progress-mobile-percent .pct, #poll-content .poll-list li.results-item .progress-mobile-percent .pct {padding-left: 5px; padding-right: 5px; z-index: 100; position: absolute; top: 4px;} #poll-content .poll-list li.list-item .progress-mobile-percent, #poll-content .poll-list li.results-item .progress-mobile-percent, #poll-content .poll-list li.list-item .progress-mobile-helper, #poll-content .poll-list li.results-item .progress-mobile-helper {display: none;} #poll-content .poll-list li.list-item .progress-container, #poll-content .poll-list li.results-item .progress-container {margin-top: 20px; position: relative;} @media (max-width: 640px) {#poll-content .poll-list li.list-item .progress-container, #poll-content .poll-list li.results-item .progress-container {margin-top: 2em;}} #poll-content .poll-list li.list-item .progress-mobile-helper, #poll-content .poll-list li.results-item .progress-mobile-helper {height: 84px;} @media (max-width: 640px) {#poll-content .poll-list li.list-item .progress-mobile-helper, #poll-content .poll-list li.results-item .progress-mobile-helper {height: 1.64705882em;}} #poll-content .poll-list li.list-item:first-child, #poll-content .poll-list li.results-item:first-child {position: relative;} #poll-content .poll-list li.list-item:first-child .progress-percent, #poll-content .poll-list li.results-item:first-child .progress-percent {-webkit-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px;} #poll-content .poll-list li.list-item:first-child .progress-percent.pct-100, #poll-content .poll-list li.results-item:first-child .progress-percent.pct-100 {-webkit-border-radius: 20px; border-radius: 20px;} @media (max-width: 640px) {#poll-content .poll-list li.list-item:first-child .progress-percent, #poll-content .poll-list li.results-item:first-child .progress-percent {-webkit-border-radius: 0.82352941em 0 0 0.82352941em; border-radius: 0.82352941em 0 0 0.82352941em;} #poll-content .poll-list li.list-item:first-child .progress-percent.pct-100, #poll-content .poll-list li.results-item:first-child .progress-percent.pct-100 {-webkit-border-radius: 0.82352941em; border-radius: 0.82352941em;}} #poll-content .poll-list li.list-item:first-child .progress-percent, #poll-content .poll-list li.results-item:first-child .progress-percent, #poll-content .poll-list li.list-item:first-child .progress-mobile-percent, #poll-content .poll-list li.results-item:first-child .progress-mobile-percent {text-align: left; left: 0; background-color: #2994db;} #poll-content .poll-list li.list-item:first-child .progress-percent .pct, #poll-content .poll-list li.results-item:first-child .progress-percent .pct, #poll-content .poll-list li.list-item:first-child .progress-mobile-percent .pct, #poll-content .poll-list li.results-item:first-child .progress-mobile-percent .pct {color: #2994db; left: -100px;} @media (max-width: 840px) {#poll-content .poll-list li.list-item:first-child .progress-percent .pct, #poll-content .poll-list li.results-item:first-child .progress-percent .pct, #poll-content .poll-list li.list-item:first-child .progress-mobile-percent .pct, #poll-content .poll-list li.results-item:first-child .progress-mobile-percent .pct {left: -80px;}} @media (max-width: 768px) {#poll-content .poll-list li.list-item:first-child .progress-percent .pct, #poll-content .poll-list li.results-item:first-child .progress-percent .pct, #poll-content .poll-list li.list-item:first-child .progress-mobile-percent .pct, #poll-content .poll-list li.results-item:first-child .progress-mobile-percent .pct {left: -70px;}} @media (max-width: 675px) {#poll-content .poll-list li.list-item:first-child .progress-percent .pct, #poll-content .poll-list li.results-item:first-child .progress-percent .pct, #poll-content .poll-list li.list-item:first-child .progress-mobile-percent .pct, #poll-content .poll-list li.results-item:first-child .progress-mobile-percent .pct {left: -60px;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item:first-child .progress-percent .pct, #poll-content .poll-list li.results-item:first-child .progress-percent .pct, #poll-content .poll-list li.list-item:first-child .progress-mobile-percent .pct, #poll-content .poll-list li.results-item:first-child .progress-mobile-percent .pct {left: -2.64705882em;}} @media (max-width: 840px) {#poll-content .poll-list li.list-item:first-child .progress-percent.pct-100 .pct, #poll-content .poll-list li.results-item:first-child .progress-percent.pct-100 .pct, #poll-content .poll-list li.list-item:first-child .progress-mobile-percent.pct-100 .pct, #poll-content .poll-list li.results-item:first-child .progress-mobile-percent.pct-100 .pct {left: -85px;}} @media (max-width: 768px) {#poll-content .poll-list li.list-item:first-child .progress-percent.pct-100 .pct, #poll-content .poll-list li.results-item:first-child .progress-percent.pct-100 .pct, #poll-content .poll-list li.list-item:first-child .progress-mobile-percent.pct-100 .pct, #poll-content .poll-list li.results-item:first-child .progress-mobile-percent.pct-100 .pct {left: -80px;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item:first-child .progress-percent.pct-100 .pct, #poll-content .poll-list li.results-item:first-child .progress-percent.pct-100 .pct, #poll-content .poll-list li.list-item:first-child .progress-mobile-percent.pct-100 .pct, #poll-content .poll-list li.results-item:first-child .progress-mobile-percent.pct-100 .pct {left: -3.08823529em;}} #poll-content .poll-list li.list-item:first-child .poll-image-container, #poll-content .poll-list li.results-item:first-child .poll-image-container, #poll-content .poll-list li.list-item:first-child .item-button, #poll-content .poll-list li.results-item:first-child .item-button {border-color: #2994db; margin-left: 28px; margin-right: 24px;} @media (max-width: 768px) {#poll-content .poll-list li.list-item:first-child .poll-image-container, #poll-content .poll-list li.results-item:first-child .poll-image-container, #poll-content .poll-list li.list-item:first-child .item-button, #poll-content .poll-list li.results-item:first-child .item-button {margin-right: 24px; margin-left: 24px;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item:first-child .poll-image-container, #poll-content .poll-list li.results-item:first-child .poll-image-container {margin-left: -54%;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item:first-child .item-button, #poll-content .poll-list li.results-item:first-child .item-button {width: 155.5%; margin-left: -57%;}} #poll-content .poll-list li.list-item:first-child .item-button:hover, #poll-content .poll-list li.results-item:first-child .item-button:hover {background-color: #2994db;} #poll-content .poll-list li.list-item:first-child:after, #poll-content .poll-list li.results-item:first-child:after {content: "or"; position: absolute; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; color: #9d26ca; font-weight: 500; top: 25%; right: -23px; z-index: 100; font-size: 1.37em; line-height: 2.09854015em; height: 2.09854015em; width: 2.09854015em;} @media (max-width: 768px) {#poll-content .poll-list li.list-item:first-child:after, #poll-content .poll-list li.results-item:first-child:after {color: #000; font-size: 1.07375em; line-height: 2.15366705em; height: 2.15366705em; width: 2.15366705em; right: -1.07683353em; top: 20%;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item:first-child:after, #poll-content .poll-list li.results-item:first-child:after {font-size: 1.875em; line-height: 2.13333333em; height: 2.13333333em; width: 2.13333333em; right: -1.06666667em; top: 25%;}} #poll-content .poll-list li.list-item + li .progress-percent, #poll-content .poll-list li.results-item + li .progress-percent {-webkit-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0;} #poll-content .poll-list li.list-item + li .progress-percent.pct-100, #poll-content .poll-list li.results-item + li .progress-percent.pct-100 {-webkit-border-radius: 20px; border-radius: 20px;} @media (max-width: 640px) {#poll-content .poll-list li.list-item + li .progress-percent, #poll-content .poll-list li.results-item + li .progress-percent {-webkit-border-radius: 0 0.82352941em 0.82352941em 0; border-radius: 0 0.82352941em 0.82352941em 0;} #poll-content .poll-list li.list-item + li .progress-percent.pct-100, #poll-content .poll-list li.results-item + li .progress-percent.pct-100 {-webkit-border-radius: 0.82352941em; border-radius: 0.82352941em;}} #poll-content .poll-list li.list-item + li .progress-percent, #poll-content .poll-list li.results-item + li .progress-percent, #poll-content .poll-list li.list-item + li .progress-mobile-percent, #poll-content .poll-list li.results-item + li .progress-mobile-percent {right: 0; text-align: right; background-color: #9d26ca;} #poll-content .poll-list li.list-item + li .pct, #poll-content .poll-list li.results-item + li .pct {color: #9d26ca; right: -100px;} @media (max-width: 840px) {#poll-content .poll-list li.list-item + li .pct, #poll-content .poll-list li.results-item + li .pct {right: -80px;}} @media (max-width: 768px) {#poll-content .poll-list li.list-item + li .pct, #poll-content .poll-list li.results-item + li .pct {right: -70px;}} @media (max-width: 675px) {#poll-content .poll-list li.list-item + li .pct, #poll-content .poll-list li.results-item + li .pct {right: -65px;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item + li .pct, #poll-content .poll-list li.results-item + li .pct {right: -2.64705882em;}} @media (max-width: 840px) {#poll-content .poll-list li.list-item + li .pct-100 .pct, #poll-content .poll-list li.results-item + li .pct-100 .pct {right: -85px;}} @media (max-width: 768px) {#poll-content .poll-list li.list-item + li .pct-100 .pct, #poll-content .poll-list li.results-item + li .pct-100 .pct {right: -80px;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item + li .pct-100 .pct, #poll-content .poll-list li.results-item + li .pct-100 .pct {right: -3.08823529em;}} #poll-content .poll-list li.list-item + li .poll-image-container, #poll-content .poll-list li.results-item + li .poll-image-container, #poll-content .poll-list li.list-item + li .item-button, #poll-content .poll-list li.results-item + li .item-button {border-color: #9d26ca; margin-right: 28px; margin-left: 24px;} @media (max-width: 768px) {#poll-content .poll-list li.list-item + li .poll-image-container, #poll-content .poll-list li.results-item + li .poll-image-container, #poll-content .poll-list li.list-item + li .item-button, #poll-content .poll-list li.results-item + li .item-button {margin-left: 24px; margin-right: 24px;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item + li .poll-image-container, #poll-content .poll-list li.results-item + li .poll-image-container {margin-right: -54%;}} @media (max-width: 640px) {#poll-content .poll-list li.list-item + li .item-button, #poll-content .poll-list li.results-item + li .item-button {width: 155.5%; margin-left: 1.5%;}} #poll-content .poll-list li.list-item + li .item-button:hover, #poll-content .poll-list li.results-item + li .item-button:hover {background-color: #9d26ca;} .spotlight {position: absolute; left: 0; width: 40%; top: 0; bottom: 0;} @media (max-width: 640px) {.spotlight {position: relative; top: auto; bottom: auto; right: auto; left: auto; width: 100%; height: 0; padding-top: 156.25%; margin-bottom: 4px;}} .spotlight-content {position: absolute; top: 0; bottom: 0; left: 4px; right: 0px; background: #2546c2;} @media (max-width: 640px) {.spotlight-content {right: 4px;}} .spotlight-header {margin: 0; font-size: 1.25em; text-transform: uppercase; height: 2.6em; line-height: 2.6em; padding: 0 0.5em;} @media (max-width: 768px) {.spotlight-header {font-size: 1.0625em; height: 2.35294118em; line-height: 2.35294118em; padding: 0 0.58823529em;}} @media (max-width: 640px) {.spotlight-header {font-size: 2.125em; height: 2.11764706em; line-height: 2.11764706em; padding: 0 0.58823529em;}} .simple-spotlight {height: 100%;} .simple-spotlight-carousel {height: 100%; vertical-align: middle;} .spotlight-item {height: 100%; display: inline-block; top: 0; bottom: 0; padding: 0; vertical-align: middle; overflow: hidden;} .spotlight-item.active {position: absolute !important;} #spotlight {position: absolute; top: 52px; right: 0; bottom: 0; left: 0;} @media (max-width: 768px) {#spotlight {top: 40px;}} @media (max-width: 640px) {#spotlight {top: 4.5em;}} .spotlight-button {position: absolute; top: 45.5%; padding-left: 0; padding-right: 0; text-align: center; color: #fff; background: rgba(8, 10, 127, 0.64); width: 1.875em; height: 1.875em; line-height: 1.875em; margin-top: -0.9375em; -webkit-transition-property: -webkit-box-shadow, background-color, color; transition-property: box-shadow, background-color, color; -webkit-transition-duration: 200ms; transition-duration: 200ms;} .spotlight-button:hover, .spotlight-button:focus {outline: none;} @media (max-width: 768px) {.spotlight-button {top: 46%;}} @media (max-width: 640px) {.spotlight-button {font-size: 2em; width: 1.875em; height: 1.875em; line-height: 1.875em; margin-top: -0.9375em; top: 44.5%;}} .spotlight-button-previous {-webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; left: 0;} .spotlight-button-next {-webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; right: 0;} #spotlight {} #spotlight .status a, #spotlight .status.twitter a, #spotlight .status.facebook a, #spotlight .status.instagram a {text-decoration: none;} #spotlight .status a:hover, #spotlight .status.twitter a:hover, #spotlight .status.facebook a:hover, #spotlight .status.instagram a:hover, #spotlight .status a:active, #spotlight .status.twitter a:active, #spotlight .status.facebook a:active, #spotlight .status.instagram a:active {text-decoration: none;} #spotlight .status .spotlight-status-body, #spotlight .status.twitter .spotlight-status-body, #spotlight .status.facebook .spotlight-status-body, #spotlight .status.instagram .spotlight-status-body {padding: 0.1875em 0 0.5em; height: 100%; position: relative;} #spotlight .status .spotlight-status-body:hover .intents, #spotlight .status.twitter .spotlight-status-body:hover .intents, #spotlight .status.facebook .spotlight-status-body:hover .intents, #spotlight .status.instagram .spotlight-status-body:hover .intents {visibility: visible;} #spotlight .status .spotlight-status-header, #spotlight .status.twitter .spotlight-status-header, #spotlight .status.facebook .spotlight-status-header, #spotlight .status.instagram .spotlight-status-header {position: relative; height: 2.75em; padding: 0 0.625em; margin: 0 0 0.75em;} @media (max-width: 823px) {#spotlight .status .spotlight-status-header, #spotlight .status.twitter .spotlight-status-header, #spotlight .status.facebook .spotlight-status-header, #spotlight .status.instagram .spotlight-status-header {height: 2.5em; margin: 0 0 0.375em; padding: 0 0.625em;}} @media (max-width: 640px) {#spotlight .status .spotlight-status-header, #spotlight .status.twitter .spotlight-status-header, #spotlight .status.facebook .spotlight-status-header, #spotlight .status.instagram .spotlight-status-header {height: 5em; margin: 0 0 0.625em;}} #spotlight .status .spotlight-status-avatar, #spotlight .status.twitter .spotlight-status-avatar, #spotlight .status.facebook .spotlight-status-avatar, #spotlight .status.instagram .spotlight-status-avatar {display: block; width: 2.875em; height: 2.875em; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; float: left;} @media (max-width: 823px) {#spotlight .status .spotlight-status-avatar, #spotlight .status.twitter .spotlight-status-avatar, #spotlight .status.facebook .spotlight-status-avatar, #spotlight .status.instagram .spotlight-status-avatar {width: 2.3125em; height: 2.3125em;}} @media (max-width: 640px) {#spotlight .status .spotlight-status-avatar, #spotlight .status.twitter .spotlight-status-avatar, #spotlight .status.facebook .spotlight-status-avatar, #spotlight .status.instagram .spotlight-status-avatar {width: 4.5em; height: 4.5em;}} #spotlight .status .spotlight-status-avatar img, #spotlight .status.twitter .spotlight-status-avatar img, #spotlight .status.facebook .spotlight-status-avatar img, #spotlight .status.instagram .spotlight-status-avatar img {width: 100%; height: 100%;} #spotlight .status .verified, #spotlight .status.twitter .verified, #spotlight .status.facebook .verified, #spotlight .status.instagram .verified {position: relative; font-size: 1.05555556em;} #spotlight .status .verified .icon-twitter-verified-bg, #spotlight .status.twitter .verified .icon-twitter-verified-bg, #spotlight .status.facebook .verified .icon-twitter-verified-bg, #spotlight .status.instagram .verified .icon-twitter-verified-bg {color: #55ACEE;} #spotlight .status .verified .icon-twitter-verified-check, #spotlight .status.twitter .verified .icon-twitter-verified-check, #spotlight .status.facebook .verified .icon-twitter-verified-check, #spotlight .status.instagram .verified .icon-twitter-verified-check {position: absolute; left: 0;} #spotlight .status .spotlight-status-author, #spotlight .status.twitter .spotlight-status-author, #spotlight .status.facebook .spotlight-status-author, #spotlight .status.instagram .spotlight-status-author {display: inline-block; max-width: 80%; padding-left: 0.625em; padding-top: 0.2em; color: #fff !important; text-decoration: none;} @media (max-width: 823px) {#spotlight .status .spotlight-status-author, #spotlight .status.twitter .spotlight-status-author, #spotlight .status.facebook .spotlight-status-author, #spotlight .status.instagram .spotlight-status-author {padding-left: 0.4375em; padding-top: 0.25em;}} @media (max-width: 640px) {#spotlight .status .spotlight-status-author, #spotlight .status.twitter .spotlight-status-author, #spotlight .status.facebook .spotlight-status-author, #spotlight .status.instagram .spotlight-status-author {padding-left: 1em; padding-top: 0.25em; max-width: 70%;}} #spotlight .status .spotlight-status-author.single-name, #spotlight .status.twitter .spotlight-status-author.single-name, #spotlight .status.facebook .spotlight-status-author.single-name, #spotlight .status.instagram .spotlight-status-author.single-name {padding-top: 0.625em;} @media (max-width: 823px) {#spotlight .status .spotlight-status-author.single-name, #spotlight .status.twitter .spotlight-status-author.single-name, #spotlight .status.facebook .spotlight-status-author.single-name, #spotlight .status.instagram .spotlight-status-author.single-name {padding-top: 0.5625em;}} @media (max-width: 640px) {#spotlight .status .spotlight-status-author.single-name, #spotlight .status.twitter .spotlight-status-author.single-name, #spotlight .status.facebook .spotlight-status-author.single-name, #spotlight .status.instagram .spotlight-status-author.single-name {padding-top: 0.9375em;}} #spotlight .status .spotlight-status-author .primary-name, #spotlight .status.twitter .spotlight-status-author .primary-name, #spotlight .status.facebook .spotlight-status-author .primary-name, #spotlight .status.instagram .spotlight-status-author .primary-name {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1em; font-weight: 500; line-height: 1.2em; margin-bottom: 0.1875em; text-decoration: none;} @media (max-width: 823px) {#spotlight .status .spotlight-status-author .primary-name, #spotlight .status.twitter .spotlight-status-author .primary-name, #spotlight .status.facebook .spotlight-status-author .primary-name, #spotlight .status.instagram .spotlight-status-author .primary-name {font-size: 0.8125em; margin-bottom: 0.09451796em;}} @media (max-width: 640px) {#spotlight .status .spotlight-status-author .primary-name, #spotlight .status.twitter .spotlight-status-author .primary-name, #spotlight .status.facebook .spotlight-status-author .primary-name, #spotlight .status.instagram .spotlight-status-author .primary-name {font-size: 1.875em; margin-bottom: 0.1em;}} #spotlight .status .spotlight-status-author .secondary-name, #spotlight .status.twitter .spotlight-status-author .secondary-name, #spotlight .status.facebook .spotlight-status-author .secondary-name, #spotlight .status.instagram .spotlight-status-author .secondary-name {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.75em; font-weight: 400; line-height: 1.2em;} @media (max-width: 823px) {#spotlight .status .spotlight-status-author .secondary-name, #spotlight .status.twitter .spotlight-status-author .secondary-name, #spotlight .status.facebook .spotlight-status-author .secondary-name, #spotlight .status.instagram .spotlight-status-author .secondary-name {font-size: 0.5875em;}} @media (max-width: 640px) {#spotlight .status .spotlight-status-author .secondary-name, #spotlight .status.twitter .spotlight-status-author .secondary-name, #spotlight .status.facebook .spotlight-status-author .secondary-name, #spotlight .status.instagram .spotlight-status-author .secondary-name {font-size: 1.375em;}} #spotlight .status .spotlight-status-permalink, #spotlight .status.twitter .spotlight-status-permalink, #spotlight .status.facebook .spotlight-status-permalink, #spotlight .status.instagram .spotlight-status-permalink {position: absolute; right: 0.875em; top: 0; text-align: center; font-weight: 400;} @media (max-width: 823px) {#spotlight .status .spotlight-status-permalink, #spotlight .status.twitter .spotlight-status-permalink, #spotlight .status.facebook .spotlight-status-permalink, #spotlight .status.instagram .spotlight-status-permalink {top: -0.125em;}} @media (max-width: 640px) {#spotlight .status .spotlight-status-permalink, #spotlight .status.twitter .spotlight-status-permalink, #spotlight .status.facebook .spotlight-status-permalink, #spotlight .status.instagram .spotlight-status-permalink {top: 0.5em;}} #spotlight .status .spotlight-status-permalink .timestamp, #spotlight .status.twitter .spotlight-status-permalink .timestamp, #spotlight .status.facebook .spotlight-status-permalink .timestamp, #spotlight .status.instagram .spotlight-status-permalink .timestamp {display: block; color: #fff; font-size: 0.625em; margin-top: 0.3em;} @media (max-width: 823px) {#spotlight .status .spotlight-status-permalink .timestamp, #spotlight .status.twitter .spotlight-status-permalink .timestamp, #spotlight .status.facebook .spotlight-status-permalink .timestamp, #spotlight .status.instagram .spotlight-status-permalink .timestamp {font-size: 0.49em; margin-top: 0.25510204em;}} @media (max-width: 640px) {#spotlight .status .spotlight-status-permalink .timestamp, #spotlight .status.twitter .spotlight-status-permalink .timestamp, #spotlight .status.facebook .spotlight-status-permalink .timestamp, #spotlight .status.instagram .spotlight-status-permalink .timestamp {font-size: 1em; margin-top: 0.11111111em;}} #spotlight .status .permalink-logo, #spotlight .status.twitter .permalink-logo, #spotlight .status.facebook .permalink-logo, #spotlight .status.instagram .permalink-logo {display: block; font-size: 1.375em; color: #fff;} @media (max-width: 823px) {#spotlight .status .permalink-logo, #spotlight .status.twitter .permalink-logo, #spotlight .status.facebook .permalink-logo, #spotlight .status.instagram .permalink-logo {font-size: 1.1875em;}} @media (max-width: 640px) {#spotlight .status .permalink-logo, #spotlight .status.twitter .permalink-logo, #spotlight .status.facebook .permalink-logo, #spotlight .status.instagram .permalink-logo {font-size: 2.4375em;}} #spotlight .contains-media .media-wrapper {width: 100%; height: 0; position: relative; padding: 100% 0 0 0;} #spotlight .contains-media .media-wrapper .media.embed-type-video, #spotlight .contains-media .media-wrapper .media.embed-type-photo {position: absolute; width: 100%; height: 100%; padding: 0; top: 0;} #spotlight .contains-media .media-wrapper .media.embed-type-video {background: #000;} #spotlight .contains-media .media-wrapper .media.embed-type-video iframe {position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;} #spotlight .contains-media .media-wrapper a {display: block;} #spotlight .contains-media .media-wrapper img {max-width: 100%; max-height: 100%; width: auto; height: auto; display: none;} #spotlight .contains-media .background-image {-webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; position: absolute;} #spotlight .spotlight-status-content {font-size: 0.8125em; line-height: 1.15384615em; padding: 110% 0 0; height: 0; position: relative; text-align: center;} @media (max-width: 930px) {#spotlight .spotlight-status-content {font-size: 0.75em; line-height: 1.16666667em; padding: 110% 0 0;}} @media (max-width: 878px) {#spotlight .spotlight-status-content {font-size: 0.6875em; line-height: 1.18181818em; padding: 110% 0 0;}} @media (max-width: 823px) {#spotlight .spotlight-status-content {font-size: 0.625em; line-height: 1.2em; padding: 110% 0 0;}} @media (max-width: 640px) {#spotlight .spotlight-status-content {font-size: 1.625em; line-height: 1.23076923em; padding: 120% 0 0;}} #spotlight .spotlight-status-content a {color: #2994d8; text-decoration: none;} #spotlight .spotlight-status-content a:hover {color: #c385e5; text-decoration: none;} #spotlight .spotlight-status-content .text-centering {position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0.38461538em 1.84615385em;} #spotlight .spotlight-status-content .text {font-size: 1em; font-weight: 400; clear: none; color: #FFF; max-height: 32.30769231em; overflow: hidden;} #spotlight .spotlight-status-content .text.has-place, #spotlight .spotlight-status-content .text.is-retweet {max-height: 31.15384615em;} #spotlight .spotlight-status-content .text.has-place.is-retweet {max-height: 30em;} @media (max-width: 930px) {#spotlight .spotlight-status-content .text {max-height: 32.66666667em;} #spotlight .spotlight-status-content .text.has-place, #spotlight .spotlight-status-content .text.is-retweet {max-height: 31.5em;} #spotlight .spotlight-status-content .text.has-place.is-retweet {max-height: 30.33333333em;}} @media (max-width: 878px) {#spotlight .spotlight-status-content .text {max-height: 33.09090909em;} #spotlight .spotlight-status-content .text.has-place, #spotlight .spotlight-status-content .text.is-retweet {max-height: 31.90909091em;} #spotlight .spotlight-status-content .text.has-place.is-retweet {max-height: 30.63636364em;}} @media (max-width: 823px) {#spotlight .spotlight-status-content .text {max-height: 32.4em;} #spotlight .spotlight-status-content .text.has-place, #spotlight .spotlight-status-content .text.is-retweet {max-height: 31.2em;} #spotlight .spotlight-status-content .text.has-place.is-retweet {max-height: 30em;}} @media (max-width: 640px) {#spotlight .spotlight-status-content .text {max-height: 28.30769231em;} #spotlight .spotlight-status-content .text.has-place, #spotlight .spotlight-status-content .text.is-retweet {max-height: 27.07692308em;} #spotlight .spotlight-status-content .text.has-place.is-retweet {max-height: 25.84615385em;}} #spotlight .spotlight-status-content .retweeted-by {font-size: 0.84615385em; line-height: 1.45454545em; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #spotlight .spotlight-status-content .retweeted-by .retweeted-by-icon {display: inline-block; text-align: center;} #spotlight .spotlight-status-content .place {display: block; font-size: 0.84615385em; line-height: 1.45454545em; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #spotlight .contains-media .spotlight-status-content {padding: 21.75% 0 0;} @media (max-width: 930px) {#spotlight .contains-media .spotlight-status-content {padding: 20% 0 0;}} @media (max-width: 878px) {#spotlight .contains-media .spotlight-status-content {padding: 18% 0 0;}} @media (max-width: 823px) {#spotlight .contains-media .spotlight-status-content {padding: 21.75% 0 0;}} #spotlight .contains-media .spotlight-status-content .text {max-height: 4.61538462em;} #spotlight .contains-media .spotlight-status-content .text.has-place, #spotlight .contains-media .spotlight-status-content .text.is-retweet {max-height: 3.46153846em;} #spotlight .contains-media .spotlight-status-content .text.has-place.is-retweet {max-height: 2.30769231em;} @media (max-width: 930px) {#spotlight .contains-media .spotlight-status-content .text {max-height: 3.5em;} #spotlight .contains-media .spotlight-status-content .text.has-place, #spotlight .contains-media .spotlight-status-content .text.is-retweet {max-height: 2.33333333em;} #spotlight .contains-media .spotlight-status-content .text.has-place.is-retweet {max-height: 1.16666667em;}} @media (max-width: 878px) {#spotlight .contains-media .spotlight-status-content .text {max-height: 3.54545455em;} #spotlight .contains-media .spotlight-status-content .text.has-place, #spotlight .contains-media .spotlight-status-content .text.is-retweet {max-height: 2.36363636em;} #spotlight .contains-media .spotlight-status-content .text.has-place.is-retweet {max-height: 1.18181818em;}} @media (max-width: 823px) {#spotlight .contains-media .spotlight-status-content .text {max-height: 6em;} #spotlight .contains-media .spotlight-status-content .text.has-place, #spotlight .contains-media .spotlight-status-content .text.is-retweet {max-height: 4.8em;} #spotlight .contains-media .spotlight-status-content .text.has-place.is-retweet {max-height: 3.6em;}} @media (max-width: 640px) {#spotlight .contains-media .spotlight-status-content .text {max-height: 3.69230769em;} #spotlight .contains-media .spotlight-status-content .text.has-place, #spotlight .contains-media .spotlight-status-content .text.is-retweet {max-height: 2.46153846em;} #spotlight .contains-media .spotlight-status-content .text.has-place.is-retweet {max-height: 1.23076923em;}} #spotlight .spotlight-status-footer {position: absolute; bottom: 0.5em; left: 0; right: 0; text-align: center; visibility: visible; display: block;} @media (max-width: 823px) {#spotlight .spotlight-status-footer {bottom: 0.375em;}} @media (max-width: 640px) {#spotlight .spotlight-status-footer {bottom: 1.125em;}} #spotlight .spotlight-status-footer .intents {visibility: visible; display: block; float: none; font-size: 16px; text-align: center;} @media (max-width: 640px) {#spotlight .spotlight-status-footer .intents {font-size: 16px;}} @media (max-width: 600px) {#spotlight .spotlight-status-footer .intents {font-size: 15px;}} @media (max-width: 560px) {#spotlight .spotlight-status-footer .intents {font-size: 14px;}} @media (max-width: 520px) {#spotlight .spotlight-status-footer .intents {font-size: 13px;}} @media (max-width: 480px) {#spotlight .spotlight-status-footer .intents {font-size: 12px;}} @media (max-width: 440px) {#spotlight .spotlight-status-footer .intents {font-size: 11px;}} @media (max-width: 400px) {#spotlight .spotlight-status-footer .intents {font-size: 10px;}} @media (max-width: 360px) {#spotlight .spotlight-status-footer .intents {font-size: 9px;}} @media (max-width: 320px) {#spotlight .spotlight-status-footer .intents {font-size: 8px;}} #spotlight .spotlight-status-footer .intents .intent {outline: 0; margin-left: 0;} #spotlight .spotlight-status-footer .intents .intent-icon {font-size: 1.125em;} @media (max-width: 930px) {#spotlight .spotlight-status-footer .intents .intent-icon {font-size: 1.0625em;}} @media (max-width: 878px) {#spotlight .spotlight-status-footer .intents .intent-icon {font-size: 1em;}} @media (max-width: 823px) {#spotlight .spotlight-status-footer .intents .intent-icon {font-size: 0.84375em;}} @media (max-width: 640px) {#spotlight .spotlight-status-footer .intents .intent-icon {font-size: 2.5em; margin: 0.15em;}} #spotlight .spotlight-status-footer .intents a {text-decoration: none; color: #FFF;} #spotlight .spotlight-status-footer .intents a .intent-text {display: none;} #spotlight .spotlight-status-footer .intents a:hover, #spotlight .spotlight-status-footer .intents a:active {text-decoration: none; color: #c385e5;} #spotlight .spotlight-status-footer .intents a:hover .intent-text, #spotlight .spotlight-status-footer .intents a:active .intent-text {text-decoration: none;} #spotlight .spotlight-status-footer .intents a:visited {text-decoration: none; color: #FFF;} #spotlight .spotlight-status-footer .intents a.fb-intent.intent-like {font-size: 0; outline: 0;} #spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 18px; content: "\f10b "; font-family: "socialite-0-10-0"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit; margin-left: -0.2222em;} @media (max-width: 878px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 16px;}} @media (max-width: 823px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 16px;}} @media (max-width: 640px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 40px;}} @media (max-width: 600px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 38px;}} @media (max-width: 560px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 35px;}} @media (max-width: 520px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 33px;}} @media (max-width: 480px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 30px;}} @media (max-width: 440px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 28px;}} @media (max-width: 400px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 25px;}} @media (max-width: 360px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 23px;}} @media (max-width: 320px) {#spotlight .spotlight-status-footer .intents a.fb-intent.intent-like:before {font-size: 20px;}} #spotlight .spotlight-status-footer .intents a.fb-intent[data-liked="false"] {color: #ffffff;} #spotlight .spotlight-status-footer .intents a.fb-intent[data-liked="false"]:hover {color: #c385e5;} #spotlight .spotlight-status-footer .intents a.fb-intent[data-liked="true"] {color: #c385e5;} #spotlight .spotlight-status-footer .intents a.fb-intent[data-liked="true"]:hover {color: #c385e5;} .timeline {position: absolute; right: 0; width: 60%; top: 0; bottom: 0;} @media (max-width: 640px) {.timeline {position: relative; top: auto; bottom: auto; right: auto; left: auto; width: 100%; padding-top: 130%;}} @media (max-width: 480px) {.timeline {padding-top: 120%;}} @media (max-width: 400px) {.timeline {padding-top: 130%;}} @media (max-width: 320px) {.timeline {padding-top: 140%;}} .new-content-button {-webkit-transition-property: opacity, top; transition-property: opacity, top; -webkit-transition-duration: 350ms; transition-duration: 350ms; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: .5em; position: fixed; -webkit-border-radius: 3px; border-radius: 3px; display: none;} .timeline-container {position: absolute; top: 0; bottom: 0; right: 4px; left: 4px; overflow: hidden;} @media (max-width: 640px) {.timeline-container {right: 4px; left: 4px;}} .timeline-container.touch #stream .status.twitter .intents {visibility: visible;} .timeline-container.hidden-bars .timeline-head-contain, .timeline-container.hidden-bars.has-header .timeline-head-contain {display: none;} .timeline-container.has-header #action-bar-top #timeline-header {display: block;} .timeline-container #stream {position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: auto; height: auto; background: transparent; color: #fff; -webkit-transition-property: top, bottom; transition-property: top, bottom; -webkit-transition-duration: 350ms; transition-duration: 350ms; -ms-overflow-style: -ms-autohiding-scrollbar; z-index: 5;} .timeline-container #stream .no-content-message {font-size: 1em; margin: 1em 0;} .timeline-container #stream .status {margin: 0; -webkit-border-radius: 0; border-radius: 0; border: 0; padding: 0;} .timeline-container #stream .status.twitter {border-bottom: 0;} .timeline-container #stream .status.twitter .content .verified .icon-twitter-verified-bg {position: relative;} .timeline-container #stream .status:nth-child(odd) {background: rgba(37, 70, 194, 0.67);} .timeline-container #stream .status:nth-child(even) {background: rgba(8, 10, 127, 0.64);} .timeline-container #stream.new-content .new-content-button {display: none; top: 0.5em; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .timeline-container #action-bar-top {position: absolute; opacity: 1; z-index: 1; padding: 0; margin: 0; top: 0; right: 0; left: 0; bottom: auto; white-space: nowrap; overflow: hidden; background: #2546c2; -webkit-box-shadow: 0px 2px 2px #000000; box-shadow: 0px 2px 2px #000000; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); -webkit-transition-property: height, padding-top, padding-bottom, opacity; transition-property: height, padding-top, padding-bottom, opacity; -webkit-transition-duration: 350ms; transition-duration: 350ms; z-index: 10;} .timeline-container #action-bar-top .timeline-head-contain {overflow: hidden;} .timeline-container #action-bar-top #timeline-header {display: none; font-weight: 100; font-size: 1.2825em; margin: 0; padding: 1.16959064em 0.68226121em 0.82846004em; overflow: auto; white-space: normal;} @media (max-width: 768px) {.timeline-container #action-bar-top #timeline-header {font-size: 1em; padding: 0.9375em 0.75em 1.0625em;}} @media (max-width: 640px) {.timeline-container #action-bar-top #timeline-header {font-size: 2.125em; padding: 0.58823529em 0.58823529em 0.88235294em; line-height: 1.20588235em;}} .timeline-container #action-bar-top #timeline-header .hashtag {font-weight: 700; font-size: 1.10136452em; text-transform: uppercase; letter-spacing: 1px; padding-right: 3px;} @media (max-width: 768px) {.timeline-container #action-bar-top #timeline-header .hashtag {font-size: 1.125em;}} @media (max-width: 640px) {.timeline-container #action-bar-top #timeline-header .hashtag {font-size: 1.11764706em;}} .timeline-container #action-bar-top .selector-label {font-size: 0.666875em; font-weight: 500; text-transform: uppercase; float: right; width: 110px; height: 28px; line-height: 28px;} @media (max-width: 800px) {.timeline-container #action-bar-top .selector-label {font-size: 0.625em; width: 100px;}} @media (max-width: 768px) {.timeline-container #action-bar-top .selector-label {font-size: 0.5225em; width: 74px; height: 20px; line-height: 20px;}} @media (max-width: 640px) {.timeline-container #action-bar-top .selector-label.l-mobile {float: none; display: block; width: 100%; height: auto; font-size: 1.125em; text-align: center; position: relative;}} .timeline-container #action-bar-top #stream-network-selector {background: transparent; display: none; visibility: hidden; float: right; height: 32px; color: #fff;} @media (max-width: 768px) {.timeline-container #action-bar-top #stream-network-selector {height: 24px;}} @media (max-width: 640px) {.timeline-container #action-bar-top #stream-network-selector {float: none; height: 3.125em;}} .timeline-container #action-bar-top #stream-network-selector.visible {display: block; visibility: visible;} .timeline-container #action-bar-top #stream-network-selector .network {height: 100%; text-align: center; min-width: 3.7em; padding: 0 14px 0 12px; margin-right: 1px; vertical-align: middle; font-size: 0.666875em; font-weight: 700; text-transform: uppercase; color: #fff; position: relative;} @media (max-width: 800px) {.timeline-container #action-bar-top #stream-network-selector .network {font-size: 0.625em;}} @media (max-width: 768px) {.timeline-container #action-bar-top #stream-network-selector .network {font-size: 0.5225em; padding: 0 12px 0 10px;}} @media (max-width: 640px) {.timeline-container #action-bar-top #stream-network-selector .network {font-size: 1.125em; font-weight: 500; min-width: 0; width: 33.333%; padding: 0 1.26315789em 0 1.05263158em;}} .timeline-container #action-bar-top #stream-network-selector .network:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;} .timeline-container #action-bar-top #stream-network-selector .network:before {content: ''; display: block; width: 1px; height: 15px; background: rgba(255, 255, 255, 0.2); position: absolute; left: -1px; top: 50%; margin-top: -8px;} @media (max-width: 768px) {.timeline-container #action-bar-top #stream-network-selector .network:before {height: 12px; margin-top: -7px;}} @media (max-width: 640px) {.timeline-container #action-bar-top #stream-network-selector .network:before {height: 1.57894737em; margin-top: -0.68421053em;}} .timeline-container #action-bar-top #stream-network-selector .network:first-child {padding-left: 8px;} .timeline-container #action-bar-top #stream-network-selector .network:first-child:before {display: none;} @media (max-width: 768px) {.timeline-container #action-bar-top #stream-network-selector .network:first-child {padding-left: 5px;}} .timeline-container #action-bar-top #stream-network-selector .network .icon {font-size: 1.3em; vertical-align: -0.2em; margin-right: 4px;} @media (max-width: 768px) {.timeline-container #action-bar-top #stream-network-selector .network .icon {font-size: 1.4em;}} @media (max-width: 640px) {.timeline-container #action-bar-top #stream-network-selector .network .icon {margin-right: 0.2962963em;}} .timeline-container #action-bar-top #stream-network-selector .network .network-name {display: inline-block; vertical-align: middle; letter-spacing: 1px;} .timeline-container #action-bar-top #stream-network-selector .network:hover {border-bottom: 4px solid #bf80e2;} .timeline-container #action-bar-top #stream-network-selector .network.active {border-bottom: 4px solid #2994d8;} .timeline-container #action-bar {opacity: 1; z-index: 1; position: absolute; top: auto; right: 0; bottom: 0; left: 0; white-space: nowrap; overflow: hidden; background: #2546c2; -webkit-box-shadow: 0px -2px 2px #000000; box-shadow: 0px -2px 2px #000000; box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.2); padding: 0.75em 0 0.5em; text-align: center; height: 3.75em; -webkit-transition-property: height, opacity; transition-property: height, opacity; -webkit-transition-duration: 350ms; transition-duration: 350ms; z-index: 10;} @media (max-width: 768px) {.timeline-container #action-bar {height: 2.875em; padding: 0.5625em 0 0.4375em;}} @media (max-width: 640px) {.timeline-container #action-bar {height: 6.25em; padding: 1.375em 0 1em;}} .timeline-container #action-bar .network-content {display: none; opacity: 1; overflow: hidden; -webkit-transition-property: margin-left, opacity; transition-property: margin-left, opacity; -webkit-transition-duration: 350ms; transition-duration: 350ms;} .timeline-container #action-bar .network-content.active {display: inline-block;} .timeline-container #action-bar .button {vertical-align: middle; font-size: 0.833125em; text-transform: uppercase; font-weight: 700; letter-spacing: 0.03750938em; padding: 0.52513128em 1em 0.52513128em 0.75em; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: 2px solid #fff; background: transparent; margin: 0; -webkit-transition: color 0.3s ease-in, background-color 0.3s ease-in; transition: color 0.3s ease-in, background-color 0.3s ease-in;} @media (max-width: 768px) {.timeline-container #action-bar .button {font-size: 0.653125em; letter-spacing: 0.04784689em; padding: 0.38277512em 1em 0.38277512em 0.75em;}} @media (max-width: 640px) {.timeline-container #action-bar .button {font-size: 1.5625em; letter-spacing: 1px; padding: 0.4em 0.64em;}} .timeline-container #action-bar .button:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;} .timeline-container #action-bar .button:hover {background: #fff; -webkit-transition: color 0.3s ease-in, background-color 0.3s ease-in; transition: color 0.3s ease-in, background-color 0.3s ease-in;} .timeline-container #action-bar .button .button-text {vertical-align: middle;} .timeline-container #action-bar .button.twitter:hover {color: #2994d8;} .timeline-container #action-bar .button.twitter:hover .icon-twitter-logo {color: #2994d8; -webkit-transition: color 0.3s ease-in; transition: color 0.3s ease-in;} .timeline-container #action-bar .button.twitter .icon-twitter-logo {font-size: 1.2em; margin-right: 4px; -webkit-transition: color 0.3s ease-in; transition: color 0.3s ease-in;} .timeline-container #action-bar .button.facebook:hover {color: #4c69ba;} .timeline-container #action-bar .button.facebook:hover .icon-facebook-logo {color: #4c69ba; -webkit-transition: color 0.3s ease-in; transition: color 0.3s ease-in;} .timeline-container #action-bar .button.facebook .icon-facebook-logo {font-size: 1.2em; margin-right: 4px 8px; -webkit-transition: color 0.3s ease-in; transition: color 0.3s ease-in;} .cnn-new-content {position: absolute; z-index: 50; top: 110px; right: 10px; color: #fff; background: rgba(0, 0, 0, 0.5); font-size: 10px; line-height: 10px; padding: 6px 8px 3px; -webkit-border-radius: 3px; border-radius: 3px; text-transform: uppercase; opacity: 1; -webkit-transition: background-color 0.3s ease-in, opacity 0.3s ease-in; transition: background-color 0.3s ease-in, opacity 0.3s ease-in; display: none;} .cnn-new-content:hover {cursor: pointer; background: #000000; -webkit-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in;} @media (max-width: 768px) {.cnn-new-content {top: 84px;}} @media (max-width: 640px) {.cnn-new-content {font-size: 1.25em; line-height: 1em; padding: 0.6em 0.8em 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;}} #stream .twitter .timeline-status-body, #stream .facebook .timeline-status-body, #stream .instagram .timeline-status-body {padding: 0.75em 1em 1.375em; position: relative;} #stream .twitter .timeline-status-body:hover .intents, #stream .facebook .timeline-status-body:hover .intents, #stream .instagram .timeline-status-body:hover .intents {visibility: visible;} @media (max-width: 768px) {#stream .twitter .timeline-status-body, #stream .facebook .timeline-status-body, #stream .instagram .timeline-status-body {padding: 0.625em 0.75em 1.5em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-body, #stream .facebook .timeline-status-body, #stream .instagram .timeline-status-body {padding: 1.125em 2em 3.75em;}} #stream .twitter .timeline-status-header, #stream .facebook .timeline-status-header, #stream .instagram .timeline-status-header {position: relative; height: 2.75em; margin: 0 0 0.625em;} @media (max-width: 768px) {#stream .twitter .timeline-status-header, #stream .facebook .timeline-status-header, #stream .instagram .timeline-status-header {margin: 0 0 0.375em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-header, #stream .facebook .timeline-status-header, #stream .instagram .timeline-status-header {height: 5.375em; margin: 0 0 1em;}} #stream .twitter .timeline-status-avatar, #stream .facebook .timeline-status-avatar, #stream .instagram .timeline-status-avatar {display: block; width: 2.75em; height: 2.75em; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; float: left;} @media (max-width: 768px) {#stream .twitter .timeline-status-avatar, #stream .facebook .timeline-status-avatar, #stream .instagram .timeline-status-avatar {width: 2.3125em; height: 2.3125em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-avatar, #stream .facebook .timeline-status-avatar, #stream .instagram .timeline-status-avatar {width: 5.375em; height: 5.375em;}} #stream .twitter .timeline-status-avatar img, #stream .facebook .timeline-status-avatar img, #stream .instagram .timeline-status-avatar img {width: 100%; height: 100%;} #stream .twitter .verified, #stream .facebook .verified, #stream .instagram .verified {position: relative; font-size: 1.05555556em;} #stream .twitter .verified .icon-twitter-verified-bg, #stream .facebook .verified .icon-twitter-verified-bg, #stream .instagram .verified .icon-twitter-verified-bg {color: #55ACEE;} #stream .twitter .verified .icon-twitter-verified-check, #stream .facebook .verified .icon-twitter-verified-check, #stream .instagram .verified .icon-twitter-verified-check {position: absolute; left: 0;} #stream .twitter .timeline-status-author, #stream .facebook .timeline-status-author, #stream .instagram .timeline-status-author {display: inline-block; max-width: 80%; padding-left: 0.625em; padding-top: 0.25em; color: #fff !important;} @media (max-width: 768px) {#stream .twitter .timeline-status-author, #stream .facebook .timeline-status-author, #stream .instagram .timeline-status-author {padding-left: 0.4375em; padding-top: 0.25em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-author, #stream .facebook .timeline-status-author, #stream .instagram .timeline-status-author {padding-left: 1em; padding-top: 0.5625em; max-width: 70%;}} #stream .twitter .timeline-status-author.single-name, #stream .facebook .timeline-status-author.single-name, #stream .instagram .timeline-status-author.single-name {padding-top: 0.625em;} @media (max-width: 768px) {#stream .twitter .timeline-status-author.single-name, #stream .facebook .timeline-status-author.single-name, #stream .instagram .timeline-status-author.single-name {padding-top: 0.5625em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-author.single-name, #stream .facebook .timeline-status-author.single-name, #stream .instagram .timeline-status-author.single-name {padding-top: 1.25em;}} #stream .twitter .timeline-status-author .primary-name, #stream .facebook .timeline-status-author .primary-name, #stream .instagram .timeline-status-author .primary-name {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.84375em; font-weight: 500; line-height: 1.2em; margin-bottom: 0.22222222em;} @media (max-width: 768px) {#stream .twitter .timeline-status-author .primary-name, #stream .facebook .timeline-status-author .primary-name, #stream .instagram .timeline-status-author .primary-name {font-size: 0.66125em; margin-bottom: 0.09451796em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-author .primary-name, #stream .facebook .timeline-status-author .primary-name, #stream .instagram .timeline-status-author .primary-name {font-size: 1.6875em; margin-bottom: 0.11111111em;}} #stream .twitter .timeline-status-author .secondary-name, #stream .facebook .timeline-status-author .secondary-name, #stream .instagram .timeline-status-author .secondary-name {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.6875em; font-weight: 400; line-height: 1.2em;} @media (max-width: 768px) {#stream .twitter .timeline-status-author .secondary-name, #stream .facebook .timeline-status-author .secondary-name, #stream .instagram .timeline-status-author .secondary-name {font-size: 0.539375em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-author .secondary-name, #stream .facebook .timeline-status-author .secondary-name, #stream .instagram .timeline-status-author .secondary-name {font-size: 1.375em;}} #stream .twitter .timeline-status-permalink, #stream .facebook .timeline-status-permalink, #stream .instagram .timeline-status-permalink {position: absolute; right: 0; top: 0; text-align: center; font-weight: 400;} @media (max-width: 640px) {#stream .twitter .timeline-status-permalink, #stream .facebook .timeline-status-permalink, #stream .instagram .timeline-status-permalink {top: 0.5em;}} #stream .twitter .timeline-status-permalink .timestamp, #stream .facebook .timeline-status-permalink .timestamp, #stream .instagram .timeline-status-permalink .timestamp {display: block; color: #fff; font-size: 0.625em; margin-top: 0.3em;} @media (max-width: 768px) {#stream .twitter .timeline-status-permalink .timestamp, #stream .facebook .timeline-status-permalink .timestamp, #stream .instagram .timeline-status-permalink .timestamp {font-size: 0.49em; margin-top: 0.25510204em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-permalink .timestamp, #stream .facebook .timeline-status-permalink .timestamp, #stream .instagram .timeline-status-permalink .timestamp {font-size: 1.125em; margin-top: 0.11111111em;}} #stream .twitter .permalink-logo, #stream .facebook .permalink-logo, #stream .instagram .permalink-logo {display: block; font-size: 1.375em; color: #fff;} @media (max-width: 768px) {#stream .twitter .permalink-logo, #stream .facebook .permalink-logo, #stream .instagram .permalink-logo {font-size: 1.125em;}} @media (max-width: 640px) {#stream .twitter .permalink-logo, #stream .facebook .permalink-logo, #stream .instagram .permalink-logo {font-size: 2.25em;}} #stream .twitter .timeline-status-content, #stream .facebook .timeline-status-content, #stream .instagram .timeline-status-content {font-size: 0.8125em; line-height: 1.23076923em; font-weight: 400; padding: 0 5.38461538em 0 0.38461538em;} @media (max-width: 768px) {#stream .twitter .timeline-status-content, #stream .facebook .timeline-status-content, #stream .instagram .timeline-status-content {font-size: 0.625em; line-height: 1.3em; padding: 0 5.6em 0 0.3em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-content, #stream .facebook .timeline-status-content, #stream .instagram .timeline-status-content {font-size: 1.625em; line-height: 1.23076923em; padding: 0 0.30769231em 0 0.30769231em;}} #stream .twitter .timeline-status-content .text a:hover, #stream .facebook .timeline-status-content .text a:hover, #stream .instagram .timeline-status-content .text a:hover {text-decoration: none; color: #c385e5;} #stream .twitter .timeline-status-content .retweeted-by, #stream .facebook .timeline-status-content .retweeted-by, #stream .instagram .timeline-status-content .retweeted-by, #stream .twitter .timeline-status-content .place, #stream .facebook .timeline-status-content .place, #stream .instagram .timeline-status-content .place {display: block; color: #fff; margin: 0.23076923em 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0;} #stream .twitter .media, #stream .facebook .media, #stream .instagram .media {margin: 0 0 0.625em;} @media (max-width: 768px) {#stream .twitter .media, #stream .facebook .media, #stream .instagram .media {margin: 0 0 0.375em;}} @media (max-width: 640px) {#stream .twitter .media, #stream .facebook .media, #stream .instagram .media {margin: 0 0 1em;}} #stream .twitter .media img, #stream .facebook .media img, #stream .instagram .media img {width: 100%; max-width: 100%; height: auto;} @media (max-width: 768px) {#stream .twitter .media.embed-type-photo img, #stream .facebook .media.embed-type-photo img, #stream .instagram .media.embed-type-photo img {min-width: 0;}} @media (max-width: 640px) {#stream .twitter .media.embed-type-video, #stream .facebook .media.embed-type-video, #stream .instagram .media.embed-type-video {position: relative; width: 100%; height: 0; padding-top: 75%;}} @media (max-width: 640px) {#stream .twitter .media.embed-type-video iframe, #stream .facebook .media.embed-type-video iframe, #stream .instagram .media.embed-type-video iframe {position: absolute; top: 0; width: 100%; height: 100%;}} @media (max-width: 640px) {#stream .twitter .media.embed-type-video.embed-type-photo, #stream .facebook .media.embed-type-video.embed-type-photo, #stream .instagram .media.embed-type-video.embed-type-photo {height: auto; padding-top: 0;}} #stream .twitter .media iframe, #stream .facebook .media iframe, #stream .instagram .media iframe {width: 400px; height: 300px;} #stream .twitter .timeline-status-footer .intents, #stream .facebook .timeline-status-footer .intents, #stream .instagram .timeline-status-footer .intents {position: absolute; right: 0.75em; bottom: 0; padding-bottom: 0.5em; display: block; visibility: visible;} @media (max-width: 768px) {#stream .twitter .timeline-status-footer .intents, #stream .facebook .timeline-status-footer .intents, #stream .instagram .timeline-status-footer .intents {visibility: visible;}} @media (max-width: 640px) {#stream .twitter .timeline-status-footer .intents, #stream .facebook .timeline-status-footer .intents, #stream .instagram .timeline-status-footer .intents {right: 1.125em; padding-bottom: 1em;}} #stream .twitter .timeline-status-footer .intents .intent, #stream .facebook .timeline-status-footer .intents .intent, #stream .instagram .timeline-status-footer .intents .intent {color: #fff; margin-left: 2px; outline: 0;} #stream .twitter .timeline-status-footer .intents .intent:hover, #stream .facebook .timeline-status-footer .intents .intent:hover, #stream .instagram .timeline-status-footer .intents .intent:hover {color: #c385e5;} #stream .twitter .timeline-status-footer .intents .fb-intent, #stream .facebook .timeline-status-footer .intents .fb-intent, #stream .instagram .timeline-status-footer .intents .fb-intent {font-size: 0.625em;} @media (max-width: 768px) {#stream .twitter .timeline-status-footer .intents .fb-intent, #stream .facebook .timeline-status-footer .intents .fb-intent, #stream .instagram .timeline-status-footer .intents .fb-intent {font-size: 0.5em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-footer .intents .fb-intent, #stream .facebook .timeline-status-footer .intents .fb-intent, #stream .instagram .timeline-status-footer .intents .fb-intent {font-size: 1.0625em;}} #stream .twitter .timeline-status-footer .intents .fb-sep, #stream .facebook .timeline-status-footer .intents .fb-sep, #stream .instagram .timeline-status-footer .intents .fb-sep {font-size: 0.625em; color: #fff;} @media (max-width: 768px) {#stream .twitter .timeline-status-footer .intents .fb-sep, #stream .facebook .timeline-status-footer .intents .fb-sep, #stream .instagram .timeline-status-footer .intents .fb-sep {font-size: 0.5em;}} @media (max-width: 640px) {#stream .twitter .timeline-status-footer .intents .fb-sep, #stream .facebook .timeline-status-footer .intents .fb-sep, #stream .instagram .timeline-status-footer .intents .fb-sep {font-size: 1.0625em;}} #stream .twitter .timeline-status-footer .intents .intent-icon, #stream .facebook .timeline-status-footer .intents .intent-icon, #stream .instagram .timeline-status-footer .intents .intent-icon {font-size: 1.125em;} @media (max-width: 768px) {#stream .twitter .timeline-status-footer .intents .intent-icon, #stream .facebook .timeline-status-footer .intents .intent-icon, #stream .instagram .timeline-status-footer .intents .intent-icon {font-size: 0.75em; margin-left: -2px;}} @media (max-width: 640px) {#stream .twitter .timeline-status-footer .intents .intent-icon, #stream .facebook .timeline-status-footer .intents .intent-icon, #stream .instagram .timeline-status-footer .intents .intent-icon {font-size: 1.75em;}} #stream .twitter .timeline-status-footer .intents .intent-text, #stream .facebook .timeline-status-footer .intents .intent-text, #stream .instagram .timeline-status-footer .intents .intent-text {display: none;} #stream .twitter .timeline-status-footer .intents.fb-intents, #stream .facebook .timeline-status-footer .intents.fb-intents, #stream .instagram .timeline-status-footer .intents.fb-intents {color: #fff;} #stream .twitter .media, #stream .facebook .media {margin: 1em 0 0.625em;} @media (max-width: 768px) {#stream .twitter .media, #stream .facebook .media {margin: 1em 0 0.375em;}} @media (max-width: 640px) {#stream .twitter .media, #stream .facebook .media {margin: 1em 0 1em;}} .mr-component-instance-stream .stream-body .status a:link, .mr-component-instance-stream .stream-body .status a:visited {color: #2994d8;} .mr-component-instance-stream .stream-body .status a:hover {color: #c385e5;} .mr-component-instance-stream .stream-body .status .timestamp {color: #fff;} .mosaic {padding: 2px 2px 30px;} #mosaic-grid {padding-top: 125%; position: relative; width: 100%; height: 0;} @media (max-width: 640px) {#mosaic-grid {padding-top: 0; height: auto;}} #mosaic-grid .tile-cell {background: rgba(37, 70, 194, 0.7);} #mosaic-grid .tile-cell:hover {background: rgba(37, 70, 194, 0.9);} .mosaic-grid-container {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} @media (max-width: 640px) {.mosaic-grid-container {position: relative;}} .item {position: absolute; overflow: hidden; width: 25%; padding-top: 25%;} @media (max-width: 640px) {.item {display: none; position: relative; width: 100%; padding-top: 100%;}} .item.large {width: 50%; padding-top: 50%;} @media (max-width: 640px) {.item.large {width: 100%; padding-top: 100%;}} .item > * {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .item.mosaic-tile-0 {top: 0; left: 0;} @media (max-width: 640px) {.item.mosaic-tile-0 {display: block; top: auto; left: auto;}} .item.mosaic-tile-1 {top: 0; left: 50%;} .item.mosaic-tile-2 {top: 0; left: 75%;} .item.mosaic-tile-3 {top: 20%; left: 50%;} .item.mosaic-tile-4 {top: 20%; left: 75%;} .item.mosaic-tile-5 {top: 40%; left: 0;} .item.mosaic-tile-6 {top: 60%; left: 0;} @media (max-width: 640px) {.item.mosaic-tile-6 {display: block; top: auto; left: auto;}} .item.mosaic-tile-7 {top: 60%; left: 25%;} .item.mosaic-tile-8 {top: 80%; left: 0;} .item.mosaic-tile-9 {top: 80%; left: 25%;} .item.mosaic-tile-10 {top: 60%; left: 50%;} @media (max-width: 640px) {.item.mosaic-tile-10 {display: block; top: auto; left: auto;}} .mosaic-header {position: absolute; overflow: hidden; width: 75%; padding-top: 25%; top: 40%; left: 25%;} @media (max-width: 640px) {.mosaic-header {position: relative; width: 100%; padding-top: 48%; top: auto; left: auto;}} .mosaic-header .header-content {margin: 2px; background: rgba(184, 43, 225, 0.56); position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;} .mosaic-header .table-wrapper {display: table; width: 100%; height: 100%; padding-top: 15px;} @media (max-width: 768px) {.mosaic-header .table-wrapper {padding-top: 10px;}} @media (max-width: 640px) {.mosaic-header .table-wrapper {padding-top: 1em;}} .mosaic-header .centered-content {display: table-cell; vertical-align: middle;} .mosaic-header .title {text-align: center; font-size: 1.375em; font-weight: 700; text-transform: uppercase; letter-spacing: 2px;} @media (max-width: 768px) {.mosaic-header .title {font-size: 1.0625em;}} @media (max-width: 640px) {.mosaic-header .title {font-size: 1.6875em;}} .mosaic-header .subtitle {text-align: center; font-size: 5.25em; font-weight: 900; text-transform: uppercase; margin-bottom: 16px; text-shadow: 0px 5px 13px rgba(0, 0, 0, 0.4);} @media (max-width: 768px) {.mosaic-header .subtitle {font-size: 4.125em; letter-spacing: -1px; margin-bottom: 14px;}} @media (max-width: 640px) {.mosaic-header .subtitle {font-size: 6.625em; margin-bottom: 0.19811321em;}} .mosaic-header .social-buttons {text-align: center;} #mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {background: transparent; border: 3px solid #e196f9; padding: 0.53em 1em; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); margin: 0.4em; -webkit-transition: background-color 0.3s ease-in, -webkit-box-shadow 0.3s ease-in; transition: background-color 0.3s ease-in, box-shadow 0.3s ease-in;} #mosaic-tweet-button .button.button-style-color:hover, #mosaic-post-button .button.button-style-color:hover, #mosaic-photo-share-button .button.button-style-color:hover {background: #e196f9; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); -webkit-transition: background-color 0.3s ease-in, -webkit-box-shadow 0.3s ease-in; transition: background-color 0.3s ease-in, box-shadow 0.3s ease-in;} @media (max-width: 768px) {#mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {padding: 0.25em .6em; margin: 0.3em;}} @media (max-width: 640px) {#mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {padding: .6em 1.4em; margin: .6em; font-size: 14px;}} @media (max-width: 600px) {#mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {font-size: 13px;}} @media (max-width: 560px) {#mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {font-size: 12px;}} @media (max-width: 520px) {#mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {font-size: 11px;}} @media (max-width: 480px) {#mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {font-size: 10px;}} @media (max-width: 440px) {#mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {font-size: 10px;}} @media (max-width: 400px) {#mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {font-size: 9px;}} @media (max-width: 360px) {#mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {font-size: 8px;}} @media (max-width: 320px) {#mosaic-tweet-button .button.button-style-color, #mosaic-post-button .button.button-style-color, #mosaic-photo-share-button .button.button-style-color {font-size: 7px;}} #mosaic-tweet-button .button.button-style-color .icon, #mosaic-post-button .button.button-style-color .icon, #mosaic-photo-share-button .button.button-style-color .icon {color: #fff; font-size: 1.3em; margin-right: 5px;} @media (max-width: 768px) {#mosaic-tweet-button .button.button-style-color .icon, #mosaic-post-button .button.button-style-color .icon, #mosaic-photo-share-button .button.button-style-color .icon {margin-right: 2px;}} @media (max-width: 640px) {#mosaic-tweet-button .button.button-style-color .icon, #mosaic-post-button .button.button-style-color .icon, #mosaic-photo-share-button .button.button-style-color .icon {font-size: 1.7em; margin-right: 0.41666667em;}} #mosaic-tweet-button .button.button-style-color .icon.icon-camera, #mosaic-post-button .button.button-style-color .icon.icon-camera, #mosaic-photo-share-button .button.button-style-color .icon.icon-camera {position: relative; top: 1px;} #mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 15px; color: #fff; text-transform: uppercase; text-shadow: 0 3px 2px rgba(0, 0, 0, 0.5); letter-spacing: 2px;} @media (max-width: 768px) {#mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 12px; letter-spacing: 1px;}} @media (max-width: 640px) {#mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 18px;}} @media (max-width: 600px) {#mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 16px;}} @media (max-width: 560px) {#mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 15px;}} @media (max-width: 520px) {#mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 14px;}} @media (max-width: 480px) {#mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 13px;}} @media (max-width: 440px) {#mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 12px;}} @media (max-width: 400px) {#mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 11px;}} @media (max-width: 360px) {#mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 10px;}} @media (max-width: 320px) {#mosaic-tweet-button .button.button-style-color .button-text, #mosaic-post-button .button.button-style-color .button-text, #mosaic-photo-share-button .button.button-style-color .button-text {font-size: 9px;}} .share-thanks p {margin-bottom: .5em;} .item .tile-content .media, .item .tile-content iframe, .item .tile-content .status {width: 100%; height: 100%;} .item .image .status .media {text-align: center; display: table; padding: 0;} .item .image .status .media a {display: table-cell; vertical-align: middle;} .item .image img {max-width: 100%; max-height: 100%; width: auto; height: auto; display: none;} .item .image .background-image {-webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; position: absolute;} .lt-ie9 .item .image .background-image {background: none;} .icon-video {display: none;} .embed-type-video .icon-video {display: block; top: 30%; bottom: 30%; left: 30%; right: 30%; position: absolute; background-image: url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/img/video-play.png"); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; opacity: .6;} .embed-type-video .icon-video:hover {opacity: 1;} .status .media.embed-type-photo img {min-width: 400px;} .mosaic .attribution {position: absolute; bottom: 18px; width: 100%;} @media (max-width: 768px) {.mosaic .attribution {bottom: 14px;}} @media (max-width: 640px) {.mosaic .attribution {bottom: 1.5em;}} .mosaic .attribution .handle {display: block; font-size: 0.875em; font-weight: 700; text-align: center; color: white; padding: 0 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-shadow: 1px 1px 0 #ccc; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-transition: color 0.3s ease-in; transition: color 0.3s ease-in;} @media (max-width: 768px) {.mosaic .attribution .handle {font-size: 0.6875em;}} @media (max-width: 640px) {.mosaic .attribution .handle {font-size: 1.75em;}} .mosaic .attribution .logo {font-size: 2.0625em; display: block; text-shadow: 1px 1px 0 #ccc; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); color: #fff; -webkit-transition: color 0.3s ease-in; transition: color 0.3s ease-in;} @media (max-width: 768px) {.mosaic .attribution .logo {font-size: 1.75em;}} @media (max-width: 640px) {.mosaic .attribution .logo {font-size: 4.125em; margin-bottom: 0.06666667em;}} .mosaic .item:hover .attribution .handle, .mosaic .item:hover .attribution .logo {color: #2994D8; -webkit-transition: color 0.3s ease-in; transition: color 0.3s ease-in;} html.lt-ie9 .item .image .background-image {-webkit-background-size: cover; background-size: cover; -ms-behavior: url("/static/backgroundsize.min.htc");} html.lt-ie9 .embed-type-video .icon-video {-webkit-background-size: cover; background-size: cover; -ms-behavior: url("/static/backgroundsize.min.htc");} #mosaic-grid .item.text .status, #mosaic-grid .item.text .status.twitter, #mosaic-grid .item.text .status.facebook {font-size: 1em; text-align: center;} #mosaic-grid .item.text .status:hover .tile-footer, #mosaic-grid .item.text .status.twitter:hover .tile-footer, #mosaic-grid .item.text .status.facebook:hover .tile-footer {visibility: visible; display: block;} #mosaic-grid .item.text .status .tile-header, #mosaic-grid .item.text .status.twitter .tile-header, #mosaic-grid .item.text .status.facebook .tile-header {padding: 0.75em; position: relative; text-align: center;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-header, #mosaic-grid .item.text .status.twitter .tile-header, #mosaic-grid .item.text .status.facebook .tile-header {padding: 0.6875em;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-header, #mosaic-grid .item.text .status.twitter .tile-header, #mosaic-grid .item.text .status.facebook .tile-header {padding: 0.625em;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-header, #mosaic-grid .item.text .status.twitter .tile-header, #mosaic-grid .item.text .status.facebook .tile-header {padding: 2.125em 2em 2.5625em;}} #mosaic-grid .item.text .status .tile-header .avatar, #mosaic-grid .item.text .status.twitter .tile-header .avatar, #mosaic-grid .item.text .status.facebook .tile-header .avatar {display: block; width: 2.625em; float: none; margin: 0 auto 0.3125em;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-header .avatar, #mosaic-grid .item.text .status.twitter .tile-header .avatar, #mosaic-grid .item.text .status.facebook .tile-header .avatar {width: 2.3125em; margin: 0 auto 0.25em;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-header .avatar, #mosaic-grid .item.text .status.twitter .tile-header .avatar, #mosaic-grid .item.text .status.facebook .tile-header .avatar {width: 2.0625em; margin: 0 auto 0.25em;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-header .avatar, #mosaic-grid .item.text .status.twitter .tile-header .avatar, #mosaic-grid .item.text .status.facebook .tile-header .avatar {width: 6.625em; margin: 0 auto 1em; max-width: none;}} #mosaic-grid .item.text .status .tile-header .avatar img, #mosaic-grid .item.text .status.twitter .tile-header .avatar img, #mosaic-grid .item.text .status.facebook .tile-header .avatar img {display: block; width: 100%; max-width: 100%; height: auto; -webkit-border-radius: 100%; border-radius: 100%;} #mosaic-grid .item.text .status .tile-header .author, #mosaic-grid .item.text .status.twitter .tile-header .author, #mosaic-grid .item.text .status.facebook .tile-header .author {display: block;} #mosaic-grid .item.text .status .tile-header .author a, #mosaic-grid .item.text .status.twitter .tile-header .author a, #mosaic-grid .item.text .status.facebook .tile-header .author a {color: #ffffff;} #mosaic-grid .item.text .status .tile-header .author a:hover, #mosaic-grid .item.text .status.twitter .tile-header .author a:hover, #mosaic-grid .item.text .status.facebook .tile-header .author a:hover, #mosaic-grid .item.text .status .tile-header .author a:active, #mosaic-grid .item.text .status.twitter .tile-header .author a:active, #mosaic-grid .item.text .status.facebook .tile-header .author a:active {color: #c385e5; text-decoration: none;} #mosaic-grid .item.text .status .tile-header .author a:visited, #mosaic-grid .item.text .status.twitter .tile-header .author a:visited, #mosaic-grid .item.text .status.facebook .tile-header .author a:visited {color: #ffffff; text-decoration: none;} #mosaic-grid .item.text .status .tile-header .primary-name, #mosaic-grid .item.text .status.twitter .tile-header .primary-name, #mosaic-grid .item.text .status.facebook .tile-header .primary-name, #mosaic-grid .item.text .status .tile-header .secondary-name, #mosaic-grid .item.text .status.twitter .tile-header .secondary-name, #mosaic-grid .item.text .status.facebook .tile-header .secondary-name {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #mosaic-grid .item.text .status .tile-header .primary-name, #mosaic-grid .item.text .status.twitter .tile-header .primary-name, #mosaic-grid .item.text .status.facebook .tile-header .primary-name {font-size: 0.84375em; font-weight: 700; line-height: 1.2em; margin-bottom: 0.22222222em; color: #ffffff;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-header .primary-name, #mosaic-grid .item.text .status.twitter .tile-header .primary-name, #mosaic-grid .item.text .status.facebook .tile-header .primary-name {font-size: 0.75em; font-weight: 500; margin-bottom: 2px;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-header .primary-name, #mosaic-grid .item.text .status.twitter .tile-header .primary-name, #mosaic-grid .item.text .status.facebook .tile-header .primary-name {font-size: 0.6875em; font-weight: 500; margin-bottom: 2px;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-header .primary-name, #mosaic-grid .item.text .status.twitter .tile-header .primary-name, #mosaic-grid .item.text .status.facebook .tile-header .primary-name {font-size: 2em; margin-bottom: 0.1875em;}} #mosaic-grid .item.text .status .tile-header .secondary-name, #mosaic-grid .item.text .status.twitter .tile-header .secondary-name, #mosaic-grid .item.text .status.facebook .tile-header .secondary-name {font-size: 0.6875em; font-weight: 400; line-height: 1.2em; color: #ffffff;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-header .secondary-name, #mosaic-grid .item.text .status.twitter .tile-header .secondary-name, #mosaic-grid .item.text .status.facebook .tile-header .secondary-name {font-size: 0.625em; font-weight: 100;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-header .secondary-name, #mosaic-grid .item.text .status.twitter .tile-header .secondary-name, #mosaic-grid .item.text .status.facebook .tile-header .secondary-name {font-size: 0.5625em; font-weight: 100;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-header .secondary-name, #mosaic-grid .item.text .status.twitter .tile-header .secondary-name, #mosaic-grid .item.text .status.facebook .tile-header .secondary-name {font-size: 1.5625em;}} #mosaic-grid .item.text .status .tile-header .verified, #mosaic-grid .item.text .status.twitter .tile-header .verified, #mosaic-grid .item.text .status.facebook .tile-header .verified {position: relative; display: inline-block; vertical-align: top; font-size: 1em; width: 1em; height: 1em;} #mosaic-grid .item.text .status .tile-header .verified .icon-twitter-verified-bg, #mosaic-grid .item.text .status.twitter .tile-header .verified .icon-twitter-verified-bg, #mosaic-grid .item.text .status.facebook .tile-header .verified .icon-twitter-verified-bg {position: absolute; top: 0; left: 0; color: #1dcaff;} #mosaic-grid .item.text .status .tile-header .verified .icon-twitter-verified-check, #mosaic-grid .item.text .status.twitter .tile-header .verified .icon-twitter-verified-check, #mosaic-grid .item.text .status.facebook .tile-header .verified .icon-twitter-verified-check {position: absolute; top: 0; left: 0; color: #fff;} #mosaic-grid .item.text .status .tile-header .tile-dt, #mosaic-grid .item.text .status.twitter .tile-header .tile-dt, #mosaic-grid .item.text .status.facebook .tile-header .tile-dt {display: block; position: absolute; right: 8px; top: 8px;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-header .tile-dt, #mosaic-grid .item.text .status.twitter .tile-header .tile-dt, #mosaic-grid .item.text .status.facebook .tile-header .tile-dt {top: 9px; right: 7px;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-header .tile-dt, #mosaic-grid .item.text .status.twitter .tile-header .tile-dt, #mosaic-grid .item.text .status.facebook .tile-header .tile-dt {top: 10px; right: 7px;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-header .tile-dt, #mosaic-grid .item.text .status.twitter .tile-header .tile-dt, #mosaic-grid .item.text .status.facebook .tile-header .tile-dt {top: 1.5em; right: 1.25em;}} #mosaic-grid .item.text .status .tile-header .tile-dt a, #mosaic-grid .item.text .status.twitter .tile-header .tile-dt a, #mosaic-grid .item.text .status.facebook .tile-header .tile-dt a {display: block;} #mosaic-grid .item.text .status .tile-header .permalink, #mosaic-grid .item.text .status.twitter .tile-header .permalink, #mosaic-grid .item.text .status.facebook .tile-header .permalink {font-size: 16px; color: #ffffff; text-decoration: none;} #mosaic-grid .item.text .status .tile-header .permalink:hover, #mosaic-grid .item.text .status.twitter .tile-header .permalink:hover, #mosaic-grid .item.text .status.facebook .tile-header .permalink:hover, #mosaic-grid .item.text .status .tile-header .permalink:visited, #mosaic-grid .item.text .status.twitter .tile-header .permalink:visited, #mosaic-grid .item.text .status.facebook .tile-header .permalink:visited, #mosaic-grid .item.text .status .tile-header .permalink:active, #mosaic-grid .item.text .status.twitter .tile-header .permalink:active, #mosaic-grid .item.text .status.facebook .tile-header .permalink:active {text-decoration: none;} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-header .permalink, #mosaic-grid .item.text .status.twitter .tile-header .permalink, #mosaic-grid .item.text .status.facebook .tile-header .permalink {font-size: 16px;}} @media (max-width: 600px) {#mosaic-grid .item.text .status .tile-header .permalink, #mosaic-grid .item.text .status.twitter .tile-header .permalink, #mosaic-grid .item.text .status.facebook .tile-header .permalink {font-size: 15px;}} @media (max-width: 560px) {#mosaic-grid .item.text .status .tile-header .permalink, #mosaic-grid .item.text .status.twitter .tile-header .permalink, #mosaic-grid .item.text .status.facebook .tile-header .permalink {font-size: 14px;}} @media (max-width: 520px) {#mosaic-grid .item.text .status .tile-header .permalink, #mosaic-grid .item.text .status.twitter .tile-header .permalink, #mosaic-grid .item.text .status.facebook .tile-header .permalink {font-size: 13px;}} @media (max-width: 480px) {#mosaic-grid .item.text .status .tile-header .permalink, #mosaic-grid .item.text .status.twitter .tile-header .permalink, #mosaic-grid .item.text .status.facebook .tile-header .permalink {font-size: 12px;}} @media (max-width: 440px) {#mosaic-grid .item.text .status .tile-header .permalink, #mosaic-grid .item.text .status.twitter .tile-header .permalink, #mosaic-grid .item.text .status.facebook .tile-header .permalink {font-size: 11px;}} @media (max-width: 400px) {#mosaic-grid .item.text .status .tile-header .permalink, #mosaic-grid .item.text .status.twitter .tile-header .permalink, #mosaic-grid .item.text .status.facebook .tile-header .permalink {font-size: 10px;}} @media (max-width: 360px) {#mosaic-grid .item.text .status .tile-header .permalink, #mosaic-grid .item.text .status.twitter .tile-header .permalink, #mosaic-grid .item.text .status.facebook .tile-header .permalink {font-size: 9px;}} @media (max-width: 320px) {#mosaic-grid .item.text .status .tile-header .permalink, #mosaic-grid .item.text .status.twitter .tile-header .permalink, #mosaic-grid .item.text .status.facebook .tile-header .permalink {font-size: 8px;}} #mosaic-grid .item.text .status .tile-header .permalink .timestamp, #mosaic-grid .item.text .status.twitter .tile-header .permalink .timestamp, #mosaic-grid .item.text .status.facebook .tile-header .permalink .timestamp {color: #ffffff; font-size: 0.625em; display: block;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-header .permalink .timestamp, #mosaic-grid .item.text .status.twitter .tile-header .permalink .timestamp, #mosaic-grid .item.text .status.facebook .tile-header .permalink .timestamp {font-size: 0.5625em; line-height: 1.33333333em;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-header .permalink .timestamp, #mosaic-grid .item.text .status.twitter .tile-header .permalink .timestamp, #mosaic-grid .item.text .status.facebook .tile-header .permalink .timestamp {font-size: 0.5em; line-height: 1.625em;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-header .permalink .timestamp, #mosaic-grid .item.text .status.twitter .tile-header .permalink .timestamp, #mosaic-grid .item.text .status.facebook .tile-header .permalink .timestamp {font-size: 1.25em; line-height: 1.5em;}} #mosaic-grid .item.text .status .tile-header .permalink .permalink-logo, #mosaic-grid .item.text .status.twitter .tile-header .permalink .permalink-logo, #mosaic-grid .item.text .status.facebook .tile-header .permalink .permalink-logo {display: block; font-size: 1.6875em; color: #ffffff;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-header .permalink .permalink-logo, #mosaic-grid .item.text .status.twitter .tile-header .permalink .permalink-logo, #mosaic-grid .item.text .status.facebook .tile-header .permalink .permalink-logo {font-size: 1.4375em;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-header .permalink .permalink-logo, #mosaic-grid .item.text .status.twitter .tile-header .permalink .permalink-logo, #mosaic-grid .item.text .status.facebook .tile-header .permalink .permalink-logo {font-size: 1.1875em;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-header .permalink .permalink-logo, #mosaic-grid .item.text .status.twitter .tile-header .permalink .permalink-logo, #mosaic-grid .item.text .status.facebook .tile-header .permalink .permalink-logo {font-size: 3.375em;}} #mosaic-grid .item.text .status .tile-body, #mosaic-grid .item.text .status.twitter .tile-body, #mosaic-grid .item.text .status.facebook .tile-body {font-size: 0.8125em; line-height: 1.23076923em; padding: 0 1.38461538em;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-body, #mosaic-grid .item.text .status.twitter .tile-body, #mosaic-grid .item.text .status.facebook .tile-body {font-size: 0.75em; line-height: 1.16666667em; padding: 0 1.33333333em;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-body, #mosaic-grid .item.text .status.twitter .tile-body, #mosaic-grid .item.text .status.facebook .tile-body {font-size: 0.625em; line-height: 1.3em; padding: 0 1.4em;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-body, #mosaic-grid .item.text .status.twitter .tile-body, #mosaic-grid .item.text .status.facebook .tile-body {font-size: 2em; line-height: 1.1875em; padding: 0 0.875em;}} #mosaic-grid .item.text .status .tile-body a, #mosaic-grid .item.text .status.twitter .tile-body a, #mosaic-grid .item.text .status.facebook .tile-body a {color: #2994d8; text-decoration: none;} #mosaic-grid .item.text .status .tile-body a:hover, #mosaic-grid .item.text .status.twitter .tile-body a:hover, #mosaic-grid .item.text .status.facebook .tile-body a:hover, #mosaic-grid .item.text .status .tile-body a:active, #mosaic-grid .item.text .status.twitter .tile-body a:active, #mosaic-grid .item.text .status.facebook .tile-body a:active {color: #c385e5; text-decoration: none;} #mosaic-grid .item.text .status .tile-body a:visited, #mosaic-grid .item.text .status.twitter .tile-body a:visited, #mosaic-grid .item.text .status.facebook .tile-body a:visited {color: #2994d8;} #mosaic-grid .item.text .status .tile-body .text, #mosaic-grid .item.text .status.twitter .tile-body .text, #mosaic-grid .item.text .status.facebook .tile-body .text {font-size: 1em; font-weight: 400; clear: none; color: #ffffff;} #mosaic-grid .item.text .status .tile-body .retweeted-by, #mosaic-grid .item.text .status.twitter .tile-body .retweeted-by, #mosaic-grid .item.text .status.facebook .tile-body .retweeted-by {font-size: 0.84615385em; line-height: 1.45454545em; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #mosaic-grid .item.text .status .tile-body .retweeted-by .retweeted-by-icon, #mosaic-grid .item.text .status.twitter .tile-body .retweeted-by .retweeted-by-icon, #mosaic-grid .item.text .status.facebook .tile-body .retweeted-by .retweeted-by-icon {display: inline-block; text-align: center;} #mosaic-grid .item.text .status .tile-body .place, #mosaic-grid .item.text .status.twitter .tile-body .place, #mosaic-grid .item.text .status.facebook .tile-body .place {display: block; font-size: 0.84615385em; line-height: 1.45454545em; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #mosaic-grid .item.text .status .tile-footer, #mosaic-grid .item.text .status.twitter .tile-footer, #mosaic-grid .item.text .status.facebook .tile-footer {position: absolute; bottom: 0.75em; left: 0; right: 0; text-align: center; visibility: visible; display: block;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-footer, #mosaic-grid .item.text .status.twitter .tile-footer, #mosaic-grid .item.text .status.facebook .tile-footer {bottom: 0.71875em;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-footer, #mosaic-grid .item.text .status.twitter .tile-footer, #mosaic-grid .item.text .status.facebook .tile-footer {bottom: 0.5625em;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-footer, #mosaic-grid .item.text .status.twitter .tile-footer, #mosaic-grid .item.text .status.facebook .tile-footer {bottom: 2em;}} #mosaic-grid .item.text .status .tile-footer .intents, #mosaic-grid .item.text .status.twitter .tile-footer .intents, #mosaic-grid .item.text .status.facebook .tile-footer .intents {visibility: visible; display: block; float: none; font-size: 16px; text-align: center;} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-footer .intents, #mosaic-grid .item.text .status.twitter .tile-footer .intents, #mosaic-grid .item.text .status.facebook .tile-footer .intents {font-size: 16px;}} @media (max-width: 600px) {#mosaic-grid .item.text .status .tile-footer .intents, #mosaic-grid .item.text .status.twitter .tile-footer .intents, #mosaic-grid .item.text .status.facebook .tile-footer .intents {font-size: 15px;}} @media (max-width: 560px) {#mosaic-grid .item.text .status .tile-footer .intents, #mosaic-grid .item.text .status.twitter .tile-footer .intents, #mosaic-grid .item.text .status.facebook .tile-footer .intents {font-size: 14px;}} @media (max-width: 520px) {#mosaic-grid .item.text .status .tile-footer .intents, #mosaic-grid .item.text .status.twitter .tile-footer .intents, #mosaic-grid .item.text .status.facebook .tile-footer .intents {font-size: 13px;}} @media (max-width: 480px) {#mosaic-grid .item.text .status .tile-footer .intents, #mosaic-grid .item.text .status.twitter .tile-footer .intents, #mosaic-grid .item.text .status.facebook .tile-footer .intents {font-size: 12px;}} @media (max-width: 440px) {#mosaic-grid .item.text .status .tile-footer .intents, #mosaic-grid .item.text .status.twitter .tile-footer .intents, #mosaic-grid .item.text .status.facebook .tile-footer .intents {font-size: 11px;}} @media (max-width: 400px) {#mosaic-grid .item.text .status .tile-footer .intents, #mosaic-grid .item.text .status.twitter .tile-footer .intents, #mosaic-grid .item.text .status.facebook .tile-footer .intents {font-size: 10px;}} @media (max-width: 360px) {#mosaic-grid .item.text .status .tile-footer .intents, #mosaic-grid .item.text .status.twitter .tile-footer .intents, #mosaic-grid .item.text .status.facebook .tile-footer .intents {font-size: 9px;}} @media (max-width: 320px) {#mosaic-grid .item.text .status .tile-footer .intents, #mosaic-grid .item.text .status.twitter .tile-footer .intents, #mosaic-grid .item.text .status.facebook .tile-footer .intents {font-size: 8px;}} #mosaic-grid .item.text .status .tile-footer .intents .intent, #mosaic-grid .item.text .status.twitter .tile-footer .intents .intent, #mosaic-grid .item.text .status.facebook .tile-footer .intents .intent {outline: 0; margin-left: 0;} #mosaic-grid .item.text .status .tile-footer .intents .intent-icon, #mosaic-grid .item.text .status.twitter .tile-footer .intents .intent-icon, #mosaic-grid .item.text .status.facebook .tile-footer .intents .intent-icon {font-size: 1.125em;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-footer .intents .intent-icon, #mosaic-grid .item.text .status.twitter .tile-footer .intents .intent-icon, #mosaic-grid .item.text .status.facebook .tile-footer .intents .intent-icon {font-size: 1em;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-footer .intents .intent-icon, #mosaic-grid .item.text .status.twitter .tile-footer .intents .intent-icon, #mosaic-grid .item.text .status.facebook .tile-footer .intents .intent-icon {font-size: 0.84375em;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-footer .intents .intent-icon, #mosaic-grid .item.text .status.twitter .tile-footer .intents .intent-icon, #mosaic-grid .item.text .status.facebook .tile-footer .intents .intent-icon {font-size: 2.5em; margin: 0.15em;}} #mosaic-grid .item.text .status .tile-footer .intents a, #mosaic-grid .item.text .status.twitter .tile-footer .intents a, #mosaic-grid .item.text .status.facebook .tile-footer .intents a {text-decoration: none; color: #ffffff;} #mosaic-grid .item.text .status .tile-footer .intents a .intent-text, #mosaic-grid .item.text .status.twitter .tile-footer .intents a .intent-text, #mosaic-grid .item.text .status.facebook .tile-footer .intents a .intent-text {display: none;} #mosaic-grid .item.text .status .tile-footer .intents a:hover, #mosaic-grid .item.text .status.twitter .tile-footer .intents a:hover, #mosaic-grid .item.text .status.facebook .tile-footer .intents a:hover, #mosaic-grid .item.text .status .tile-footer .intents a:active, #mosaic-grid .item.text .status.twitter .tile-footer .intents a:active, #mosaic-grid .item.text .status.facebook .tile-footer .intents a:active {text-decoration: none; color: #c385e5;} #mosaic-grid .item.text .status .tile-footer .intents a:hover .intent-text, #mosaic-grid .item.text .status.twitter .tile-footer .intents a:hover .intent-text, #mosaic-grid .item.text .status.facebook .tile-footer .intents a:hover .intent-text, #mosaic-grid .item.text .status .tile-footer .intents a:active .intent-text, #mosaic-grid .item.text .status.twitter .tile-footer .intents a:active .intent-text, #mosaic-grid .item.text .status.facebook .tile-footer .intents a:active .intent-text {text-decoration: none;} #mosaic-grid .item.text .status .tile-footer .intents a:visited, #mosaic-grid .item.text .status.twitter .tile-footer .intents a:visited, #mosaic-grid .item.text .status.facebook .tile-footer .intents a:visited {text-decoration: none; color: #ffffff;} #mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like {font-size: 0; outline: 0;} #mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 18px; content: "\f10b "; font-family: "socialite-0-10-0"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit; margin-left: -0.2222em; outline: 0;} @media (max-width: 878px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 16px;}} @media (max-width: 768px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 16px;}} @media (max-width: 640px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 40px;}} @media (max-width: 600px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 38px;}} @media (max-width: 560px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 35px;}} @media (max-width: 520px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 33px;}} @media (max-width: 480px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 30px;}} @media (max-width: 440px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 28px;}} @media (max-width: 400px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 25px;}} @media (max-width: 360px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 23px;}} @media (max-width: 320px) {#mosaic-grid .item.text .status .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent.intent-like:before, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent.intent-like:before {font-size: 20px;}} #mosaic-grid .item.text .status .tile-footer .intents a.fb-intent[data-liked="false"], #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent[data-liked="false"], #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent[data-liked="false"] {color: #ffffff;} #mosaic-grid .item.text .status .tile-footer .intents a.fb-intent[data-liked="false"]:hover, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent[data-liked="false"]:hover, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent[data-liked="false"]:hover {color: #c385e5;} #mosaic-grid .item.text .status .tile-footer .intents a.fb-intent[data-liked="true"], #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent[data-liked="true"], #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent[data-liked="true"] {color: #c385e5;} #mosaic-grid .item.text .status .tile-footer .intents a.fb-intent[data-liked="true"]:hover, #mosaic-grid .item.text .status.twitter .tile-footer .intents a.fb-intent[data-liked="true"]:hover, #mosaic-grid .item.text .status.facebook .tile-footer .intents a.fb-intent[data-liked="true"]:hover {color: #c385e5;} html.touch .text .status:hover .tile-footer {visibility: visible; display: block;} html.touch .text .status .tile-footer {visibility: visible; display: block;} #truncateTest {top: 0; left: -1000px; color: #ffffff; position: absolute; width: 25%; font-size: 0.8125em; line-height: 1.23076923em;} @media (max-width: 878px) {#truncateTest {font-size: 0.75em; line-height: 1.16666667em;}} @media (max-width: 768px) {#truncateTest {font-size: 0.625em; line-height: 1.3em;}} @media (max-width: 640px) {#truncateTest {font-size: 2em; line-height: 1.1875em;}} #truncateTest .text-wrapper {position: absolute; background: blue; margin: 2px; text-align: center; padding: 0 1.38461538em;} @media (max-width: 878px) {#truncateTest .text-wrapper {padding: 0 1.33333333em;}} @media (max-width: 768px) {#truncateTest .text-wrapper {padding: 0 1.4em;}} @media (max-width: 640px) {#truncateTest .text-wrapper {padding: 0 0.875em;}} .truncate {width: 100%; max-height: 6.15384615em; overflow: hidden; line-height: 1.23076923em; margin: 0 auto;} .truncate.has-place, .truncate.is-retweet {max-height: 4.92307692em; margin-bottom: .3em;} .truncate.has-place.is-retweet {max-height: 3.69230769em; margin-bottom: .3em;} @media (max-width: 878px) {.truncate {max-height: 4.66666667em; line-height: 1.16666667em;} .truncate.has-place, .truncate.is-retweet {max-height: 3.5em;} .truncate.has-place.is-retweet {max-height: 2.33333333em;}} @media (max-width: 768px) {.truncate {max-height: 6.5em; line-height: 1.3em;} .truncate.has-place, .truncate.is-retweet {max-height: 5.2em;} .truncate.has-place.is-retweet {max-height: 3.9em;}} @media (max-width: 640px) {.truncate {max-height: 7.125em; line-height: 1.1875em;} .truncate.has-place, .truncate.is-retweet {max-height: 5.9375em;} .truncate.has-place.is-retweet {max-height: 4.75em;}} .truncate.is-truncated {height: 6.15384615em;} .truncate.is-truncated.has-place, .truncate.is-truncated.is-retweet {height: 4.92307692em;} .truncate.is-truncated.has-place.is-retweet {height: 3.69230769em;} @media (max-width: 878px) {.truncate.is-truncated {height: 4.66666667em;} .truncate.is-truncated.has-place, .truncate.is-truncated.is-retweet {height: 3.5em;} .truncate.is-truncated.has-place.is-retweet {height: 2.33333333em;}} @media (max-width: 768px) {.truncate.is-truncated {height: 6.5em;} .truncate.is-truncated.has-place, .truncate.is-truncated.is-retweet {height: 5.2em;} .truncate.is-truncated.has-place.is-retweet {height: 3.9em;}} @media (max-width: 640px) {.truncate.is-truncated {height: 7.125em;} .truncate.is-truncated.has-place, .truncate.is-truncated.is-retweet {height: 5.9375em;} .truncate.is-truncated.has-place.is-retweet {height: 4.75em;}} @media (max-width: 768px) {.mr-component-instance-modal .modal-content {max-width: 320px; width: 320px;}} @media (max-width: 640px) {.mr-component-instance-modal .modal-content {max-width: 500px; width: 100%;}} .mr-component-type-modal-2 {background-color: rgba(5, 5, 5, 0.84); padding: 36px; display: none;} @media screen and (max-width: 640px) {.mr-component-type-modal-2 {padding: 36px 0;} .mr-component-type-modal-2:before {margin-right: 0;}} .modal {width: 100%;} @media screen and (max-width: 640px) {.modal-wrapper {padding: 0;}} .modal-overlay {background: rgba(5, 5, 5, 0.84);} .modal-content {padding: 0; font-size: 16px; color: #fff;} @media (max-width: 640px) {.modal-content {font-size: 16px;}} @media (max-width: 600px) {.modal-content {font-size: 15px;}} @media (max-width: 560px) {.modal-content {font-size: 14px;}} @media (max-width: 520px) {.modal-content {font-size: 13px;}} @media (max-width: 480px) {.modal-content {font-size: 12px;}} @media (max-width: 440px) {.modal-content {font-size: 11px;}} @media (max-width: 400px) {.modal-content {font-size: 10px;}} @media (max-width: 360px) {.modal-content {font-size: 9px;}} @media (max-width: 320px) {.modal-content {font-size: 8px;}} .modal-content .modal-status-overlay {position: relative; line-height: 100%; background: #000;} .modal-content .status {position: relative; line-height: 0; word-break: break-word;} .modal-content .status a {color: #2994d8; text-decoration: none;} .modal-content .status a:hover {text-decoration: none; color: #c385e5;} .modal-content .status .retweeted-by {color: #fff;} .modal-content .status .modal-status-media {padding-bottom: 0; position: relative; background: #000;} .modal-content .status .modal-status-media .media {max-width: 100%; overflow: hidden;} .modal-content .status .modal-status-media .media.embed-type-video {width: 408px; height: 408px; position: relative;} @media (max-width: 768px) {.modal-content .status .modal-status-media .media.embed-type-video {width: 320px; height: 320px;}} @media screen and (max-width: 640px) {.modal-content .status .modal-status-media .media.embed-type-video {width: 100%; height: 1px; padding-top: 100%;}} .modal-content .status .modal-status-media .media.embed-type-video iframe {width: 100%; height: 100%; margin: 0 auto; display: block;} @media screen and (max-width: 640px) {.modal-content .status .modal-status-media .media.embed-type-video iframe {position: absolute; top: 0;}} @media screen and (max-width: 640px) {.modal-content .status .modal-status-media .media.embed-type-video.embed-type-photo {height: auto; padding-top: 0;}} @media screen and (max-width: 768px) {.modal-content .status .modal-status-media .media.embed-type-photo img {min-width: 320px;}} @media screen and (max-width: 640px) {.modal-content .status .modal-status-media .media.embed-type-photo img {min-width: 0;}} .modal-content .status .modal-status-media .media img {width: 100%; max-width: 100%;} .modal-content .status .modal-status-wrapper {overflow: hidden; background: #2546c2; color: #fff; padding: 12px 46px 10px; position: relative; text-align: center; line-height: 1.2em;} @media (max-width: 768px) {.modal-content .status .modal-status-wrapper {padding: 8px 36px 5px;}} @media (max-width: 640px) {.modal-content .status .modal-status-wrapper {padding: 1em 3.75em 0.625em;}} .modal-content .status .modal-status-avatar {width: 43px; height: 43px; display: block; margin: 0 auto 4px; overflow: hidden; -webkit-border-radius: 100%; border-radius: 100%;} @media (max-width: 768px) {.modal-content .status .modal-status-avatar {height: 32px; width: 32px; margin-bottom: 3px;}} @media (max-width: 640px) {.modal-content .status .modal-status-avatar {height: 4em; width: 4em; margin-bottom: 0.375em;}} .modal-content .status .modal-status-avatar img {max-width: 100%; width: 100%; height: auto;} .modal-content .status .modal-status-header {display: block; text-align: center; margin-bottom: 1em;} @media (max-width: 768px) {.modal-content .status .modal-status-header {margin-bottom: 0.5em;}} @media (max-width: 640px) {.modal-content .status .modal-status-header {margin-bottom: 1em;}} .modal-content .status .modal-status-author {display: block; text-align: center;} .modal-content .status .modal-status-author a {color: #fff; text-decoration: none; display: inline-block;} .modal-content .status .modal-status-author a .primary, .modal-content .status .modal-status-author a .primary-name {display: block; font-size: 1.125em; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} @media (max-width: 768px) {.modal-content .status .modal-status-author a .primary, .modal-content .status .modal-status-author a .primary-name {font-size: 0.875em; line-height: 1.14285714em;}} @media (max-width: 640px) {.modal-content .status .modal-status-author a .primary, .modal-content .status .modal-status-author a .primary-name {font-size: 1.75em; line-height: 1.14285714em;}} .modal-content .status .modal-status-author a .secondary {display: block; font-size: 0.8125em; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} @media (max-width: 768px) {.modal-content .status .modal-status-author a .secondary {font-size: 0.625em; line-height: 1.2em;}} @media (max-width: 640px) {.modal-content .status .modal-status-author a .secondary {font-size: 1.25em; line-height: 1.2em;}} .modal-content .status .modal-status-author a:hover {text-decoration: none;} .modal-content .status .verified {position: relative; font-size: 1.05555556em;} .modal-content .status .verified .icon-twitter-verified-bg {color: #55ACEE;} .modal-content .status .verified .icon-twitter-verified-check {position: absolute; left: 0;} .modal-content .status a.modal-status-permalink {text-decoration: none; display: block; position: absolute; right: 8px; top: 10px;} @media (max-width: 768px) {.modal-content .status a.modal-status-permalink {right: 5px; top: 6px;}} @media (max-width: 640px) {.modal-content .status a.modal-status-permalink {right: 0.625em; top: 1.2em;}} .modal-content .status a.modal-status-permalink:hover {text-decoration: none;} .modal-content .status a.modal-status-permalink .permalink-logo {font-size: 1.5em; color: #fff; display: block;} @media (max-width: 768px) {.modal-content .status a.modal-status-permalink .permalink-logo {font-size: 1.3125em;}} @media (max-width: 640px) {.modal-content .status a.modal-status-permalink .permalink-logo {font-size: 2.625em;}} .modal-content .status a.modal-status-permalink .timestamp {color: #fff; font-size: 0.625em; display: block;} @media (max-width: 768px) {.modal-content .status a.modal-status-permalink .timestamp {font-size: 0.5em; line-height: 1.5em;}} @media (max-width: 640px) {.modal-content .status a.modal-status-permalink .timestamp {font-size: 1em; line-height: 1.5em;}} .modal-content .status .modal-status-body {margin: 0 0 1.46666667em; font-size: 0.9375em; line-height: 1.2em;} @media (max-width: 768px) {.modal-content .status .modal-status-body {font-size: 0.75em; line-height: 1.2em; margin: 0 0 1.33333333em;}} @media (max-width: 640px) {.modal-content .status .modal-status-body {font-size: 1.5em; line-height: 1.2em; margin: 0 0 1.33333333em;}} .modal-content .status .modal-status-footer {margin: 0;} .modal-content .status .modal-status-intents {display: inline-block; text-align: center;} .modal-content .status .modal-status-intents .intent {outline: 0;} .modal-content .status .modal-status-intents .icon, .modal-content .status .modal-status-intents .intent-icon {font-size: 24px; margin-right: 0px;} @media (max-width: 768px) {.modal-content .status .modal-status-intents .icon, .modal-content .status .modal-status-intents .intent-icon {font-size: 18px;}} @media (max-width: 640px) {.modal-content .status .modal-status-intents .icon, .modal-content .status .modal-status-intents .intent-icon {font-size: 2.25em;}} .modal-content .status .modal-status-intents .intent-text {display: none;} .modal-content .status .modal-status-intents a {color: #fff; -webkit-transition: color 0.3s ease-in; transition: color 0.3s ease-in;} .modal-content .status .modal-status-intents a:hover {text-decoration: none; color: #c385e5; -webkit-transition: color 0.3s ease-in; transition: color 0.3s ease-in;} .modal-content .status.twitter .media {padding-bottom: 0;} .modal-content .status.twitter .meta .intents {visibility: visible; display: inline-block; text-align: center; float: none;} .modal-content .status.twitter .meta .intents .intent {margin-left: .25em;} @media (max-width: 768px) {.modal-content .status.twitter .meta .intents .intent {margin-left: .1em;}} .modal-content .status.twitter .meta .intents .intent-text {display: none;} .modal-content .status.instagram .media {max-width: 100%; overflow: hidden;} .modal-content .status.instagram .media.embed-type-video {width: 408px; height: 408px;} @media (max-width: 768px) {.modal-content .status.instagram .media.embed-type-video {width: 320px; height: 320px;}} @media screen and (max-width: 640px) {.modal-content .status.instagram .media.embed-type-video {width: 100%; height: 1px; padding-top: 100%;}} .modal-content .status.instagram .media.embed-type-video iframe {width: 100%; height: 100%; margin: 0; display: block;} @media screen and (max-width: 640px) {.modal-content .status.instagram .media.embed-type-video iframe {position: absolute; top: 0;}} .modal-content .status.instagram .media.embed-type-video.embed-type-photo {height: auto;} .modal-content .status.instagram .media img {max-width: 100%;} .modal-content .status.facebook .meta .intents {display: inline-block; margin-bottom: 6px;} .modal-content .status.facebook .media {max-width: 100%; overflow: hidden;} .modal-content .status.facebook .media.embed-type-video {width: 408px; height: 408px;} @media (max-width: 768px) {.modal-content .status.facebook .media.embed-type-video {width: 320px; height: 320px;}} @media screen and (max-width: 640px) {.modal-content .status.facebook .media.embed-type-video {width: 100%; height: 1px; padding-top: 100%;}} .modal-content .status.facebook .media.embed-type-video iframe {width: 100%; height: 100%;} @media screen and (max-width: 640px) {.modal-content .status.facebook .media.embed-type-video iframe {position: absolute; top: 0;}} .modal-content .status.facebook .media.embed-type-video.embed-type-photo {height: auto; padding-top: 0;} .modal-content .status.facebook .media img {max-width: 100%;} i.modal-close {z-index: 500; -webkit-border-radius: 0; border-radius: 0; top: -35px; right: -36px; width: 36px; height: 35px; background: #2546c2 url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/img/icon_close.png"); -webkit-background-size: 36px 35px; background-size: 36px 35px;} @media (max-width: 768px) {i.modal-close {top: -29px; right: -28px; width: 28px; height: 29px; -webkit-background-size: 28px 29px; background-size: 28px 29px;}} @media (max-width: 640px) {i.modal-close {top: -29px; right: 0; -webkit-background-size: 28px 29px; background-size: 28px 29px;}} i.modal-close:before {display: none;} i.modal-close:hover {background: #c385e5 url("//cnn.massrel.io/template-static-25c81cf4387e69015e123654cb4a72ec7bacbc43/img/icon_close.png"); -webkit-background-size: 36px 35px; background-size: 36px 35px;} @media (max-width: 768px) {i.modal-close:hover {-webkit-background-size: 28px 29px; background-size: 28px 29px;}} @media (max-width: 640px) {i.modal-close:hover {-webkit-background-size: 28px 29px; background-size: 28px 29px;}} .embed-type-photo a {z-index: 400;} html.standalone-modal {background: none; font-face: sans-serif; overflow: auto;} html.standalone-modal body {background: none; font-face: sans-serif; overflow: auto;} .lt-ie10 .instagram-intent.intent {display: inline;} #modal a.fb-intent.intent-like {font-size: 0;} #modal a.fb-intent.intent-like:before {font-size: 24px; content: "\f10b "; font-family: "socialite-0-10-0"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit; margin-left: -0.2222em;} @media (max-width: 768px) {#modal a.fb-intent.intent-like:before {font-size: 18px;}} @media (max-width: 640px) {#modal a.fb-intent.intent-like:before {font-size: 36px;}} @media (max-width: 600px) {#modal a.fb-intent.intent-like:before {font-size: 34px;}} @media (max-width: 560px) {#modal a.fb-intent.intent-like:before {font-size: 32px;}} @media (max-width: 520px) {#modal a.fb-intent.intent-like:before {font-size: 29px;}} @media (max-width: 480px) {#modal a.fb-intent.intent-like:before {font-size: 27px;}} @media (max-width: 440px) {#modal a.fb-intent.intent-like:before {font-size: 25px;}} @media (max-width: 400px) {#modal a.fb-intent.intent-like:before {font-size: 23px;}} @media (max-width: 360px) {#modal a.fb-intent.intent-like:before {font-size: 20px;}} @media (max-width: 320px) {#modal a.fb-intent.intent-like:before {font-size: 18px;}} #modal a.fb-intent[data-liked="false"] {color: #fff;} #modal a.fb-intent[data-liked="false"]:hover {color: #c385e5;} #modal a.fb-intent[data-liked="true"] {color: #c385e5;} #modal a.fb-intent[data-liked="true"]:hover {color: #c385e5;}