@font-face {font-family: "socialite-1-5-0"; src: url("//massrel-all.massrel.io/static/socialite-1-5-0.db0e0041291adaa03399744dc3eecd583b57998b.eot"); src: url("//massrel-all.massrel.io/static/socialite-1-5-0.db0e0041291adaa03399744dc3eecd583b57998b.eot?#iefix") format("embedded-opentype"), url("//massrel-all.massrel.io/static/socialite-1-5-0.b178b3ee0bd17297c6547fcf4a18b1cc781f9198.woff") format("woff"), url("//massrel-all.massrel.io/static/socialite-1-5-0.3c076f9244a2c940a206c791e22d6406a3332f99.ttf") format("truetype"), url("//massrel-all.massrel.io/static/socialite-1-5-0.76db80420d8ed47deeee11a1d09d1529bfa6f29f.svg#socialite-1-5-0") format("svg"); font-weight: normal; font-style: normal;} @media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: "socialite-1-5-0"; src: url("//massrel-all.massrel.io/static/socialite-1-5-0.76db80420d8ed47deeee11a1d09d1529bfa6f29f.svg#socialite-1-5-0") format("svg");}} [data-icon]:before {content: attr(data-icon);} [data-icon]:before, .icon-add-content:before, .icon-angle-left:before, .icon-angle-right:before, .icon-arrow-bold-down:before, .icon-arrow-bold-left:before, .icon-arrow-bold-right:before, .icon-arrow-bold-up:before, .icon-arrow-down:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-arrow-up: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:before, .icon-facebook-logo-letter:before, .icon-facebook-mobilelike:before, .icon-facebook-share:before, .icon-getglue-logo:before, .icon-google-plus-logo:before, .icon-google-plus-logo-letter: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:before, .icon-mass-relevance-logo-copy:before, .icon-minimize-arrow:before, .icon-monitor:before, .icon-pinterest-logo:before, .icon-place:before, .icon-prohibited:before, .icon-round-word-bubble:before, .icon-search:before, .icon-spredfast-logo:before, .icon-spredfast-logo-copy:before, .icon-spredfast-logo-shape:before, .icon-thumbnails:before, .icon-thumbs-down:before, .icon-trophy:before, .icon-tumblr-logo:before, .icon-tumblr-logo-letter:before, .icon-twitter-favorite:before, .icon-twitter-like: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, .icon-youtube-logo-copy:before {display: inline-block; font-family: "socialite-1-5-0"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;} .icon-add-content:before {content: "\f100";} .icon-angle-left:before {content: "\f101";} .icon-angle-right:before {content: "\f102";} .icon-arrow-bold-down:before {content: "\f138";} .icon-arrow-bold-left:before {content: "\f139";} .icon-arrow-bold-right:before {content: "\f13a";} .icon-arrow-bold-up:before {content: "\f13b";} .icon-arrow-down:before {content: "\f133";} .icon-arrow-left:before {content: "\f134";} .icon-arrow-right:before {content: "\f135";} .icon-arrow-up:before {content: "\f136";} .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:before {content: "\f109";} .icon-facebook-logo-letter: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:before {content: "\f10e";} .icon-google-plus-logo-letter: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:before {content: "\f116";} .icon-mass-relevance-logo-copy:before {content: "\f117";} .icon-minimize-arrow:before {content: "\f131";} .icon-monitor:before {content: "\f118";} .icon-pinterest-logo:before {content: "\f119";} .icon-place:before {content: "\f11a";} .icon-prohibited:before {content: "\f11b";} .icon-round-word-bubble:before {content: "\f132";} .icon-search:before {content: "\f11c";} .icon-spredfast-logo:before {content: "\f11d";} .icon-spredfast-logo-copy:before {content: "\f11e";} .icon-spredfast-logo-shape:before {content: "\f11f";} .icon-thumbnails:before {content: "\f120";} .icon-thumbs-down:before {content: "\f121";} .icon-trophy:before {content: "\f122";} .icon-tumblr-logo:before {content: "\f123";} .icon-tumblr-logo-letter:before {content: "\f124";} .icon-twitter-favorite:before {content: "\f125";} .icon-twitter-like:before {content: "\f137";} .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";} .icon-youtube-logo-copy:before {content: "\f130";} @font-face {font-family: 'Roboto Medium'; src: url('//massrel-custom-fonts.massrel.io/roboto-medium-webfont-7329fa6e-32dd-4d9d-9aa1-40ad091b9fe5.eot'); src: url('//massrel-custom-fonts.massrel.io/roboto-medium-webfont-7329fa6e-32dd-4d9d-9aa1-40ad091b9fe5.eot?#iefix') format('embedded-opentype'), url('//massrel-custom-fonts.massrel.io/roboto-medium-webfont-b0c79916-e492-4b6e-8348-1609becd30bb.woff') format('woff'), url('//massrel-custom-fonts.massrel.io/roboto-medium-webfont-b602e40a-6be8-4fc3-bc3b-e61ab6d92b78.ttf') format('truetype'), url('//massrel-custom-fonts.massrel.io/roboto-medium-webfont-b4471b98-658e-41ca-a376-3a2ea2b5da0e.svg#webfont') format('svg'); font-weight: normal;} .mr-component-instance-background {background: #760229 no-repeat center center fixed; background-color: #760229; -webkit-background-size: cover; background-size: cover; -ms-behavior: url("//massrel-all.massrel.io/static/backgroundsize.min.b0d1854ee9ebbd813a6b51f532ee73e0ce8efd51.htc");} .mr-component-instance-picker-background {background: #e8f1f3 no-repeat center center fixed; background-color: #e8f1f3; background-image: url(https://massrel-library-assets.a.ssl.fastly.net/production/47187/allin.jpg?1461002252); -webkit-background-size: cover; background-size: cover; -ms-behavior: url("//massrel-all.massrel.io/static/backgroundsize.min.b0d1854ee9ebbd813a6b51f532ee73e0ce8efd51.htc");} .mr-component-instance-header-background {background: #720329 no-repeat center center fixed; background-color: #720329; -webkit-background-size: cover; background-size: cover; -ms-behavior: url("//massrel-all.massrel.io/static/backgroundsize.min.b0d1854ee9ebbd813a6b51f532ee73e0ce8efd51.htc");} .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: #4c69ba; border: 1px solid #4c69ba;} .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: #4c69ba; background: -webkit-gradient(linear, left top, left bottom, from(#4c69ba), to(#3b55a0)); background: -webkit-linear-gradient(#4c69ba, #3b55a0); background: linear-gradient(#4c69ba, #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-like-button-1 {display: inline-block;} .mr-component-type-fb-post-button-1 {display: inline-block;} .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: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-follow-button-1 {display: inline-block; position: relative;} 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-header-1 {display: none;} .mr-component-type-header-1 h1 {margin: 0;} .mr-component-instance-header {display: block;} .mr-component-instance-header h1 {color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 36px;} .mr-component-instance-picker-header {display: block;} .mr-component-instance-picker-header h1 {color: #fefefe; font-family: Helvetica, Arial, sans-serif; font-size: 20px;} .mr-component-type-logo-1 {display: none; overflow: hidden; height: 1em; font-size: 32px; text-decoration: none;} .mr-component-type-logo-1:hover, .mr-component-type-logo-1:visited, .mr-component-type-logo-1:active {text-decoration: none;} .mr-component-type-logo-1.theme-dark {color: #808285;} .mr-component-type-logo-1.theme-light {color: #ffffff;} .mr-component-type-logo-1 .icon-spredfast-logo {display: none;} @media (max-width: 480px) {.mr-component-type-logo-1 .icon-spredfast-logo {display: inline-block;} .mr-component-type-logo-1 .icon-spredfast-logo-shape {display: none;}} .logo-copy {display: inline-block; font-size: 4.5em; margin-top: -3.5em;} @media (max-width: 480px) {.logo-copy {display: none;}} .mr-component-type-meme-generator-1 {position: relative;} .lt-ie10 .meme-generator-canvas {cursor: text;} .meme-generator-image {display: block; width: 100%;} .meme-generator-canvas {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 0;} .meme-generator-input {display: block; position: absolute; left: 0; width: 100%; background: transparent; border: none; color: transparent; opacity: 0.6; text-align: center; font-weight: bold; font-size: 42px; -webkit-transition-property: color, opacity; transition-property: color, opacity; -webkit-transition-duration: 150ms; transition-duration: 150ms;} .meme-generator-input::-webkit-input-placeholder {color: transparent;} .meme-generator-input::-moz-placeholder {color: transparent;} .meme-generator-input:-ms-input-placeholder {color: transparent;} .meme-generator-input::placeholder {color: transparent;} .meme-generator-input::-ms-clear {width: 0; height: 0;} .meme-generator-input:focus {background-color: white; border: 1px solid grey; outline: none; color: inherit; opacity: 1;} .lt-ie10 .meme-generator-input[disabled] {opacity: 0;} .meme-generator-input-top {top: 0;} .meme-generator-input-bottom {bottom: 0;} .mr-component-instance-meme .meme-generator-input {font-family: Impact, Oswald, 'Helvetica Black', 'Arial Black', Helvetica, Arial, sans-serif;; text-transform: uppercase;} .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: 550px;} @media screen and (max-width: 550px) {.mr-component-instance-modal .modal-content {max-width: 100%;}} .mr-component-type-sponsor-bar-1 {display: none;} .mr-component-instance-sponsor-bar .sponsor-bar {background-color: #efefef; text-align: center; padding: 10px;} .mr-component-type-tweet-button-1 {display: inline-block;} .clearfix:before, .clearfix:after {content: ' '; display: table;} .clearfix:after {clear: both;} @-webkit-keyframes share-button-progress-grow {0% {width: 0%;} 5% {width: 3%;} 10% {width: 7%;} 15% {width: 12%;} 20% {width: 24%;} 25% {width: 26%;} 30% {width: 28%;} 35% {width: 33%;} 40% {width: 39%;} 45% {width: 41%;} 50% {width: 52%;} 55% {width: 54%;} 60% {width: 59%;} 65% {width: 63%;} 70% {width: 74%;} 75% {width: 76%;} 80% {width: 77%;} 85% {width: 87%;} 90% {width: 91%;} 95% {width: 93%;} 100% {width: 100%;}} @keyframes share-button-progress-grow {0% {width: 0%;} 5% {width: 3%;} 10% {width: 7%;} 15% {width: 12%;} 20% {width: 24%;} 25% {width: 26%;} 30% {width: 28%;} 35% {width: 33%;} 40% {width: 39%;} 45% {width: 41%;} 50% {width: 52%;} 55% {width: 54%;} 60% {width: 59%;} 65% {width: 63%;} 70% {width: 74%;} 75% {width: 76%;} 80% {width: 77%;} 85% {width: 87%;} 90% {width: 91%;} 95% {width: 93%;} 100% {width: 100%;}} html {height: 100%;} #header {padding: 30px;} #header h1 {overflow: hidden; text-overflow: ellipsis;} @media screen and (max-width: 990px) {#header {text-align: center;}} .images-index-1 #image-picker {display: block;} .images-index-1 #meme {float: none; width: 100%;} .images-index-1 #meme-box {float: left; width: 67%; padding: 69px; margin-left: 33%; min-height: 90%;} @media screen and (max-width: 990px) {.images-index-1 #meme-box {position: static; width: 100%; margin-left: 0; min-height: 0;}} @media screen and (max-width: 760px) {.images-index-1 #meme-box {padding: 10px;}} .images-index-1 #meme-box-misc {float: none; width: 100%; padding-left: 0;} main {position: relative;} main:before, main:after {content: ' '; display: table;} main:after {clear: both;} main:before, main:after {content: ' '; display: table;} main:after {clear: both;} #image-picker {display: none; position: absolute; top: 0; left: 0; bottom: 0; width: 33%; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} #image-picker img {width: 100%; display: inline-block; cursor: pointer; -webkit-transition: -webkit-box-shadow 100ms; transition: box-shadow 100ms;} #image-picker img:hover {-webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.5);} #image-picker img + img {margin-top: 30px;} @media screen and (max-width: 760px) {#image-picker img + img {margin-top: 10px;}} @media screen and (max-width: 990px) {#image-picker img + img {margin-top: 0; margin-left: 20px;}} @media screen and (max-width: 990px) {#image-picker img {width: auto; height: 96%;}} @media screen and (max-width: 990px) {#image-picker {position: static; height: auto; width: 100%;}} #picker-header {background-color: #e0a80e; margin: 0; padding: 1em; padding-left: 30px; padding-right: 30px;} #picker-header h1 {overflow: hidden; text-overflow: ellipsis;} @media screen and (max-width: 990px) {#picker-header {padding: 0.5em; text-align: center;}} @media screen and (max-width: 760px) {#picker-header h1 {font-size: 15px;}} #image-picker-images {padding: 30px;} @media screen and (max-width: 990px) {#image-picker-images {height: 170px; text-align: center; white-space: nowrap; overflow: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-top: 3px;}} @media screen and (max-width: 760px) {#image-picker-images {height: 100px; padding: 10px;}} @media screen and (max-width: 760px) {.lt-ie10 #image-picker-images {padding-bottom: 20px;}} #meme {float: left; width: 60%;} @media screen and (max-width: 990px) {#meme {float: none; width: 100%;}} #meme-box {overflow: auto; overflow-x: hidden; width: 100%; padding: 30px; text-align: center;} #meme-box:before, #meme-box:after {content: ' '; display: table;} #meme-box:after {clear: both;} #meme-box:before, #meme-box:after {content: ' '; display: table;} #meme-box:after {clear: both;} @media screen and (max-width: 760px) {#meme-box {padding: 10px;}} #meme-box-misc {float: left; width: 40%; padding-left: 30px; margin-top: 30px;} @media screen and (max-width: 990px) {#meme-box-misc {float: none; width: 100%; padding-left: 0;}} #social-actions .mr-component {padding-top: 30px;} #logo {margin-top: 48px;} .share-button-sliding {display: inline-block; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #ffffff; width: 100%; max-width: 600px; height: 83px; font-family: Helvetica, Arial, sans-serif; font-size: 30px;} .share-button-sliding.sharing .share-button-slider {margin-left: -100%;} .share-button-sliding .share-button-text-generating, .share-button-sliding .share-button-progress-bar {display: none;} .share-button-sliding.generating .share-button-share {cursor: default;} .share-button-sliding.generating .share-button-progress-bar {display: block;} .share-button-sliding.generating .share-button-text-normal {display: none;} .share-button-sliding.generating .share-button-text-generating {display: inline-block;} @media screen and (max-width: 760px) {.share-button-sliding {font-size: 22px;}} .share-option-count-1 .share-button-share-option {width: 82%;} .share-option-count-2 .share-button-share-option {width: 40.5%;} .share-option-count-3 .share-button-share-option {width: 26.66666667%;} .share-option-count-4 .share-button-share-option {width: 19.75%;} .share-option-count-5 .share-button-share-option {width: 15.6%;} .share-button-slider {margin-left: 0; -webkit-transition: margin-left 300ms; transition: margin-left 300ms; width: 200%; height: 100%;} .share-button-slider:before, .share-button-slider:after {content: ' '; display: table;} .share-button-slider:after {clear: both;} .share-button-slider:before, .share-button-slider:after {content: ' '; display: table;} .share-button-slider:after {clear: both;} .share-button-share, .share-button-share-options {width: 50%; float: left; color: inherit; text-decoration: none;} .share-button-share:hover, .share-button-share-options:hover, .share-button-share:active, .share-button-share-options:active, .share-button-share:visited, .share-button-share-options:visited {color: inherit; text-decoration: none;} .share-button-share {position: relative; background-color: #e0a80e; -webkit-transition-property: background-color, opacity; transition-property: background-color, opacity; -webkit-transition-duration: 100ms, 100ms; transition-duration: 100ms, 100ms; line-height: 83px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 1em; padding-right: 1em;} .share-button-share:hover {background-color: #c8960d;} .share-button-share.disabled {opacity: 0.6; cursor: default; pointer-events: none;} .share-button-share.disabled:hover {background-color: #e0a80e;} .share-button-progress-bar {position: absolute; left: 0; top: 0; height: 5%; min-height: 2px; width: 0; background-color: black; opacity: 0.25; -webkit-animation: share-button-progress-grow 2s; animation: share-button-progress-grow 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .share-button-share-options {height: 100%;} .share-button-share-options:before, .share-button-share-options:after {content: ' '; display: table;} .share-button-share-options:after {clear: both;} .share-button-share-options:before, .share-button-share-options:after {content: ' '; display: table;} .share-button-share-options:after {clear: both;} .share-button-share-option {position: relative; display: block; float: left; font-size: 10px; height: 100%; margin-left: 1%; color: white; text-decoration: none; -webkit-transition: background-color 100ms; transition: background-color 100ms; cursor: pointer;} .share-button-share-option:hover, .share-button-share-option:active, .share-button-share-option:visited {color: white; text-decoration: none;} .share-button-share-option:before {display: inline-block; content: ''; height: 100%; margin-left: -0.25em; vertical-align: middle;} .share-button-share-option .button-text {font-family: Helvetica, Arial, sans-serif;} .share-button-share-option-content {display: inline-block; line-height: 1; text-align: center; vertical-align: middle;} .share-button-share-option-content i {display: block; font-size: 2.5em;} .share-button-share-option-content span {display: block; text-transform: uppercase; font-size: 1em; margin-top: 0.8em;} #tweet-button a, #post-button a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 10px; -webkit-border-radius: 0 !important; border-radius: 0 !important; margin: 0; padding: 0; padding-top: 19.09px; -webkit-transition: background-color 100ms; transition: background-color 100ms;} #tweet-button a i, #post-button a i {display: block; font-size: 2.5em;} #tweet-button a span, #post-button a span {display: block; text-transform: uppercase; font-size: 1em; margin-top: 0.8em;} .share-option-tumblr {background-color: #2c4762;} .share-option-tumblr:hover {background-color: #1b324a;} .share-option-back {background-color: #e0a80e;} .share-option-back:hover {background-color: #c8960d;} .share-option-back i {display: inline-block;} .share-option-back i + i {margin-left: -0.87em;} .share-button-share-option.share-option-back {width: 16%;} #modal .modal-content {width: 80%; max-width: 80%; background-color: #fff; font-family: Helvetica, Arial, sans-serif;} #modal .modal-content .error-message {display: none; color: red;} #modal .modal-content .intent {display: block; width: 100%; height: 100px; margin: 30px auto 15px; padding: 10px; font-size: 16px;} #modal .modal-content .char-remaining {display: inline-block; text-align: right; color: #999; font-size: 16px; margin-top: 10px; margin-right: 10px;} #modal .modal-content .char-remaining.too-long {color: #dd2e44; font-weight: bold;} #modal .modal-content .button-holder {float: right; margin-bottom: 25px;} #modal .modal-content .button {display: inline-block; background-color: #55acee; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.0470588))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0470588)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0470588)); background-repeat: no-repeat; border-bottom-color: #3b94d9; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: #3b94d9; border-left-style: solid; border-left-width: 1px; border-right-color: #3b94d9; border-right-style: solid; border-right-width: 1px; border-top-color: #3b94d9; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; -webkit-box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset; box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset; color: #ffffff; cursor: pointer; direction: ltr; font-family: sans-serif; font-size: 14px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: bold; height: 34px; letter-spacing: normal; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 8px; padding-left: 16px; padding-right: 16px; padding-top: 8px; position: relative; text-align: center; text-indent: 0px; text-rendering: auto; text-shadow: none; text-transform: none; word-spacing: 0px; writing-mode: lr-tb;} #modal .modal-content .button .loading-indicator {opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1); transition: opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1);} #modal .modal-content .button.loading .button-label {opacity: 0;} #modal .modal-content .button.loading .loading-indicator {position: absolute; opacity: 1; width: 20px; height: 20px; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; background-image: url("//raycom-media.massrel.io/template-static-e5230cd8b4fe5bda36bed8f3a013a1f09a0d60ab/img/loading-spinner.gif"); -webkit-background-size: cover; background-size: cover;} #modal .modal-content .button:focus {outline: 0;} html.standalone-modal {background: transparent;} html.standalone-modal body {background: transparent;}