/**
* Smiley project CSS
*/
/* generic emoji styles */
.wp-emoji, .wp-emoji:before {
display: inline-block !important; /* shouldn't have been necessary, but some themes set this to static */
}
.wp-emoji {
position: relative !important; /* shouldn't have been necessary, but some themes set this to static */
vertical-align: bottom;
/* this will be a line-height tall wrapper for vertically centering the smiley */
width: 1.375em;
overflow: hidden;
white-space: nowrap;
text-indent: 9999px;
min-height: 1.2em; /* for really small lineheights */
}
/* Firefox does weird things with text-indent and selection */
@-moz-document url-prefix() {
.wp-emoji {
text-indent: 0;
text-align: center;
color: rgba(255,255,255,0);
overflow: visible;
}
}
/* @noflip */
.wp-emoji:before {
/* vertically center the smiley */
position: absolute;
content: "";
/* height/width for IE, Firefox and non-webkit browsers */
height: 1.25em;
width: 1.375em;
margin-top: -0.625em; /* minus half the height of the smiley */
left: 0;
top: 50%;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
/* WebKit specific hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.wp-emoji {
width: 1.35em;
}
.wp-emoji:before {
height: 1.4em;
width: 1.35em;
margin-top: -0.7em; /* minus half the height of the smiley */
}
}
/* IE specific hacks */
@media screen and (min-width:0\0) {
.wp-emoji {
height: 1.2em;
width: 1.38em;
}
.wp-emoji:before {
width: 1.38em;
}
}
/* individual smileys */
/* PNGs are for IE8 fallbacks. Let's remove them some day please */
.wp-emoji-smile:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/smile.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/smile.svg), none;
}
.wp-emoji-wink:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/wink.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/wink.svg), none;
}
.wp-emoji-bigsmile:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/bigsmile.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/bigsmile.svg), none;
}
.wp-emoji-heart:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/heart.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/heart.svg), none;
}
.wp-emoji-neutral:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/neutral.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/neutral.svg), none;
}
.wp-emoji-uneasy:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/uneasy.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/uneasy.svg), none;
}
.wp-emoji-lol:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/lol.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/lol.svg), none;
}
.wp-emoji-sad:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/sad.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/sad.svg), none;
}
.wp-emoji-cry:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/cry.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/cry.svg), none;
}
.wp-emoji-evilgrin:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/evilgrin.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/evilgrin.svg), none;
}
.wp-emoji-twisted:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/twisted.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/twisted.svg), none;
}
.wp-emoji-evil:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/evil.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/evil.svg), none;
}
.wp-emoji-surprised:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/surprised.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/surprised.svg), none;
}
.wp-emoji-tongue:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/tongue.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/tongue.svg), none;
}
.wp-emoji-angry:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/angry.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/angry.svg), none;
}
.wp-emoji-burrito:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/burrito.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/burrito.svg), none;
}
.wp-emoji-burrito, .wp-emoji-burrito:before {
width: 1.6em;
}
.wp-emoji-wordpress:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/wordpress.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/wordpress.svg), none;
}
.wp-emoji-mindblown:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/mindblown.svg), none;
}
.wp-emoji-mindblown-alt:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown-alt.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/mindblown-alt.svg), none;
}
.wp-emoji-martini:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/martini.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/martini.svg), none;
}
.wp-emoji-whiterussian:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/whiterussian.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/whiterussian.svg), none;
}
.wp-emoji-star:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/star.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/star.svg), none;
}
.wp-emoji-developer:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/developer.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/developer.svg), none;
}
.wp-emoji-developer, .wp-emoji-developer:before {
width: 1.5em;
}
.wp-emoji-facepalm:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/facepalm.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/facepalm.svg), none;
}
.wp-emoji-facepalm, .wp-emoji-facepalm:before {
width: 1.4em;
}
.wp-emoji-bear:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/bear.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/bear.svg), none;
}
.wp-emoji-mrgreen:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mrgreen.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/mrgreen.svg), none;
}
.wp-emoji-arrow:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/arrow.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/arrow.svg), none;
}
.wp-emoji-confused:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/confused.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/confused.svg), none;
}
.wp-emoji-cool:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/cool.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/cool.svg), none;
}
.wp-emoji-idea:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/idea.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/idea.svg), none;
}
.wp-emoji-blush:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/blush.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/blush.svg), none;
}
.wp-emoji-oops:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/oops.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/oops.svg), none;
}
.wp-emoji-rolleyes:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/rolleyes.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/rolleyes.svg), none;
}
.wp-emoji-exclaim:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/exclaim.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/exclaim.svg), none;
}
.wp-emoji-question:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/question.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/question.svg), none;
}
.wp-emoji-kitten:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/kitten.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/kitten.svg), none;
}
.wp-emoji-momface:before {
background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/momface.png);
background-image: url(/wp-content/mu-plugins/smileyproject/default/momface.svg), none;
}
/* to enable text-selection of smileys in Firefox, we can't use text-indent or overflow to hide the text, so letterspace it instead */
@-moz-document url-prefix() {
.wp-emoji-rolleyes {
letter-spacing: -.2em;
}
.wp-emoji-oops, .wp-emoji-idea, .wp-emoji-confused {
letter-spacing: -.25em;
}
.wp-emoji-burrito, .wp-emoji-arrow, .wp-emoji-bear, .wp-emoji-star {
letter-spacing: -.3em;
}
.wp-emoji-developer, .wp-emoji-mrgreen, .wp-emoji-facepalm {
letter-spacing: -.35em;
}
}
/**
* Like Button toolbar button, loading text & container styles
*
* @todo: doesn't look like "style.css" is used anymore.
*/
/* Master container */
#jp-post-flair {
padding-top: .5em;
}
/* Overall Sharedaddy block title */
div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
clear: both;
}
div.sharedaddy h3.sd-title {
margin: 0 0 1em 0;
display: inline-block;
line-height: 1.2;
font-size: 9pt;
font-weight: bold;
}
div.sharedaddy h3.sd-title:before {
content: "";
display: block;
width: 100%;
min-width: 30px;
border-top: 1px solid #ddd;
margin-bottom: 1em;
}
/* Toolbar */
#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
width: 61px;
overflow: hidden;
}
#wpadminbar iframe.admin-bar-likes-widget {
width: 61px;
height: 28px;
min-height: 28px;
border-width: 0px;
position: absolute;
top: 0;
}
div.jetpack-likes-widget-wrapper {
width: 100%;
min-height: 50px; /* Previous height, 60px */
position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
}
div.jetpack-likes-widget-wrapper .sd-link-color {
font-size: 12px;
}
div.jetpack-likes-widget-wrapper.slim-likes-widget {
width: 1px; /* initial default */
min-height: 0;
}
#likes-other-gravatars {
display: none;
position: absolute;
padding: 10px;
background-color: #000;
border-width: 0;
opacity: 0.88;
filter: alpha(opacity=88);
box-shadow: 0 0 10px black;
min-width: 130px;
z-index: 1000;
}
#likes-other-gravatars * {
line-height: normal;
}
#likes-other-gravatars .likes-text {
color: white;
font-size: 14px;
padding-bottom: 5px;
}
#likes-other-gravatars ul,
#likes-other-gravatars li {
margin: 0;
padding: 0;
text-indent: 0;
list-style-type: none;
}
#likes-other-gravatars li::before {
content: "";
}
#likes-other-gravatars ul.wpl-avatars {
overflow: auto;
display: block;
position: absolute;
max-height: 190px;
}
#likes-other-gravatars ul.wpl-avatars li {
width: 32px;
height: 32px;
float: left;
margin: 0 5px 5px 0;
}
#likes-other-gravatars ul.wpl-avatars li a {
margin: 0 2px 0 0;
border-bottom: none !important;
display: block;
}
#likes-other-gravatars ul.wpl-avatars li a img {
background: none;
border: none;
margin: 0 !important;
padding: 0 !important;
position: static;
}
div.sd-box {
border-top: 1px solid #ddd;
border-top: 1px solid rgba(0,0,0,.13);
}
.entry-content .post-likes-widget, .post-likes-widget,
.comment-likes-widget {
margin: 0;
border-width: 0;
display: block;
}
/* Loading text */
.post-likes-widget-placeholder {
margin: 0;
border-width: 0;
position: relative;
}
.post-likes-widget-placeholder .button {
display: none; /* Let's not show a dummy like button, let's just make a great button experience once it's loaded */
}
.post-likes-widget-placeholder .button span {
}
.post-likes-widget-placeholder .loading {
color: #999;
font-size: 12px;
}
.slim-likes-widget .post-likes-widget {
width: auto;
float: none;
}
/* Like Special cases (display on it's own) */
div.sharedaddy.sd-like-enabled .sd-like h3 {
display: none;
}
div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
width: 100%;
float: none;
position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
top: 0;
}
.comment-likes-widget {
width: 100%;
}
/* Make ratings block. @todo: make !important unnecessary by removing inline style */
.pd-rating {
display: block !important;
}
/* Hide G+ title */
.sd-gplus .sd-title {
display: none;
}
/**
* Add text colors to the playlist shortcode light color scheme.
*
* Core ticket: https://core.trac.wordpress.org/ticket/27562
*/
.wp-playlist-light {
color: #000;
}
.wp-playlist-light .wp-playlist-item {
color: #333;
}
.wp-playlist-light .wp-playlist-playing {
background: #fff;
color: #000;
}
.wp-playlist-dark .wp-playlist-item .wp-playlist-caption {
color: #fff;
}
.wp-playlist-caption {
display: block;
}/**
* MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper
*/
/* Replace Omnisearch PNG search icon with a dashicon */
#wpadminbar div.ab-item form#adminbarsearch input.adminbar-search-input {
background-image: none;
position: relative;
z-index: 30;
}
/* Show globe icon next to blog */
#wpadminbar #wp-admin-bar-blog > .ab-item:before {
position: relative;
top: 2px;
content: '\f319';
}
/* If a blavatar is present, move it left to cover the globe */
#wpadminbar #wp-admin-bar-blog > .ab-item {
position: relative;
}
#wpadminbar #wp-admin-bar-blog > .ab-item img.avatar {
position: absolute;
z-index: 1;
left: 10px;
top: 10px;
}
/* @noflip */
#wpadminbar.rtl #wp-admin-bar-blog > .ab-item img.avatar {
right: 12px;
}
/* Fix omnisearch lineheight */
#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary input.adminbar-search-input.search-input-focus {
border: none;
text-shadow: none;
box-shadow: none;
line-height: 1;
background: #ccc;
background: rgba(255,255,255,.7);
}
/* Invert stats sparkline on light theme */
body.admin-color-mp6-light li#wp-admin-bar-stats img {
filter: invert(100%);
-webkit-filter: invert(100%);
}
/* Override white color on blog title */
body.admin-color-mp6-light #wpadminbar ul li#wp-admin-bar-blog > .ab-item {
color: #333;
}
/* Updated message fixes */
body.admin-color-mp6-light #wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary span.noticon {
color: #eee;
}
div.updated p,
div.error p {
position: relative;
}
div.updated .noticon-close,
div.error .noticon-close {
font-size: 28px;
height: 28px;
width: 28px;
position: absolute;
right: 0;
top: -1px;
}
/* Fix taller MP6 v2 toolbar. Merge this into mu-plugins/wpcom-admin-bar.css after MP6 v2 launch */
@media screen and ( max-width: 782px ) {
.mp6 #wpadminbar li#wp-admin-bar-follow > a,
.mp6 #wpadminbar li#wp-admin-bar-blog > a,
.mp6 #wpadminbar li#wp-admin-bar-topicpress > a,
.mp6 #wpadminbar li#wp-admin-bar-wpr-reblog > a,
/* These next lines are necessary for when users opt out to the responsive styles */
.mp6 #wpadminbar li#wp-admin-bar-dbg > div,
.mp6 #wpadminbar li#wp-admin-bar-my-account > a
{
line-height: 46px !important;
}
/* Notes only shown when users opt out to the responsive styles */
body.mp6 #wpadminbar #wp-admin-bar-notes #wpnt-notes-unread-count {
margin: 13px 3px 0 3px !important;
}
.mp6 #wpadminbar li#wp-admin-bar-blog > a.ab-item:before {
top: 13px;
}
#wpadminbar #wp-admin-bar-blog > .ab-item img.avatar {
top: 17px;
}
}
/* Fix toolbar hover color temporarily. Post launch, remove from /wp-content/mu-plugins/admin-bar/wpcom-admin-bar.css */
.admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-with-avatar.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-with-avatar.hover .ab-display-name, .admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-no-avatar.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-no-avatar.hover .ab-display-name, .admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account.hover .ab-display-name {
color: inherit !important;
}
/* add style for reader link in /wp-admin/ leftbar */
/* Reader icon in left-bar */
.icon16.icon-reader:before,
#adminmenu .menu-icon-reader div.wp-menu-image:before,
ul#adminmenu .toplevel_page_reader div.wp-menu-image:before{
content: '\f116';
}
/* Fix dashicons priority so Japanese users can use the toolbar. Should long term be fixed in whatever plugin that forces all fonts to be Arial */
i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, .mce-close {
font: normal 20px/1 'dashicons' !important;
}
.dashicons, .dashicons-before:before {
font-family: dashicons !important;
}
.noticon {
font-family: "Noticons" !important;
}
/* HTML5 ✰ Boilerplate
* ==|== normalize ==========================================================
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: top; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
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-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/*=============================================
= Article Links SI-7252 =
=============================================*/
section .mmqb_article_content_check a,
section .mmqb_article_content_check a:visited,
section .mmqb_article_content_check a:hover
{
color: #ef2626;
}
section .mmqb_article_content_check a:hover
{
text-decoration: underline;
}
/*=================================================
= Poll Daddy Widget SI-7227 =
=================================================*/
.mmqb_article_content_check div.cnnPollDaddySocial .PDS_Poll .pds-box
{
width: 100% !important;
}
/*===============================
= SI-7218 =
===============================*/
.right.ad.ad-container-dk
{
clear: right;
}
/*----- End of SI-7218 ------*/
/*----- End of Poll Daddy Widget SI-7227 ------*/
/* ===============
ALL: IE Fixes
=============== */
/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Page Flip Classes */
.plane-wrapper{
/*-webkit-perspective:800px;
-moz-perspective:800px;
-ms-perspective:800px;
-o-perspective:800px;
perspective:800px;*/
}
.rotating-plane{
position: relative;
width:100%;
height:100%;
/*-webkit-transition:-webkit-transform .5s;
-webkit-transform:rotateX(0deg);
-webkit-perspective-origin: 50% 50%;
-moz-transition:-moz-transform .5s;
-moz-transform:rotateX(0deg);
-moz-perspective-origin: 50% 50%;
-ms-transition:-ms-transform .5s;
-ms-transform:rotateX(0deg);
-ms-perspective-origin: 50% 50%;
-o-transition:-o-transform .5s;
-o-transform:rotateX(0deg);
-o-perspective-origin: 50% 50%;
transition:transform .5s;
transform:rotateX(0deg);
perspective-origin: 50% 50%;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
transform-style:preserve-3d;*/
}
.plane{
width:100%;
height:100%;
position: absolute;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.front-plane{
z-index: 1;
display: block;
/* -webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);*/
}
.back-plane{
display: none;
/* -webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);*/
}
.flip{
/*-webkit-transform:rotateX(-180deg);
-moz-transform:rotateX(-180deg);
-ms-transform:rotateX(-180deg);
-o-transform:rotateX(-180deg);
transform:rotateX(-180deg);*/
}
.rotating-plane.flip .front-plane{
display: none;
}
.rotating-plane.flip .back-plane{
display: block;
}
.plane{
position: absolute;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.ie8 .rotating-plane .front-plane{display: block;}
.ie8 .rotating-plane .back-plane{display: none;}
.ie8 .rotating-plane.flip .front-plane{display: none;}
.ie8 .rotating-plane.flip .back-plane{display: block;}
.ie7 .rotating-plane .front-plane{display: block;}
.ie7 .rotating-plane .back-plane{display: none;}
.ie7 .rotating-plane.flip .front-plane{display: none;}
.ie7 .rotating-plane.flip .back-plane{display: block;}
.ie9 .rotating-plane .front-plane{display: block;}
.ie9 .rotating-plane .back-plane{display: none;}
.ie9 .rotating-plane.flip .front-plane{display: none;}
.ie9 .rotating-plane.flip .back-plane{display: block;}
/*ie10*/
.ie10 .rotating-plane .front-plane{display: block;}
.ie10 .rotating-plane .back-plane{display: none;}
.ie10 .rotating-plane.flip .front-plane{display: none;}
.ie10 .rotating-plane.flip .back-plane{display: block;}
/* ==|== MMQB classes ======================================== */
body{ font:16px/24px Helvetica, Helvetica Neue, Arial, sans-serif; background-color: #e5e5e5;}
.wrapper{
position: relative;
margin:0 auto;
}
.ie8 body,
.ie7 body{
min-width: 960px;
}
a{text-decoration: none;}
#main-container{
position: relative;
}
#main{
width: auto;
position: relative;
background: #f7f7f7;
padding:0;
-webkit-box-shadow: 1px 24px 32px 1px #B8B8B8;
-moz-box-shadow: 1px 24px 32px 1px #B8B8B8;
-ms-box-shadow: 1px 24px 32px 1px #B8B8B8;
-o-box-shadow: 1px 24px 32px 1px #B8B8B8;
box-shadow: 1px 24px 32px 1px #B8B8B8;
}
.col{
display: block;
position: relative;
float: left;
}
.tile-wrapper{float: left;}
.tile-wrapper .tile{
cursor: pointer;
position:relative;
width:100%;
max-width: 300px;
height:auto;
margin:20px 0px 10px 20px;
padding:0;
float: left;
background-color:#ffffff;
-webkit-box-shadow:1px 1px 10px 1px #B8B8B8;
-ms-box-shadow:1px 1px 10px 1px #B8B8B8;
-o-box-shadow:1px 1px 10px 1px #B8B8B8;
-moz-box-shadow:1px 1px 10px 1px #B8B8B8;
box-shadow:1px 1px 10px 1px #B8B8B8;
-webkit-transition:background-color .4s;
-moz-transition:background-color .4s;
-ms-transition:background-color .4s;
-o-transition:background-color .4s;
-webkit-transition:background-color .4s;
}
.tile-wrapper .tile .category{
color: #ffffff;
font: italic 19px/19px Georgia, Times, "Times New Roman", serif;
background-color: #ef2626;
padding:8px;
letter-spacing: 0;
-webkit-transition:-webkit-box-shadow .4s;
-moz-transition:-webkit-box-shadow .4s;
-o-transition:-webkit-box-shadow .4s;
-ms-transition:-webkit-box-shadow .4s;
-webkit-box-shadow: 0px -6px 12px -5px #333 inset;
-ms-box-shadow: 0px -6px 12px -5px #333 inset;
-moz-box-shadow: 0px -6px 12px -5px #333 inset;
-o-box-shadow: 0px -6px 12px -5px #333 inset;
box-shadow: 0px -6px 12px -5px #333 inset;
}
.tile-wrapper .tile .img{
position: relative;
width:300px;
height:200px;
background:#eee url(/wp-content/themes/vip/si-mmbq/css/../img/loader_grey.gif) no-repeat center center;
}
.tile-wrapper .tile .img>img{
position: absolute;
width:100%;
height:auto;
}
.tile-wrapper .tile .img .overlay{
position: absolute;
visibility: hidden;
}
.tile-wrapper .tile.video .img .overlay{
visibility: visible;
left:10px;
bottom:10px;
width:55px;
height:54px;
background:url(/wp-content/themes/vip/si-mmbq/css/../img/sprite.png) no-repeat -179px -5px;
}
.tile-wrapper .tile.feature .img .overlay{
visibility: visible;
right:10px;
top:-1px;
width:47px;
height:66px;
background:url(/wp-content/themes/vip/si-mmbq/css/../img/sprite.png) no-repeat -542px -5px;
}
.tile-wrapper .tile .content{
width:280px;
padding:0 10px;
}
.tile-wrapper .tile .post-date,
.tile-wrapper .tile .header,
.tile-wrapper .tile .sub-header,
.tile-wrapper .tile .credit,
.tile-wrapper .tile .credit span.author,
.tile-wrapper .tile .btn-share p,
.tile-wrapper .tile .btn-comment p
{
-webkit-transition:color .3s;
-moz-transition:color .3s;
-ms-transition:color .3s;
-o-transition:color .3s;
transition:color .3s;
}
.tile-wrapper .tile .post-date{
color:#ababab;
font:italic 12px/20px Helvetica, Helvetica Neue, Arial, sans-serif;
margin: 5px 0;
}
.tile-wrapper .tile .header{
color:#242424;
font: 28px/26px 'Geogrotesque', Arial, sans-serif;
}
.tile-wrapper .tile .sub-header{
color:#404040;
font:15px/20px Helvetica, Helvetica Neue, Arial, sans-serif;
margin-top: 4px;
}
.tile-wrapper .tile .credit{
color:#5a5a5a;
font:10px/10px Arial, sans-serif;
margin-top:12px;
padding-bottom: 70px;
text-transform: uppercase;
}
.credit span.author{
color: #EF2626;
text-transform: none;
font: italic 17px/16px Georgia,serif;
}
.tile-wrapper .tile .social{
position: absolute;
right:0;
bottom:0;
font:10px/10px Arial, sans-serif;
overflow: hidden;
}
.tile-wrapper .tile .btn-share{
color:#5a5a5a;
float:right;
padding:10px;
display: none;
}
.tile-wrapper .tile .btn-comment{
color:#5a5a5a;
padding:10px;
float:right;
}
.tile-wrapper .tile .btn-share p,
.tile-wrapper .tile .btn-comment p{
color:#ababab;
font:11px Helvetica, Helvetica Neue, Arial, sans-serif;
display:inline-block;
vertical-align: middle;
margin:0;
}
.tile-wrapper .tile .btn-share span{
display:inline-block;
vertical-align: middle;
margin:0;
width:21px;
height:17px;
background-position: -83px -5px;
-webkit-transition:background-position .3s;
-moz-transition:background-position .3s;
-ms-transition:background-position .3s;
-o-transition:background-position .3s;
transition:background-position .3s;
}
.tile-wrapper .tile .btn-comment span.comment{
display:inline-block;
vertical-align: middle;
margin:0;
width:16px;
height:17px;
background-position: -5px -5px;
-webkit-transition:background-position .3s;
-moz-transition:background-position .3s;
-ms-transition:background-position .3s;
-o-transition:background-position .3s;
transition:background-position .3s;
}
/**
* tile ad
*/
.tile.ad{
max-width:300px;
height: 250px;
padding:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
.tile.sponsor-link{
max-width:300px;
height:190px;
padding:0;
margin:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
#rgt_300x250,
.tile .ad-spot{
margin:0 auto;
width:100%;
max-width: 300px;
height:100%;
background:#eee;
}
#rgt_300x250>img,
.tile .ad-spot>img{
width:100%;
height: auto;
}
#si-com-ad-widget{
margin:0 auto;
width:300px;
height:100%;
}
/**
* tile custom feature
*/
.tile-wrapper .tile.custom{
width: 280px;
padding:10px;
overflow: visible;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/loader_grey.gif) no-repeat center center;
}
.tile-wrapper .tile.custom > img{
width:100%;
max-width: 280px;
height: auto;
margin:0 auto;
display:block;
}
.tile-wrapper .tile.custom .banner{
width:81px;
height:78px;
position: absolute;
left:-13px;
top:-3px;
background:url(/wp-content/themes/vip/si-mmbq/css/../img/sprite.png) no-repeat -451px -5px;
}
.tile-wrapper .tile.custom>.btn-custom{
position: absolute;
width:135px;
height:30px;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
text-align: center;
color:white;
font:bold italic 13px/27px Georgia serif;
background:#ef2626;
-webkit-box-shadow:1px 1px 10px 1px #000;
-ms-box-shadow:1px 1px 10px 1px #000;
-o-box-shadow:1px 1px 10px 1px #000;
-moz-box-shadow:1px 1px 10px 1px #000;
box-shadow:1px 1px 10px 1px #000;
-webkit-transition:color .3s, background-color .3s;
-moz-transition:color .3s, background-color .3s;
-ms-transition:color .3s, background-color .3s;
-o-transition:color .3s, background-color .3s;
transition:color .3s, background-color .3s;
}
/**
* tile hover
*/
.tile-wrapper .tile:hover{background-color:#ef2626;}
.tile-wrapper .tile.ad:hover{background-color:#ffffff;}
.tile-wrapper .tile:hover .category{
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
.tile-wrapper .tile:hover .post-date,
.tile-wrapper .tile:hover .header,
.tile-wrapper .tile:hover .sub-header,
.tile-wrapper .tile:hover .credit,
.tile-wrapper .tile:hover .credit span.author,
.tile-wrapper .tile:hover .btn-share p,
.tile-wrapper .tile:hover .btn-comment p
{
color:#ffffff;
}
.tile-wrapper .tile:hover .btn-share span{ background-position: -115px -5px;}
.tile-wrapper .tile:hover .btn-comment span{ background-position: -31px -5px;}
.tile-wrapper .tile:hover .btn-share:hover span{background-position: -147px -5px;}
.tile-wrapper .tile:hover .btn-comment:hover span{background-position: -57px -5px;}
.tile-wrapper .tile:hover .btn-share:hover p,
.tile-wrapper .tile:hover .btn-comment:hover p{
color:#333;
}
/**
* sidebar
*/
.sidebar{
display: block;
position: relative;
float: left;
width: 220px;
overflow: hidden;
}
.sidebar .section{
overflow: hidden;
width: 180px;
margin: 60px auto 0 auto;
}
.sidebar #talkback.section {
margin-top:20px;
text-align: center;
margin-bottom: -15px;
}
.sidebar #talkback.section a:link,
.sidebar #talkback.section a:visited{
font:14px/14px 'Geogrotesque',sans-serif;
font-weight: bold;
color: #111111;
text-decoration: underline;
webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.sidebar #talkback.section a:hover,
.sidebar #talkback.section a:active{
color: #ef2626;
text-decoration: underline;
}
.sidebar .section.first{
margin-top:20px;
}
.section .title{
width: 172px;
padding:4px;
margin:0 0 13px 0;
text-align: center;
color:#212121;
font:italic 24px/24px Georgia,serif;
letter-spacing: -1px;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/diagonal-pattern.png);
}
/**
* staff
*/
.sidebar .section .staff-item{
width:180px;
text-align: center;
}
.sidebar .section .staff-item>img{
width:70px;
height:70px;
margin:0 auto;
display: block;
}
.sidebar .section .staff-item .author{
color:#333333;
text-transform: uppercase;
font:22px/22px 'Geogrotesque',sans-serif;
margin:10px 0 5px 0;
}
.sidebar .section .staff-item .latest{
color:#ef2626;
font:italic 12px/12px Georgia,serif;
margin:5px 0;
}
.sidebar .section .staff-item .category{
color:#000;
font:italic 13px/12px Georgia,serif;
margin:5px 0;
}
.sidebar .section .staff-item .header{
color: #4a4a4a;
font:14px Arial,sans-serif;
margin:5px 0;
-webkit-transition:color .3s;
-moz-transition:color .3s;
-ms-transition:color .3s;
-o-transition:color .3s;
transition:color .3s;
}
.sidebar .section .staff-item a .header:hover {color:#ef2626;}
.sprite{
background-image: url(/wp-content/themes/vip/si-mmbq/css/../img/sprite.png);
background-position: 0 0;
background-repeat: no-repeat;
}
/*there is a .divider in GLOBAL NETWORK! */
article .divider, .text404 .divider{
width:100%;
height:2px;
margin:13px 0;
background:url(/wp-content/themes/vip/si-mmbq/css/../img/divider.png);
clear: both;
}
.divider-dot{
width:100%;
height:1px;
margin:20px 0 20px 0;
background:url(/wp-content/themes/vip/si-mmbq/css/../img/divider_dot.png) repeat 0 center;
clear: both;
}
/**
* load more button
*/
.btn-load-more{
width:100%;
height: 40px;
clear: both;
font: 18px/37px Georgia, Times, "Times New Roman", serif;
font-style: italic;
color: #fff;
cursor: pointer;
}
.btn-load-more .plane-wrapper{width:100%;height:100%;}
.btn-load-more .front-plane{
text-align: center;
height:100%;
background-color: #1f1f1f;
color: #FFF; /** is a link! */
-webkit-transition:background-color .2s;
-moz-transition:background-color .2s;
-ms-transition:background-color .2s;
-o-transition:background-color .2s;
transition:background-color .2s;
}
.btn-load-more .back-plane{
height:100%;
background: #eeeeee url(/wp-content/themes/vip/si-mmbq/css/../img/loader_grey.gif) no-repeat center center;
}
.btn-load-more .front-plane:hover { background-color:#ef2626;}
/*
footer-container
*/
#footer-container{
background: transparent;
}
/**
* newsletter
*/
.mmqb-newsletter{
position: relative;
width:100%;
height:120px;
margin:40px 0 0 0;
cursor: pointer;
}
/*
newsletter plane specific
*/
.mmqb-newsletter .plane-wrapper{
width:100%;
height:100%;
}
.mmqb-newsletter .rotating-plane{
position: relative;
width:100%;
height:100%;
-webkit-box-shadow: 1px 1px 32px 1px #B8B8B8;
-moz-box-shadow: 1px 1px 32px 1px #B8B8B8;
-ms-box-shadow: 1px 1px 32px 1px #B8B8B8;
-o-box-shadow: 1px 1px 32px 1px #B8B8B8;
box-shadow: 1px 1px 32px 1px #B8B8B8;
}
.mmqb-newsletter .back-plane{background-color:#EF2626;}
.mmqb-newsletter .front-plane{background-color:#f7f7f7;}
/*generic flip*/
.mmqb-newsletter .title{
display: inline-block;
vertical-align: top;
color:#656565;
font:italic 40px/50px Georgia,serif;
letter-spacing: -1px;
margin:40px 50px 0 30px;
}
.mmqb-newsletter .back-plane .title{
display: block;
text-align: center;
color:#ffffff;
}
.mmqb-newsletter input[type="text"].email-input{
width:480px;
height:40px;
background-color:#e4e4e4;
border:none;
margin:40px 10px 0 0;
padding:0;
color:#7e7e7e;
font:italic 18px/40px Georgia,serif;
text-indent: 10px;
}
.mmqb-newsletter input[type="submit"].btn-submit{
width:140px;
height:40px;
border:none;
margin:40px 0 0 0;
padding:0;
color:#ffffff;
font:italic 18px/40px Georgia,serif;
background:#ef2626 url(/wp-content/themes/vip/si-mmbq/css/../img/sm_arrow_right.png) no-repeat 90% 50%;
-webkit-transition:opacity .4s;
-moz-transition:opacity .4s;
-ms-transition:opacity .4s;
-o-transition:opacity .4s;
transition:opacity .4s;
opacity:.7;
filter:alpha(opacity=70);
}
.mmqb-newsletter input[type="submit"].btn-submit:hover{
opacity:1;
filter:alpha(opacity=100);
}
/**
* footer
*/
#footer-container{}
#footer-container .title{
margin: 15px 0 15px 0;
}
#footer-container img.logo{
float:left;
margin:10px 50px 0 20px;
}
#footer-container .col{
width: auto;
padding:0;
margin:0 80px 0 0;
overflow: hidden;
}
#footer-container .col h4{
text-transform: uppercase;
color: #373737;
font: bold 15px/15px Arial,sans-serif;
margin: 0 0 5px 0;
padding: 0;
}
#footer-container .col a{
display: block;
color:#656565;
font:12px/16px Arial,sans-serif;
}
#footer-container .divider-dot{display: none;}
#footer-container .col ul{
float: left;
padding: 0;
margin:0;
}
#footer-container #col3 #first-ul{margin:0 25% 0 0;}
#footer-container .col li{
text-decoration: none;
list-style: none;
margin:0;
padding:0;
}
#footer-container .col a:hover{ color:#ef2626;}
#footer-container .footer{
margin:40px 0 0 0;
overflow: hidden;
}
#footer-container p a,
#footer-container p a:hover,
#footer-container p a:visited{
color:#656565;
text-decoration: underline;
}
#footer-container hr{
border:none;
background-color: #c3c3c3;
}
#footer-container p{
text-align: center;
font:12px/16px Arial,sans-serif;
color:#656565;
}
#footer-container p a, #footer-container .copyright-spanner a,
/*#footer-container p a:hover, #footer-container .copyright-spanner a:hover,*/
#footer-container p a:visited, #footer-container .copyright-spanner a:visited {
color:#656565;
text-decoration: underline;
}
#footer-container p a:hover, #footer-container .copyright-spanner a:hover { color:#ef2626;}
#footer-container hr{
border:none;
background-color: #c3c3c3;
}
#footer-container p, #footer-container .copyright-spanner{
text-align: center;
font:12px/16px Arial,sans-serif;
color:#656565;
}
#footer-container .copyright-spanner{
border-top: 1px solid #C3C3C3;
float: left;
width: 100%;
padding: 10px 0 10px 0;
margin: 10px 0 0 0;
}
#wp-powered-by-wrapper {
margin: 0 0 12px 0;
color:#656565;
text-align: center;
font:10px Arial,sans-serif;
float: left;
width: 100%;
}
#wp-powered-by-wrapper a,
#wp-powered-by-wrapper a:hover,
#wp-powered-by-wrapper a:visited {
color:#656565;
text-decoration: underline;
}
#footer-container.wrapper div.copyright-spanner a:hover {
}
/**
* sidebar in footer
*/
#footer-container .sidebar{
width:100%;
margin:40px 0 0 0;
padding:0%;
float:none;
overflow: hidden;
background-color:#f7f7f7;
-webkit-box-shadow: 1px 1px 32px 1px #B8B8B8;
-moz-box-shadow: 1px 1px 32px 1px #B8B8B8;
-ms-box-shadow: 1px 1px 32px 1px #B8B8B8;
-o-box-shadow: 1px 1px 32px 1px #B8B8B8;
box-shadow: 1px 1px 32px 1px #B8B8B8;
}
#footer-container .sidebar .section{width:96%; padding:0 2%; margin:0;}
#footer-container .sidebar .section#twitter .twitter-container {width: 100%;}
#footer-container .sidebar .section#twitter .twitter-container .twitter-timeline {width: 100%;}
#footer-container .staff-item{
float:left;
width:21%;
padding:20px 2% 30px 2%;
}
.preloader{
width:128px;
height:128px;
position: absolute;
margin: auto;
top:-25%;
bottom:0;
left:0;
right:0;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/loader_grey.gif) no-repeat center center;
}
#newletter-form{display: inline-block;}
/*network bar override*/
#siBar-wrapper{
min-width: 0 !important;
}
.mmqb_topic_promo_image_1 {
display: inline;
}
.mmqb_topic_promo_image_2 {
display: none;
}
/*==============================*/
/* === media queries ========== */
/*==============================*/
@media only screen and (max-width: 639px) {
/* ========
MOBILE
======== */
.wrapper{
width: 92%;
padding: 0 4%;
}
nav ul{
display: none;
}
#newletter-form{display: block;}
#main{
width:96%;
padding: 0 2%;
}
.tile-wrapper .tile .img{display:none;}
.tile-wrapper .tile.ad,
.tile-wrapper .tile.custom{
padding:0;
max-width: 100%;
background:transparent;
}
.tile-wrapper .tile.custom img{
width:98%;
height: auto;
padding:1%;
max-width: 100%;
}
.mmqb-newsletter .front-plane .title{
display: block;
text-align: center;
font-size: 20px;
margin:5px 0 0 0;
}
.mmqb-newsletter .back-plane .title{font-size: 20px;}
.mmqb-newsletter input[type="text"].email-input{
width:50%;
margin:5px 0 0 10%;
}
.mmqb-newsletter input[type="submit"].btn-submit{
width:30%;
margin:5px 0 0 0;
}
#footer-container img.logo{
display: block;
float: none;
margin: 0 auto;
}
#footer-container .col{
width: 35%;
margin:30px 0 10px 15%;
overflow: hidden;
}
#footer-container .col h4{font-size:12px;}
.sidebar #staff,.sidebar #reading-list{
display: none;
}
.section .title{width: 94%; padding:3px 3%;}
#footer-container .sidebar-item{
width:100%;
margin:10px 0;
float:none;
}
#footer-container .sidebar-item div.img{
float:left;
margin-right:10px;
}
.tile-wrapper{
display: block;
position: relative;
float: none;
width: 100%;
padding: 0;
margin: 0 0 10px 0;
}
.tile-wrapper .tile{max-width: 100%; margin:0 0 20px 0;}
.tile-wrapper .tile.custom{width:100%;}
.tile-wrapper .tile .credit{ padding-bottom: 20px;}
.tile-wrapper .tile .social{display: none;}
.tile-wrapper .tile .content{
width:96%;
margin:0;
padding:0 2%;
}
/*network-bar override*/
#siBar-wrapper #siBar-top-stories{display: none;}
#siBar-wrapper #siBar-more{display: none;}
#siBar-wrapper #siBar-fannation{display: none;}
#siBar-wrapper #siBar-newsletter{display: none;}
#siBar-wrapper #siBar-extramustard{display: none;}
#siBar-wrapper #siBar-swim{display: none;}
/*#siBar-wrapper #siBar-magazine{display: none;}*/
/*#siBar-wrapper #siBar-blogs{display: none;}*/
.sidebar #talkback.section {
margin-bottom: 30px;
}
.sidebar #talkback.section a:link,
.sidebar #talkback.section a:visited{
font:24px/24px 'Geogrotesque',sans-serif;
}
#siBar-wrapper.v3 ul.inner li:nth-of-type(4) {display: none;}
#siBar-wrapper.v3 ul.inner li:nth-of-type(8) {display: none;}
#siBar-wrapper.v3 ul.inner li:nth-of-type(10) {display: none;}
#siBar-wrapper.v3 ul.inner li:nth-of-type(12) {display: none;}
#siBar-wrapper.v3 ul.inner li:nth-of-type(14) {display: none;}
#siBar-wrapper.v3 ul.inner li:nth-of-type(16) {display: none;}
.mmqb_topic_promo_image_1 {
display: none;
}
.mmqb_topic_promo_image_2 {
display: inline;
}
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
/* ================
NARROW: Tablet
================ */
.wrapper{
width: 640px;
}
nav ul{
width: 467px;
}
nav ul li a {
font: 15px/57px 'Geogrotesque', Helvetica, sans-serif;
}
nav ul li a.btn {
width:92px;
}
nav ul li a.btn-share, nav ul li a.btn-search{
width:47px;
}
nav ul li a.btn-share{
background-position: -11px -162px;
}
nav ul li a.btn-search{
background-position: -11px -222px;
}
#main{
width:640px;
}
.mmqb-newsletter .front-plane .title{font-size: 24px; margin-right: 20px;}
.mmqb-newsletter input[type="text"].email-input{ width:230px;}
.mmqb-newsletter input[type="submit"].btn-submit{width:100px;}
#footer-container img.logo{
display: block;
float: none;
margin: 0 auto;
}
#footer-container .col{
width: 35%;
margin:30px 0 10px 15%;
overflow: hidden;
}
#footer-container .col h4{font-size:12px;}
.sidebar #staff,.sidebar #reading-list{
display: none;
}
.section .title{width: 94%; padding:3px 3%;}
.tile-wrapper{
padding:0;
width: 640px;
}
.tile-wrapper .tile{
margin:10px;
}
/*network-bar override*/
#siBar-wrapper #siBar-blogs{display: none;}
#siBar-wrapper #siBar-top-stories{display: none;}
#siBar-wrapper #siBar-more{display: none;}
#siBar-wrapper #siBar-fannation{display: none;}
.sidebar #talkback.section {
margin-bottom: 30px;
}
.sidebar #talkback.section a:link,
.sidebar #talkback.section a:visited{
font:24px/24px 'Geogrotesque',sans-serif;
}
.mmqb_topic_promo_image_1 {
display: inline;
}
.mmqb_topic_promo_image_2 {
display: none;
}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
/* ================================
INTERMEDIATE: Desktop & Tablet
================================ */
.wrapper{
width: 960px;
}
nav ul{
width: 787px;
}
nav ul li a.btn {
width:160px;
}
#main{
width:960px;
}
.mmqb-newsletter input[type="text"].email-input{width:330px;}
.mmqb-newsletter input[type="submit"].btn-submit{width:100px;}
#footer-container .col{margin:0 40px 0 0;}
#footer-container .col h4{font-size:12px;}
#footer-container p{font-size: 11px;}
.section .title{width: 94%; padding:3px 3%;}
.tile-wrapper{
width: 960px;
padding:0;
}
.tile-wrapper .tile{
margin:10px;
}
#nfl-feed .nfl-feed-item{
width: 20%;
margin: 10px 1% 10px 3%;
}
.sidebar #talkback.section {
margin-bottom: 30px;
}
.sidebar #talkback.section a:link,
.sidebar #talkback.section a:visited{
font:24px/24px 'Geogrotesque',sans-serif;
}
}
@media only screen and (min-width: 1200px) {
/* ===============
WIDE: Desktop
=============== */
.wrapper{
width: 1200px;
}
nav ul{
width: 1027px;
}
nav ul li a.btn {
width:220px;
}
#main{
width:1200px;
}
.tile-wrapper{
width: 960px;
}
}
/**
* IE 8
*/
.ie8 .wrapper{
width: 960px;
}
.ie8 #main{
width: 960px;
padding:0;
}
.ie8 .tile-wrapper{
width: 960px;
}
.ie8 .tile-wrapper .tile{
margin:10px;
}
.ie8 .t2{
padding:0;
}
.ie8 .sidebar .section{width:920px; padding:0 20px;}
.ie8 .sidebar .section#twitter{display: none;}
.ie8 .mmqb-newsletter input[type="text"].email-input{width:330px;}
.ie8 .mmqb-newsletter input[type="submit"].btn-submit{width:100px;}
.ie8 #footer-container .col{margin:0 40px 0 0;}
.ie8 #footer-container .col h4{font-size:12px;}
.ie8 #footer-container p{font-size: 11px;}
.ie8 .section .title{width: 94%; padding:3px 3%;}
.ie8 .tile-wrapper{width: 960px;}
/**
* IE 7
*/
.ie7 #title{ padding-top:20px; }
.ie7 .wrapper{
width: 960px;
}
.ie7 #main{
width: 960px;
padding:0;
}
.ie7 .tile-wrapper{
width: 960px;
}
.ie7 .tile-wrapper .tile{
margin:10px;
}
.ie7 .t2{width:956px;}
.ie7 .t2 .tile.set4{width:235px; padding-bottom: 15px;}
.ie7 .t2 .tile.set4 div.img{display: none;}
.ie7 .t2 .tile.set4 .text{
width:86%;
margin:15px 7% 0 7%;
}
.ie7 .t2 .tile.set3{width:314px;}
.ie7 .t2 .tile.set3 div.img{
width:35%;
height:auto;
margin:15px 0 0 5%;
padding:0;
}
.ie7 .t2 .tile.set3 .text{
width:40%;
height:auto;
margin:15px 4% 0 4%;
padding:0;
}
.ie7 .t2 .t2-tip{
left:50%;
margin-left: -54px;
}
.ie7 .sidebar .section{width:920px; padding:0 20px 20px 20px;}
.ie7 .sidebar .section#twitter{display: none;}
.ie7 .section .title{width: 94%; padding:3px 3%;}
.ie7 .mmqb-newsletter .title{display: block;float: left;}
.ie7 .mmqb-newsletter .back-plane .title{float: none;}
.ie7 .mmqb-newsletter input[type="text"].email-input{width:330px;}
.ie7 .mmqb-newsletter input[type="submit"].btn-submit{width:100px;}
.ie7 #footer-container .col{margin:0 40px 0 0;}
.ie7 #footer-container .col h4{font-size:12px;}
.ie7 #footer-container p{font-size: 11px;}
/* custom */
#searchform .btn-submit{
text-indent: -99999px;
}
#global_ad_id1, #global_ad_id2, #global_ad_id3 { width: 320px; margin: 0 auto; }
#hook_rgt_300x250 {
width: 300px;
height: 250px;
}
/* no posts on index start */
#main .sort-wrapper-index {
position: relative;
width:960px;
height: auto;
float: left;
}
#main .sort-wrapper-index .section-header {
position: relative;
width: 960px;
height: auto;
overflow: hidden;
}
#main .sort-wrapper-index .section-header #article-meta-text {
width: 940px;
padding: 0;
position: relative;
overflow: hidden;
margin: 0 10px 0 10px;
}
#main .sort-wrapper-index .section-header #article-meta-text #title {
font: 76px/66px 'Geogrotesque', Helvetica, sans-serif;
letter-spacing: -1px;
margin: 55px 0 25px 0;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
/* ================================
INTERMEDIATE: Desktop & Tablet
================================ */
#main .sort-wrapper-index .section-header {
width: 100%;
}
#main .sort-wrapper-index .section-header.writer #article-meta-text .right .twitter-account {
padding-left: 20px;
}
}
@media only screen and (min-width: 1200px) {
/* ===============
WIDE: Desktop
=============== */
#main .sort-wrapper-index .sort-wrapper {
padding-right: 19px;
}
#main .sort-wrapper-index .section-header {
width: 960px;
}
}
/* =========
IE Fixes
========= */
.ie7 #main .sort-wrapper-index .section-header, .ie8 #main .sort-wrapper-index .section-header {
width: 100%;
}
/* 404 */
#main .sort-wrapper-index .text404{
margin:20px 3%;
width: 94%;
}
#main .sort-wrapper-index .text404 h1{
font: 56px/66px 'Geogrotesque', Helvetica, sans-serif;
letter-spacing: -1px;
margin:0;
}
#main .sort-wrapper-index .text404 h4{
color: #333333;
font: 18px/25px Arial, sans-serif;
margin:5px 0;
}
/* no posts on index end */
/* below 640, where the site sometimes moves left/right as you scroll down the page */
@media only screen and (max-width: 639px) {
#main-container {
overflow: hidden;
}
}
/*SI-7199 :: retina ads fixes */
@media only screen and (max-width: 640px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 640px) and (min-device-pixel-ratio: 2) {
#global_ad_id1{
width: 640px;
}
div.ad-unit-container img{
max-width: 640px;
height: 50px;
}
}
@media only screen and (max-width: 568px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 568px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 568px) and (min-device-pixel-ratio: 2) {
#global_ad_id1{
width: 568px;
}
div.ad-unit-container img{
max-width: 568px;
height: 50px;
}
div.homepage_flex_banner img {
max-width: 320px;
}
}
@media only screen and (max-width: 480px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (min-device-pixel-ratio: 2) {
#global_ad_id1{
width: 480px;
}
div.ad-unit-container img{
max-width: 480px;
height: 50px;
}
}
@media only screen and (max-width: 360px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 360px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 360px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 360px) and (min-device-pixel-ratio: 2) {
#global_ad_id1{
width: 360px;
}
div.ad-unit-container img{
max-width: 360px;
height: 50px;
}
}
@media only screen and (max-width: 320px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 320px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 320px) and (min-device-pixel-ratio: 2) {
#global_ad_id1{
width: 320px;
}
div.ad-unit-container img{
max-width: 320px;
height: 50px;
}
}#main-container{
margin-top: -261px;
}
.t1-carousel {
position: relative;
width: 100%;
height: 1067px;
margin: 0 auto 10px auto;
left: 0;
right: 0;
top: -33px;
overflow: hidden;
background-repeat: no-repeat;
background-position: top center;
text-align: center;
background: #ededed;
}
/* t1 */
.t1-carousel .t1-inner {
}
.t1-carousel .t1-inner article {
display: none;
position: absolute;
width: 1600px;
height: 1067px;
left: 50%;
margin-left: -800px;
top: 0;
}
.t1-carousel .t1-inner article a {
display: block;
position: absolute;
width: 1200px;
height: 350px;
left: 50%;
margin-left: -600px;
bottom: 360px;
text-decoration: none;
z-index: 1;
}
.t1-carousel .t1-inner article a header {
position: absolute;
display: block;
width: 1200px;
bottom: 0;
height: auto;
}
.t1-carousel .t1-inner article a header .category {
display: inline-block;
vertical-align: top;
padding: 6px 12px;
background: #ef2626;
color: #ffffff;
font: italic 20px/20px Georgia,serif;
-webkit-box-shadow: 1px 1px 4px 0px #333;
-moz-box-shadow: 1px 1px 4px 0px #333;
-ms-box-shadow: 1px 1px 4px 0px #333;
-o-box-shadow: 1px 1px 4px 0px #333;
box-shadow: 1px 1px 4px 0px #333;
}
.t1-carousel .t1-inner article a header .category .credit {
color: white;
letter-spacing: 2px;
font: 8px/8px Helvetica, Helvetica Neue, Arial, sans-serif;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 2px;
margin-top: -1px;
}
.t1-carousel .t1-inner article a header .category .credit .author {
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #ffffff;
letter-spacing: 0;
font: 20px/20px 'Geogrotesque',sans-serif;
margin-left: 2px;
margin-top: -1px;
}
.t1-carousel .t1-inner article a header .header {
color: #ffffff;
font-weight: bold;
font-family: 'Geogrotesque',Arial,sans-serif;
text-shadow: 2px 2px 10px #000;
letter-spacing: -2px;
text-transform: uppercase;
-webkit-transition: text-shadow .3s;
-moz-transition: text-shadow .3s;
-ms-transition: text-shadow .3s;
-o-transition: text-shadow .3s;
transition: text-shadow .3s;
}
.t1-carousel .t1-inner article a header .header.line1 {
margin-top: 18px;
margin-bottom: 2px;
font-size: 110px;
line-height: 100px;
}
.t1-carousel .t1-inner article a header .header.line2 {
margin-top: 18px;
margin-bottom: 2px;
font-size: 80px;
line-height: 70px;
}
.t1-carousel .t1-inner article a header .header.line3{
margin-top: 18px;
margin-bottom: 4px;
font-size:60px;
line-height: 55px;
}
.t1-carousel .t1-inner article a:hover header .header{
text-shadow:2px 2px 20px #000;
}
.t1-carousel .t1-inner article a header .readmore-wrapper {
max-width: 340px;
margin: 0 auto 14px auto;
text-align: center;
overflow: hidden;
}
.t1-carousel .t1-inner article a header .readmore-wrapper .hairline {
height: 30px;
width: 33%;
float: left;
border-bottom: 1px solid #000;
border-bottom: 4px solid #ef2626;
margin-top: -15px;
-webkit-transition: border .3s;
-moz-transition: border .3s;
-ms-transition: border .3s;
-o-transition: border .3s;
transition: border .3s;
}
.t1-carousel .t1-inner article a header .readmore-wrapper .readmore {
float: left;
color: #000000;
color: #ef2626;
text-transform: none;
font: italic 30px/30px Georgia,serif;
width: 33%;
-webkit-transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
.t1-carousel .t1-inner article a header .photo-credit {
text-align: right;
margin-right: 10px;
color: #757575;
font: 10px/10px Arial,sans-serif;
text-transform: uppercase;
}
.t1-carousel .t1-inner article .img_wrapper.lazy_load {
position: relative;
display: block;
top: 0;
z-index: 0;
}
.t1-carousel .t1-inner article .img_wrapper.lazy_load img {
position: absolute;
top: 0;
left: 0;
width: 1600px;
height: 1067px;
text-decoration: none;
border: none;
}
/* t2 */
.t1-carousel .t2-inner {
display: block;
position: absolute;
margin: 0 auto;
width: 1200px;
height: 106px;
bottom: 248px;
left: 50%;
margin-left: -600px;
overflow: visible;
}
.t1-carousel .t2-inner .tile {
position: relative;
display: block;
float: left;
width: 298px;
height: 90px;
margin: 0;
margin-top: 16px;
padding: 0;
background-color: #e8e8e8;
text-align: left;
border-left: 1px solid #b3b3b3;
-webkit-box-shadow: inset 0 -10px 5px -8px #B8B8B8;
-moz-box-shadow: inset 0 -10px 5px -8px #B8B8B8;
-ms-box-shadow: inset 0 -10px 5px -8px #B8B8B8;
-o-box-shadow: inset 0 -10px 5px -8px #B8B8B8;
box-shadow: inset 0 -10px 5px -8px #B8B8B8;
-webkit-transition: height .3s ease-out, margin-top .3s ease-out;
-moz-transition: height .3s ease-out, margin-top .3s ease-out;
-ms-transition: height .3s ease-out, margin-top .3s ease-out;
-o-transition: height .3s ease-out, margin-top .3s ease-out;
transition: height .3s ease-out, margin-top .3s ease-out;
}
.t1-carousel .t2-inner a.tile {
text-decoration: none;
}
.t1-carousel .t2-inner .tile.selected {
margin-top: 0px;
height: 106px;
}
.t1-carousel .t2-inner .tile .highlight {
width: 100%;
height: 0;
background: #b3b3b3;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
margin-bottom: 8px;
-webkit-box-shadow: 0px -6px 5px -5px #b1b1b1 inset;
-moz-box-shadow: 0px -6px 5px -5px #b1b1b1 inset;
-ms-box-shadow: 0px -6px 5px -5px #b1b1b1 inset;
-o-box-shadow: 0px -6px 5px -5px #b1b1b1 inset;
box-shadow: 0px -6px 5px -5px #999999 inset;
}
.t1-carousel .t2-inner .tile.selected .highlight {
margin-bottom: 13px;
}
.t1-carousel .t2-inner .tile.selected .highlight {
height: 6px;
}
.t1-carousel .t2-inner .tile .highlight .innerbar {
height: 100%;
width: 0;
background-color: #ef2626;
}
.t1-carousel .t2-inner .tile .img_wrapper {
display: block;
float: left;
width: 105px;
height: 70px;
background: #b3b3b3;
margin: 2px 10px 10px 10px;
}
.t1-carousel .t2-inner .tile.inactive .img_wrapper {
/*-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.8;*/
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
opacity: 0.8;
}
.t1-carousel .t2-inner .tile .category,
.t1-carousel .t2-inner a.tile .category{
position: relative;
display: block;
margin: 0 5px 5px 10px;
padding: 0;
color: #ef2626;
font: italic 13px/14px Georgia,serif;
text-decoration: none;
}
.t1-carousel .t2-inner .tile.inactive .category{
color: #666666;
}
.t1-carousel .t2-inner .tile .title{
position: relative;
display: block;
padding: 0;
color: #000000;
font: 14px/14px 'Geogrotesque',Arial,sans-serif;
font-weight: bold;
margin: 0 5px 2px 10px;
}
.t1-carousel .t2-inner .tile.inactive .title{
color: #666666;
}
@media only screen and (max-width: 639px) {
#main-container{
margin-top: -183px;
}
.t1-carousel {
top: -120px;
height: 575px;
}
.t1-carousel .t1-inner article {
display: none;
position: absolute;
width: 100%;
height: 575px;
left: 0;
margin-left: 0;
top: 0;
}
.t1-carousel .t1-inner article a {
display: block;
position: absolute;
width: 100%;
height: 350px;
left: 0;
margin-left: 0;
bottom: 178px;
text-decoration: none;
z-index: 1;
}
.t1-carousel .t1-inner article a header {
position: absolute;
display: block;
width: 100%;
bottom: -70px;
}
.t1-carousel .t1-inner article a header .category {
font-size: 14px;
padding: 2px 6px;
}
.t1-carousel .t1-inner article a header .category .credit {
font: 8px/8px Helvetica, Helvetica Neue, Arial, sans-serif;
}
.t1-carousel .t1-inner article a header .category .credit .author {
font: 13px/13px 'Geogrotesque',sans-serif;
margin-top: 1px;
}
.t1-carousel .t1-inner article a header .header.line1 {
margin-top: 13px;
margin-bottom: -10px;
color:#000000;
font-size: 40px;
line-height: 40px;
text-shadow: 0px 0px 10px #fff;
}
.t1-carousel .t1-inner article a header .header.line2 {
margin-top: 13px;
margin-bottom: -10px;
color:#000000;
font-size: 32px;
line-height: 30px;
text-shadow: 0px 0px 10px #fff;
}
.t1-carousel .t1-inner article a header .header.line3{
margin-top: 13px;
margin-bottom: -10px;
color:#000000;
font-size: 32px;
line-height: 30px;
text-shadow: 0px 0px 10px #fff;
}
.t1-carousel .t1-inner article a header .readmore-wrapper {
max-width: 200px;
margin: 10px auto;
text-align: center;
overflow: hidden;
}
.t1-carousel .t1-inner article a header .readmore-wrapper .hairline {
height: 30px;
width: 35%;
float: left;
border-bottom: 4px solid #ef2626;
margin-top: -15px;
-webkit-transition: border .3s;
-moz-transition: border .3s;
-ms-transition: border .3s;
-o-transition: border .3s;
transition: border .3s;
}
.t1-carousel .t1-inner article a header .readmore-wrapper .readmore {
font-size: 18px;
width: 30%;
}
.t1-carousel .t1-inner article a header .photo-credit {
display: none;
/*width: 90%;
margin-left: 5%;
margin-right: 5%;*/
}
.t1-carousel .t1-inner article .img_wrapper.lazy_load img {
position: absolute;
top: 0;
left: 50%;
margin-left: -431px;
width: 862px;
height: 575px;
}
.t1-carousel .t2-inner {
width: 150px;
height: 25px;
bottom: 82px;
left: 50%;
margin-left: -75px;
text-align: center;
}
.t1-carousel .t2-inner .tile {
display: none;
}
.t1-carousel .t2-inner a.tile {
float: none;
display: inline-block;
width: 17px;
height: 15px;
margin: 0 5px;
background-color: transparent;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/sprite.png) center no-repeat;
background-position: -318px -100px;
border-left: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.t1-carousel .t2-inner .tile.selected {
height: 15px;
margin: 0 5px;
background-position: -291px -100px;
}
.t1-carousel .t2-inner .tile .highlight,
.t1-carousel .t2-inner .tile .img_wrapper,
.t1-carousel .t2-inner .tile .title,
.t1-carousel .t2-inner .tile .category,
.t1-carousel .t2-inner a.tile .category,
.t1-carousel .t2-inner .tile.inactive {
display: none;
}
} /* Closes Media Query */
@media only screen and (min-width: 640px) and (max-width: 959px) {
#main-container{
margin-top: -147px;
}
.t1-carousel {
top: -20px;
height: 575px;
}
.t1-carousel .t1-inner article {
display: none;
position: absolute;
width: 100%;
height: 575px;
left: 0;
margin-left: 0;
top: 0;
}
.t1-carousel .t1-inner article a {
display: block;
position: absolute;
width: 100%;
height: 350px;
left: 0;
margin-left: 0;
bottom: 160px;
text-decoration: none;
z-index: 1;
}
.t1-carousel .t1-inner article a header {
position: absolute;
display: block;
width: 100%;
bottom: 0;
}
.t1-carousel .t1-inner article a header .category {
font-size: 14px;
padding: 2px 6px;
}
.t1-carousel .t1-inner article a header .category .credit {
font: 8px/8px Helvetica, Helvetica Neue, Arial, sans-serif;
}
.t1-carousel .t1-inner article a header .category .credit .author {
font: 13px/13px 'Geogrotesque',sans-serif;
margin-top: 1px;
}
.t1-carousel .t1-inner article a header .header {
text-shadow: 1px 1px 10px #000000;
}
.t1-carousel .t1-inner article a header .header.line1 {
margin-top: 15px;
margin-bottom: -9px;
font-size:60px;
line-height:50px;
letter-spacing: -0.3px;
}
.t1-carousel .t1-inner article a header .header.line2 {
margin-top: 15px;
margin-bottom: -9px;
font-size: 40px;
line-height: 37px;
letter-spacing: -0.3px;
}
.t1-carousel .t1-inner article a header .header.line3{
margin-top: 15px;
margin-bottom: -9px;
font-size:34px;
line-height:34px;
letter-spacing: -0.3px;
}
.t1-carousel .t1-inner article a header .readmore-wrapper {
max-width: 200px;
margin: 10px auto;
text-align: center;
overflow: hidden;
}
.t1-carousel .t1-inner article a header .readmore-wrapper .hairline {
height: 30px;
width: 35%;
float: left;
border-bottom: 4px solid #ef2626;
margin-top: -15px;
-webkit-transition: border .3s;
-moz-transition: border .3s;
-ms-transition: border .3s;
-o-transition: border .3s;
transition: border .3s;
}
.t1-carousel .t1-inner article a header .readmore-wrapper .readmore {
font-size: 18px;
width: 30%;
}
.t1-carousel .t1-inner article a header .photo-credit {
display: none;
/*width: 90%;
margin-left: 5%;
margin-right: 5%;*/
}
.t1-carousel .t1-inner article .img_wrapper.lazy_load img {
position: absolute;
top: 0;
left: 50%;
margin-left: -431px;
width: 862px;
height: 575px;
}
.t1-carousel .t2-inner {
width: 150px;
height: 25px;
bottom: 133px;
left: 50%;
margin-left: -75px;
text-align: center;
}
.t1-carousel .t2-inner .tile {
display: none;
}
.t1-carousel .t2-inner a.tile {
float: none;
display: inline-block;
width: 17px;
height: 15px;
margin: 0 5px;
background-color: transparent;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/sprite.png) center no-repeat;
background-position: -318px -100px;
border-left: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.t1-carousel .t2-inner .tile.selected {
height: 15px;
margin: 0 5px;
background-position: -291px -100px;
}
.t1-carousel .t2-inner .tile .highlight,
.t1-carousel .t2-inner .tile .img_wrapper,
.t1-carousel .t2-inner .tile .title,
.t1-carousel .t2-inner .tile .category,
.t1-carousel .t2-inner a.tile .category,
.t1-carousel .t2-inner .tile.inactive {
display: none;
}
} /* closes media query */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
/* TEMP */
.temp-header{
position: absolute;
top: 0;
left: 50%;
margin-left: -473px;
width: 946px;
height: 350px;
z-index: 1000;
background: url(/wp-content/themes/vip/si-mmbq/css/temp/header960.png) center no-repeat;
}
/* END TEMP */
.t1-carousel .t1-inner article a {
display: block;
position: absolute;
width: 960px;
height: 350px;
left: 50%;
margin-left: -480px;
bottom: 360px;
text-decoration: none;
z-index: 1;
}
.t1-carousel .t1-inner article a header {
position: absolute;
display: block;
width: 960px;
bottom: 0;
}
.t1-carousel .t2-inner {
width: 960px;
bottom: 248px;
left: 50%;
margin-left: -480px;
}
.t1-carousel .t2-inner .tile {
width: 238px;
}
.t1-carousel .t1-inner article a header .header.line1 {
font-size: 80px;
line-height: 80px;
}
.t1-carousel .t1-inner article a header .header.line2 {
font-size: 65px;
line-height: 60px;
}
.t1-carousel .t1-inner article a header .header.line3 {
font-size:40px;
line-height:40px;
}
.t1-carousel .t2-inner .tile .img_wrapper {
display: block;
float: left;
width: 105px;
height: 70px;
background: #b3b3b3;
margin: 2px 10px 10px 10px;
}
}
@media only screen and (min-width: 1200px) {
}
/* IE 8,9 FALLBACK STYLES*/
.ie8 .t1-carousel{min-width: 960px; margin-top: -165px}
.ie8 #main-container{
margin-top: -261px;
}
.ie8 .t1-carousel .t1-inner article a {
display: block;
position: absolute;
width: 960px;
height: 350px;
left: 50%;
margin-left: -480px;
bottom: 357px;
text-decoration: none;
z-index: 1;
}
.ie8 .t1-carousel .t1-inner article a header {
position: absolute;
display: block;
width: 960px;
bottom: 0;
}
.ie8 .t1-carousel .t1-inner article a header .category .credit .author {
font-family: 'Geogrotesque-IE-Bold',Arial,sans-serif;
font-weight: normal;
margin-top: -2px;
}
.ie8 .t1-carousel .t2-inner {
width: 960px;
bottom: 248px;
left: 50%;
margin-left: -480px;
}
.ie8 .t1-carousel .t2-inner .tile {
width: 238px;
}
.ie8 .t1-carousel .t1-inner article a header .header,
.ie9 .t1-carousel .t1-inner article a header .header {
font-family: 'Geogrotesque-IE-Bold',Arial,sans-serif;
font-weight: normal;
filter: Shadow(Color=black, Direction=180, Strength=7);
}
.ie8 .t1-carousel .t1-inner article a header .header.line1 {
font-size: 80px;
line-height: 80px;
}
.ie8 .t1-carousel .t1-inner article a header .header.line2 {
font-size: 65px;
line-height: 60px;
}
.ie8 .t1-carousel .t1-inner article a header .header.line3 {
font-size:40px;
line-height:40px;
}
.ie8 .t1-carousel .t2-inner .tile .img_wrapper {
display: block;
float: left;
width: 105px;
height: 70px;
background: #b3b3b3;
margin: 2px 10px 10px 10px;
}
.ie8 .t1-carousel .t2-inner .tile .img_wrapper {
display: block;
float: left;
width: 105px;
height: 70px;
background: #b3b3b3;
margin: 2px 10px 10px 10px;
text-decoration: none;
border: none;
}
.ie8 .t1-carousel .t2-inner .tile .img_wrapper img{
text-decoration: none;
border: none;
}
.ie8 .t1-carousel .t2-inner .tile.inactive .img_wrapper {
filter: gray; /* IE6-9 */
}
.ie8 .t1-carousel .t2-inner .tile .category,
.ie8 .t1-carousel .t2-inner a.tile .category{
font: italic 12px/13px Georgia,serif;
}
.ie8 .t1-carousel .t2-inner .tile .title{
font: 12px/13px 'Geogrotesque-IE-Bold',Arial,sans-serif;
font-weight: normal;
}.network-bar{
position: relative;
width: 100%;
height: 35px;
background: #000;
margin: 0;
padding: 0;
z-index: 2;
opacity: 1;
}
.ad-unit-container{
position: absolute;
display: block;
width: 728px;
height: 90px;
padding: 10px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: #fff;
z-index: 2;
left: 0;
right: 0;
-webkit-box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.075);
}
.ad-unit-container .ad-unit{
position: relative;
width: 100%;
height: 100%;
background: #ccc;
}
.share-overlay {
display: none;
width: 510px;
height: 249px;
left: 50%;
margin-left: -249px;
top: 50%;
margin-top: -124px;
background-color: #fdfdfd;
position: fixed;
z-index: 999999;
-webkit-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.4);
border: 1px solid #999;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.share-overlay .btn-close {
position: absolute;
top: 5px;
right: 5px;
width: 19px;
height: 19px;
border: 1px solid #dadada;
background: #dadada url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
background-position: -285px 0;
cursor: pointer;
}
.share-overlay .btn-close:hover {
background-color: #ef2626;
background-position: -285px -19px;
}
.share-overlay .title {
font: 40px/40px 'Geogrotesque', Helvetica, sans-serif;
font-weight: bold;
text-align: center;
margin-top:10px;
text-transform: uppercase;
}
.share-overlay .desc {
font: 14px/22px Helvetica, sans-serif;
text-align: left;
margin-left: 5%;
width: 90%;
margin-top: 3px;
}
.share-overlay ul {
display: block;
width: 446px;
height: 102px;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
padding: 0;
margin: 0 auto;
margin-top: 10px;
}
.share-overlay ul li {
position: relative;
display: inline;
float: left;
margin: 0;
padding: 0;
cursor: pointer;
}
.share-overlay ul li.tw {
width: 107px;
height: 102px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
background-position: 0 0;
}
.share-overlay ul li.tw:hover {
background-color: #ef2626;
background-position: -107px 0;
}
.share-overlay ul li.fb {
width: 91px;
height: 102px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
background-position: 0 -102px;
}
.share-overlay ul li.fb:hover {
background-color: #ef2626;
background-position: -91px -102px;
}
.share-overlay ul li.gp {
width: 96px;
height: 102px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
background-position: 0 -204px;
}
.share-overlay ul li.gp:hover {
background-color: #ef2626;
background-position: -96px -204px;
}
.share-overlay ul li.in {
width: 152px;
height: 102px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
background-position: 0 -306px;
}
.share-overlay ul li.in:hover {
background-color: #ef2626;
background-position: -152px -306px;
}
#header-container {
display: block;
top: 0;
left: 50%;
margin-left: -600px;
margin-top: 165px;
width: 1200px;
background: transparent;
z-index: 999;
height: auto;
overflow: visible;
}
#header-container > header{
position: relative;
height: 60px;
overflow: visible;
}
nav{
position: relative;
height: 598px;
overflow: visible;
}
nav.plane-wrapper {
width:100%;
height: 60px;
position: relative;
overflow: visible;
}
nav.plane-wrapper .rotating-plane{
display: block;
position: absolute;
top: 0;
left: 195px;
height: 60px;
}
nav .logo{
position: absolute;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
width: 185px;
height: 192px;
background-position: 0 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
nav .nav-searchbar{
/*display: block;*/
position: absolute;
top: 0;
right: 0;
height: 60px;
background: #0b0d0d;
margin: 0;
padding: 0;
}
nav ul{
display: block;
position: absolute;
top: 0;
right: 0;
width: 1027px;
height: 60px;
background: #0b0d0d;
margin: 0;
padding: 0;
z-index: 2;
}
nav ul li{
position: relative;
display: inline;
float: left;
margin: 0;
padding: 0;
height: 60px;
top: 0;
}
nav ul li a {
top: 0;
position: relative;
display: block;
text-decoration: none;
text-transform: uppercase;
font: 26px/66px 'Geogrotesque', Helvetica, sans-serif;
font-weight: normal;
height: 60px;
text-align: center;
}
/* Main Nav */
nav ul li a.btn-nav:link, nav ul li a.btn-nav:visited {
color: #fff;
border-left: 1px solid #0c0d0e;
border-right: 1px solid #2a2a2b;
}
nav ul.nav-main li:hover a.btn-nav, ul li a.btn-nav:hover, nav ul li a.btn-nav:active {
color: #fff;
background-color: #ef2626;
border-left: 1px solid #500d0d;
border-right: 1px solid #7e2d2d;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
nav ul li a.btn-share, nav ul li a.btn-search, nav ul li a.btn-close-search{
top: 0;
position: relative;
display: block;
text-indent: -9999px;
height: 60px;
text-align: center;
}
nav ul li a.btn-share {
width: 71px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
background-position: 0px -421px;
}
nav ul li a.btn-search {
width: 71px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
background-position: -99px -379px;
}
nav ul li a.btn-close-search {
width: 71px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
background-position: 0px -480px;
}
/* Search li: < 640 */
.nav-main li#nav-btn-6 .input-wrapper {
top: 0;
left: 0;
height: 63px;
border-bottom: 1px solid #0a0b0b;
margin-top: 1px;
}
.nav-main li#nav-btn-6 .input-wrapper input[type="text"].input-search{
position: absolute;
top: 10px;
left: 50%;
width: 200px;
height: 42px;
background-color: #e4e4e4;
border:none;
padding:0;
margin: 0 0 0 -100px;
color: #000;
font: italic 20px/40px Georgia,serif;
text-indent: 5px;
}
.nav-main li#nav-btn-6 .input-wrapper input[type="submit"].btn-search-mini{
position: absolute;
top: 10px;
left: 50%;
border: 0;
padding: 0;
margin: 0;
width: 29px;
height: 43px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
background-position: -119px -388px;
margin-left: 105px;
}
.nav-main li#nav-btn-6 .input-wrapper:hover {
background-color: #ef2626;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
/* Social Buttons: < 640 */
nav ul.nav-main li.nav-social {
position: relative;
width: 98px;
height: 62px;
margin-top: 2px;
text-align: center;
float: none;
}
nav ul.nav-main li.nav-social:hover {
background-color: #ef2626;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
nav ul.nav-main li.nav-social a{
background: url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
width: 98px;
height: 62px;
}
nav ul.nav-main li.nav-social a.btn-tw{
background-position: 0 -11px;
}
nav ul.nav-main li.nav-social a.btn-fb{
background-position: 0 -94px;
}
nav ul.nav-main li.nav-social a.btn-gp:link{
background-position: 0 -177px;
}
/* Search Bar */
nav ul.nav-searchbar {
}
nav ul.nav-searchbar li.input-wrapper {
top: 0;
left: 0;
width: 885px;
}
.nav-searchbar input[type="text"].input-search{
position: absolute;
top: 9px;
left: 9px;
width: 867px;
height:42px;
background-color:#e4e4e4;
border:none;
padding:0;
margin: 0;
color:#7e7e7e;
font: italic 30px/40px Georgia,serif;
text-indent: 10px;
}
/* More From SI */
nav ul.nav-main li.nav-more-si {
display: none;
position: relative;
width: 100%;
min-width: 101px;
height: 46px;
margin-top: 2px;
text-align: center;
margin: 0 auto;
float: none;
/*background-color: #161717;*/
border-top: 1px solid #262727;
border-bottom: 1px solid #262727;
}
nav ul.nav-main li.nav-more-si:hover {
background-color: #ef2626;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
nav ul.nav-main li.nav-more-si a.btn-more-si{
background: url(/wp-content/themes/vip/si-mmbq/css/../img/sprite_more_si.png) no-repeat center center;
width: 100%;
height: 46px;
margin: 0 auto;
}
/* Writers Subnav */
nav ul.subnav {
position: absolute;
top: 60px;
left:0;
z-index:4;
}
nav ul.subnav.subnav-writers {
display: none;
width: 830px;
height: 185px;
}
nav ul.subnav.subnav-writers li{
position: relative;
display: inline;
float: left;
background-color: #0b0d0d;
border-left: 1px solid #080909;
border-right: 1px solid #272727;
width: 136px;
height: 185px;
}
nav ul.subnav.subnav-writers li a{
width: 100%;
height: 100%;
text-align: center;
}
nav ul.subnav.subnav-writers li a:link, nav ul.subnav.subnav-writers li a:visited{
}
nav ul.subnav.subnav-writers li a:hover, nav ul.subnav.subnav-writers li a:active{
}
nav ul.subnav.subnav-writers li a .img{
width: 98px;
height: 97px;
margin: 0 auto;
padding: 20px 0 0 0;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
nav ul.subnav.subnav-writers li a .header{
font: 23px/20px 'Geogrotesque', Helvetica, sans-serif;
width: 100%;
text-align: center;
text-transform: uppercase;
color: #fff;
margin: 0;
padding: 12px 0 0 0;
}
nav ul.subnav.subnav-writers li a .highlight{
width: 100%;
height: 0;
position: absolute;
left: 0;
bottom: 0;
background-color: #ef2626;
border-bottom: none;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
nav ul.subnav.subnav-writers li a:hover .highlight, nav ul.subnav.subnav-writers li a:active .highlight{
height: 7px;
border-bottom: 1px solid #a92323;
}
nav ul.subnav.subnav-writers li a:hover .img, nav ul.subnav.subnav-writers li a:active .img{
padding-top: 15px;
}
nav ul.nav-main li#nav-btn-1:hover .subnav-writers,
nav ul.nav-main li#nav-btn-2:hover .subnav-writers{
display: block;
}
/* Columns Subnav */
nav ul.subnav.subnav-columns {
display: none;
width: 675px;
height: 420px;
margin: 0;
padding: 20px 0 0 0;
text-align: center;
}
nav ul.subnav.subnav-columns li{
position: relative;
display: inline-block;
float: left;
width: 185px;
height: 88px;
margin: 0 20px 1px 20px;
padding: 0;
}
nav ul.subnav.subnav-columns li a{
display: table;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 61px;
text-align: left;
border-bottom: 1px solid #333333;
padding: 0 0 15px 10px;
margin: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
nav ul.subnav.subnav-columns li a:link, nav ul.subnav.subnav-columns li a:visited{
}
nav ul.subnav.subnav-columns li a:hover, nav ul.subnav.subnav-columns li a:active{
}
nav ul.subnav.subnav-columns li a .header{
display: table-cell;
vertical-align: middle;
font: 20px/22px 'Geogrotesque', Helvetica, sans-serif;
font-weight: normal;
width: 100%;
text-align: left;
text-transform: uppercase;
color: #fff;
padding: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
nav ul.subnav.subnav-columns li a .credit{
display: none;
font: 10px/17px Helvetica, sans-serif;
font-weight: normal;
width: 100%;
color: #999;
text-transform: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
margin: 0 0 0 10px;
}
nav ul.subnav.subnav-columns li a .credit .author{
font: italic 14px/17px Georgia,serif;
font-weight: normal;
width: 100%;
color: #999;
}
nav ul.subnav.subnav-columns li a .highlight{
width: 0;
height: 64px;
position: absolute;
left: 0;
top: 0;
background-color: #ef2626;
border-bottom: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
nav ul.subnav.subnav-columns li a:hover{
padding-left: 20px;
}
nav ul.subnav.subnav-columns li a:hover .highlight, nav ul.subnav.subnav-columns li a:active .highlight{
width: 7px;
border-left: 1px solid #a92323;
}
nav ul.subnav.subnav-columns li a:hover .header, nav ul.subnav.subnav-columns li a:active .header,
nav ul.subnav.subnav-columns li a:hover .credit, nav ul.subnav.subnav-columns li a:active .credit {
margin-left: 17px;
}
nav ul.subnav.subnav-columns li.li-more-cols,
nav ul.subnav.subnav-columns li:last-child {
float: none;
}
nav ul.subnav.subnav-columns li a.btn-more-cols:link, nav ul.subnav.subnav-columns li a.btn-more-cols:visited {
clear: left;
padding: 0;
margin: 0 auto;
width: 100%;
height: 33px;
background-color: #ff3333;
font:italic 16px/33px Georgia,serif;
text-align: center;
color: #fff;
top: 10px;
text-transform: none;
}
nav ul.nav-main li#nav-btn-1:hover .subnav-columns,
nav ul.nav-main li#nav-btn-2:hover .subnav-columns{
display: block;
}
/* Social Subnav */
nav ul.subnav.subnav-social {
display: none;
width: 300px;
height: 83px;
left: -154px;
}
nav ul.subnav.subnav-social li{
position: relative;
display: inline-block;
float: left;
width: 98px;
height: 83px;
margin: 0;
padding: 0;
border-left: 1px solid #080909;
border-right: 1px solid #272727;
}
nav ul.subnav.subnav-social li:hover{
border-left: 1px solid #5b0e0e;
border-right: 1px solid #5b0e0e;
}
nav ul.subnav.subnav-social li a{
position: relative;
top: 0;
left: 0;
width: 100%;
height: 83px;
padding: 0;
margin: 0;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
-webkit-transition: background-position .2s ease-out;
-moz-transition: background-position .2s ease-out;
-ms-transition: background-position .2s ease-out;
-o-transition: background-position .2s ease-out;
transition: background-position .2s ease-out;
}
nav ul.subnav.subnav-social li:hover a{
background-color: #ef2626;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
nav ul.subnav.subnav-social li a.btn-tw{
background-position: 0px 0px;
}
nav ul.subnav.subnav-social li a.btn-fb{
background-position: 0px -83px;
}
nav ul.subnav.subnav-social li a.btn-gp{
background-position: 0px -166px;
}
nav ul.nav-main li#nav-btn-5:hover .subnav-social{
display: block;
}
nav .btn-nav-toggle {
display: block;
position: absolute;
top: 18px;
right: 18px;
width: 50px;
height: 50px;
background: #191b1c url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
background-position: 0px -672px;
z-index: 3;
-webkit-transition: right .3s ease-out;
-moz-transition: right .3s ease-out;
-ms-transition: right .3s ease-out;
-o-transition: right .3s ease-out;
transition: right .3s ease-out;
cursor: pointer;
}
nav .btn-nav-toggle:hover {
background-color: #ef2626;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
/* Your Team (NFL Teams) subnav */
nav ul.subnav.subnav-nfl-teams {
width: 656px;
height: 356px;
left: -240px;
overflow: hidden;
display: none;
}
nav ul.subnav-nfl-teams li.nfl-division-column{
border-right: 1px solid #2a2a2b;
}
nav ul.subnav-nfl-teams li.nfl-division-column:last-child,
nav ul.subnav-nfl-teams li.nfl-division-column:last-child ul.nfl-division-team-list li{
border-right: none;
}
nav ul.subnav-nfl-teams li.nfl-division-column ul.nfl-division-team-list {
width: 80px;
position: static;
border-right: 1px solid #2a2a2b;
}
nav ul.subnav-nfl-teams li.nfl-division-column h3 {
color: #7b7b7b;
font: 12px/12px 'Geogrotesque', Helvetica, sans-serif;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
nav ul.subnav-nfl-teams li.nfl-division-column ul.nfl-division-team-list li {
width: 81px;
height: 80px;
display: block;
border-right: 1px solid #2a2a2b;
}
nav ul.subnav-nfl-teams li.nfl-division-column ul.nfl-division-team-list li a.team-logo {
color: white;
text-transform: none;
font: 12px/16px 'Geogrotesque', Helvetica, sans-serif;
font-weight: 300;
min-height: 50px;
padding-top: 50px;
background-image: url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_teams.png);
background-repeat: no-repeat;
background-color: #0b0d0d;
}
nav ul.subnav-nfl-teams li.nfl-division-column ul.nfl-division-team-list li a.team-logo:hover {
background-color: #2a2a2b;
}
.mmqb-nfl-team-logo-49ers { background-position: 15px 0; }
.mmqb-nfl-team-logo-bears { background-position: 15px -100px; }
.mmqb-nfl-team-logo-bengals { background-position: 15px -200px; }
.mmqb-nfl-team-logo-bills { background-position: 15px -300px; }
.mmqb-nfl-team-logo-broncos { background-position: 15px -400px; }
.mmqb-nfl-team-logo-browns { background-position: 15px -500px; }
.mmqb-nfl-team-logo-buccaneers { background-position: 15px -600px; }
.mmqb-nfl-team-logo-cardinals { background-position: 15px -700px; }
.mmqb-nfl-team-logo-chargers { background-position: 15px -800px; }
.mmqb-nfl-team-logo-chiefs { background-position: 15px -900px; }
.mmqb-nfl-team-logo-colts { background-position: 15px -1000px; }
.mmqb-nfl-team-logo-cowboys { background-position: 15px -1100px; }
.mmqb-nfl-team-logo-dolphins { background-position: 15px -1200px; }
.mmqb-nfl-team-logo-eagles { background-position: 15px -1300px; }
.mmqb-nfl-team-logo-falcons { background-position: 15px -1400px; }
.mmqb-nfl-team-logo-giants { background-position: 15px -1500px; }
.mmqb-nfl-team-logo-jaguars { background-position: 15px -1600px; }
.mmqb-nfl-team-logo-jets { background-position: 15px -1700px; }
.mmqb-nfl-team-logo-lions { background-position: 15px -1800px; }
.mmqb-nfl-team-logo-packers { background-position: 15px -1900px; }
.mmqb-nfl-team-logo-panthers { background-position: -85px 0; }
.mmqb-nfl-team-logo-patriots { background-position: -85px -100px; }
.mmqb-nfl-team-logo-raiders { background-position: -85px -200px; }
.mmqb-nfl-team-logo-rams { background-position: -85px -300px; }
.mmqb-nfl-team-logo-ravens { background-position: -85px -400px; }
.mmqb-nfl-team-logo-washington { background-position: -85px -500px; }
.mmqb-nfl-team-logo-saints { background-position: -85px -600px; }
.mmqb-nfl-team-logo-seahawks { background-position: -85px -700px; }
.mmqb-nfl-team-logo-steelers { background-position: -85px -800px; }
.mmqb-nfl-team-logo-texans { background-position: -85px -900px; }
.mmqb-nfl-team-logo-titans { background-position: -85px -1000px; }
.mmqb-nfl-team-logo-vikings { background-position: -85px -1100px; }
nav ul.nav-main li#nav-btn-3:hover .subnav-nfl-teams{
display: block;
}
/* End Teams Subnav */
/* ==|== media queries ====================================================== */
@media only screen and (max-width: 639px) {
/* ========
MOBILE
======== */
nav ul.nav-main li.nav-more-si {
display: block;
}
#siBar-wrapper{
display: none;
}
.ad-unit-container.above-nav {
display: none;
}
.ad-unit-container.below-nav {
display: block;
margin-top: 50px;
background-color: #0b0d0d;
border-top: 1px solid #262727;
}
.flip{
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
}
.network-bar{display: none;}
nav .logo {
top: 10px;
width: 201px;
height: 92px;
background-position: 0 -284px;
}
.wrapper{
width: 100%;
padding: 0;
}
.ad-unit-container{
position: relative;
width: 100%;
height: 50px;
padding: 0;
margin:0;
text-align: center;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background-color: #000;
}
.ad-unit-container .ad-unit {
position: relative;
width: 100%;
max-height: 90px;
margin: 0 auto;
overflow: visible;
background: #FFF;
}
#header-container.open {
height: 333px;
}
#header-container {
position: relative;
margin-left: -50%;
width: 100%;
margin-top: 0px;
height: 60px;
-webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
}
#header-container .wrapper {
width: 100%;
}
#header-container .rotating-plane {
overflow: hidden;
height: 0px;
webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
}
#header-container.open .rotating-plane {
height: 264px;
}
#header-container .rotating-plane .nav-main{
-webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
opacity: 1;
display: block;
height: 0;
}
#header-container.open .rotating-plane .nav-main{
opacity: 1;
display: block;
height: 264px;
}
nav .nav-searchbar{
display: none;
}
nav ul.nav-searchbar li.input-wrapper {
display: none;
}
nav.plane-wrapper {
background-color: #0b0d0d;
border-top: #000;
height: 110px;
}
nav.plane-wrapper .rotating-plane{
display: block;
position: absolute;
top: 110px;
left: 0;
width: 100%;
}
nav .rotating-plane, nav ul {
}
nav ul.nav-main {
position: absolute;
left: 0;
width: 100%;
height: 379px;
text-align: center;
}
nav ul.nav-main li {
width: 100%;
height: 63px;
}
nav ul.nav-main li.input-wrapper {
width: 100%;
text-align: center;
}
.nav-main li.input-wrapper input[type="text"].input-search {
position: absolute;
width: 200px;
left: 50%;
margin-left: -100px;
}
.nav-main li.input-wrapper input[type="submit"].btn-search-mini {
position: absolute;
left: 50%;
margin-left: 103px;
}
nav ul.nav-main li a.btn {
width: 100%;
height: 63px;
font: 24px/69px 'Geogrotesque', Helvetica, sans-serif;
border-bottom: 1px solid #0a0b0b;
text-align: center;
padding-left: 0px;
}
nav ul li a.btn-share{
width: 51px;
background-position: -7px -335px;
}
nav ul li a.btn-search{
width: 50px;
background-position: -99px -379px;
}
nav ul.nav-main li a.btn-share{
display: none;
}
nav ul li a.btn-search{
display: none;
}
nav ul li a.btn-close-search{
display: none;
}
ul.nav-main li.nav-social {
display: inline-block;
}
nav ul.nav-main li#nav-btn-1:hover .subnav-writers,
nav ul.nav-main li#nav-btn-2:hover .subnav-writers{
display: none;
}
nav ul.nav-main li#nav-btn-1:hover .subnav-columns,
nav ul.nav-main li#nav-btn-2:hover .subnav-columns{
display: none;
}
nav ul.nav-main li#nav-btn-3:hover .subnav-nfl-teams{
display: none;
}
nav ul.nav-main li#nav-btn-5:hover .subnav-social{
display: none;
}
nav ul.nav-main li#nav-btn-5 {
display: none;
}
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
/* ================
NARROW: Tablet
================ */
nav ul.nav-main li.nav-more-si {
display: block;
}
#siBar-wrapper{
display: none;
}
.ad-unit-container.above-nav {
display: none;
}
.ad-unit-container.below-nav {
display: block;
margin-top: 50px;
background-color: #0b0d0d;
border-top: 1px solid #262727;
}
.flip{
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
}
nav .logo {
top: 10px;
width: 201px;
height: 92px;
background-position: 0 -284px;
}
.network-bar{display: none;}
.wrapper{
width: 640px;
}
.ad-unit-container{
position: relative;
width: 100%;
height: 90px;
padding: 0;
margin:0;
text-align: center;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background-color: #000;
overflow: hidden;
}
.ad-unit-container .ad-unit {
position: relative;
width: 728px;
height: 90px;
margin: 0 auto;
background: #FFF;
}
#header-container.open {
height: 493px;
}
#header-container {
background-color: #0b0d0d;
position: relative;
margin-left: -50%;
width: 100%;
margin-top: -35px;
height: 60px;
-webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
}
#header-container .wrapper {
width: 100%;
}
#header-container .rotating-plane {
overflow: hidden;
height: 0px;
webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
}
#header-container.open .rotating-plane {
height: 434px;
background-color: #ff3333;
}
#header-container .rotating-plane .nav-main{
-webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
opacity: 1;
display: block;
height: 0;
}
#header-container.open .rotating-plane .nav-main{
opacity: 1;
display: block;
height: 434px;
}
nav .nav-searchbar{
display: none;
}
nav ul.nav-searchbar li.input-wrapper {
display: none;
}
nav.plane-wrapper {
background-color: #0b0d0d;
border-top: #000;
height: 110px;
}
nav.plane-wrapper .rotating-plane{
display: block;
position: absolute;
top: 110px;
left: 0;
width: 100%;
}
nav .rotating-plane, nav ul {
}
nav ul.nav-main {
position: absolute;
left: 0;
width: 100%;
height: 379px;
text-align: center;
top: 0;
}
nav ul.nav-main li {
width: 100%;
height: 63px;
}
nav ul.nav-main li.input-wrapper {
width: 100%;
text-align: center;
}
.nav-main li.input-wrapper input[type="text"].input-search {
position: absolute;
width: 200px;
left: 50%;
margin-left: -100px;
}
.nav-main li.input-wrapper input[type="submit"].btn-search-mini {
position: absolute;
left: 50%;
margin-left: 103px;
}
nav ul.nav-main li a.btn {
width: 100%;
height: 63px;
font: 24px/69px 'Geogrotesque', Helvetica, sans-serif;
border-bottom: 1px solid #0a0b0b;
text-align: center;
padding-left: 0px;
}
nav ul li a.btn-share{
width: 51px;
background-position: -7px -335px;
}
nav ul li a.btn-search{
width: 50px;
background-position: -10px -275px;
}
nav ul.nav-main li a.btn-share{
display: none;
}
nav ul li a.btn-search{
display: none;
}
nav ul li a.btn-close-search{
display: none;
}
ul.nav-main li.nav-social {
display: inline-block;
}
nav ul.nav-main li#nav-btn-1:hover .subnav-writers,
nav ul.nav-main li#nav-btn-2:hover .subnav-writers{
display: none;
}
nav ul.nav-main li#nav-btn-1:hover .subnav-columns,
nav ul.nav-main li#nav-btn-2:hover .subnav-columns{
display: none;
}
nav ul.nav-main li#nav-btn-3:hover .subnav-nfl-teams{
display: none;
}
nav ul.nav-main li#nav-btn-5:hover .subnav-social{
display: none;
}
nav ul.nav-main li#nav-btn-5 {
display: none;
}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
/* ================================
INTERMEDIATE: Desktop & Tablet
================================ */
.wrapper{
width: 960px;
}
#header-container {
position: fixed;
margin-left: -480px;
width: 960px;
}
nav .logo {
-webkit-transition: background-position .3s ease-out;
-moz-transition: background-position .3s ease-out;
-ms-transition: background-position .3s ease-out;
-o-transition: background-position .3s ease-out;
transition: background-position .3s ease-out;
}
nav .logo.mini{
height: 60px;
background-position: 0 -192px;
}
nav .rotating-plane, nav ul{
width: 757px;
}
nav ul.nav-main li:nth-child(1) a.btn{
width: 170px;
}
nav ul.nav-main li:nth-child(2) a.btn{
width: 170px;
}
nav ul.nav-main li:nth-child(3) a.btn{
width: 165px;
}
nav ul.nav-main li:nth-child(4) a.btn{
width: 137px;
}
nav ul.nav-main li a.btn-share{
width: 51px;
background-position: -11px -421px;
}
nav ul li a.btn-search{
width: 52px;
background-position: -109px -379px;
}
nav ul li a.btn-close-search{
width: 44px;
background-position: -13px -480px;
}
nav ul.nav-searchbar li.input-wrapper {
width: 657px;
}
.nav-searchbar input[type="text"].input-search{
width: 638px;
}
nav ul.subnav.subnav-columns {
left: -172px;
}
nav ul.nav-main li#nav-btn-1:hover ul.subnav.subnav-columns {
left: 0px;
}
nav ul.nav-main li#nav-btn-2:hover ul.subnav.subnav-writers {
left: -172px;
}
nav ul.subnav.subnav-writers {
width: 757px;
}
nav ul.subnav.subnav-writers li{
width: 124px;
}
nav ul.subnav.subnav-writers li a .header{
font: 22px/20px 'Geogrotesque', Helvetica, sans-serif;
width: 100%;
text-align: center;
text-transform: uppercase;
color: #fff;
margin: 0;
padding: 12px 0 0 0;
}
nav ul.subnav.subnav-nfl-teams {
left: -243px;
}
nav ul.subnav.subnav-social {
left: -193px;
}
ul.nav-main li.input-wrapper,
ul.nav-main li.nav-social {
display: none;
}
nav .btn-nav-toggle {
display: none;
}
ul.nav-main li#nav-btn-6 .input-wrapper {
display: none;
}
}
@media only screen and (min-width: 1200px) {
/* ===============
WIDE: Desktop
=============== */
.wrapper{
width: 1200px;
}
#header-container {
position: fixed;
}
nav .logo {
-webkit-transition: background-position .3s ease-out;
-moz-transition: background-position .3s ease-out;
-ms-transition: background-position .3s ease-out;
-o-transition: background-position .3s ease-out;
transition: background-position .3s ease-out;
}
nav .logo.mini{
height: 60px;
background-position: 0 -192px;
}
nav .rotating-plane, nav ul{
width: 1005px;
}
nav ul.nav-main li:nth-child(1) a.btn{
width: 230px;
}
nav ul.nav-main li:nth-child(2) a.btn{
width: 239px;
}
nav ul.nav-main li:nth-child(3) a.btn{
width: 206px;
}
nav ul.nav-main li:nth-child(4) a.btn{
width: 176px;
}
nav ul.nav-searchbar li.input-wrapper {
width: 859px;
}
.nav-searchbar input[type="text"].input-search{
width: 840px;
}
nav ul.subnav.subnav-columns {
left: -232px;
}
nav ul.nav-main li#nav-btn-1:hover ul.subnav.subnav-columns {
left: 0;
}
nav ul.nav-main li#nav-btn-2:hover ul.subnav.subnav-writers {
left: -232px;
}
ul.nav-main li.input-wrapper,
ul.nav-main li.nav-social {
display: none;
}
nav .btn-nav-toggle {
display: none;
}
ul.nav-main li#nav-btn-6 .input-wrapper {
display: none;
}
}
/* ================================
IE8 FIXES
================================ */
/* IE 8 */
.ie8 .wrapper{
width: 960px;
}
.ie8 .ad-unit-container{
position: relative;
display: block;
width: 728px;
min-width: 728px;
height: 90px;
padding: 10px;
margin: 10px 0 10px -364px;
left: 50%;
background-color: #fff;
z-index: 2;
}
.ie8 .ad-unit-container .ad-unit{
position: relative;
width: 100%;
height: 100%;
background: #ccc;
}
.ie8 .ad-unit-container.below-nav{
}
.ie8 #header-container {
position: absolute;
left: 0;
right: 0;
top: 165px;
width:960px;
min-width:960px;
margin: 0 auto;
}
.ie8 nav .rotating-plane, nav ul{
width: 765px;
}
.ie8 nav ul.nav-main li#nav-btn-1 a.btn{
width: 170px;
}
.ie8 nav ul.nav-main li#nav-btn-2 a.btn{
width: 178px;
}
.ie8 nav ul.nav-main li#nav-btn-3 a.btn{
width: 165px;
}
.ie8 nav ul.nav-main li#nav-btn-4 a.btn{
width: 137px;
}
.ie8 nav ul.nav-main li a.btn-share{
width: 51px;
background-position: -11px -421px;
}
.ie8 nav ul li a.btn-search{
width: 52px;
background-position: -109px -379px;
}
.ie8 nav ul li a.btn-close-search{
width: 52px;
background-position: -9px -480px;
}
.ie8 nav ul.nav-searchbar li.input-wrapper {
width: 657px;
}
.ie8 .nav-searchbar input[type="text"].input-search{
width: 638px;
}
.ie8 nav ul.subnav.subnav-columns {
left: -172px;
}
.ie8 nav ul.nav-main li#nav-btn-1:hover ul.subnav.subnav-columns {
left: 0;
}
.ie8 nav ul.nav-main li#nav-btn-2:hover ul.subnav.subnav-writers {
left: -172px;
}
.ie8 nav ul.subnav.subnav-social {
left: -193px;
}
.ie8 ul.nav-main li.input-wrapper,
.ie8 ul.nav-main li.nav-social {
display: none;
}
.ie8 nav .btn-nav-toggle {
display: none;
}
.ie8 ul.nav-main li#nav-btn-6 .input-wrapper {
display: none;
}
.ie8 #search-input-mini{
display: none;
}
/* IE 7 */
.ie7 .wrapper{
width: 960px;
}
.ie7 .ad-unit-container{
position: relative;
display: block;
width: 728px;
min-width: 728px;
height: 90px;
padding: 10px;
margin: 10px 0 10px -364px;
left: 50%;
background-color: #fff;
z-index: 2;
}
.ie7 .ad-unit-container .ad-unit{
position: relative;
width: 100%;
height: 100%;
background: #ccc;
}
.ie7 .ad-unit-container.below-nav{
display: none;
}
.ie7 #header-container {
position: relative;
left: 50%;
margin: 0 0 0 -480px;
right: 0;
top: 0px;
width:960px;
min-width:960px;
}
.ie7 nav ul.subnav.subnav-columns li a:hover{
padding-left:0;
}
.ie7 nav ul.nav-main li#nav-btn-1:hover ul.subnav.subnav-columns li a:hover {
padding-left: 0;
}
.ie7 nav .rotating-plane, nav ul{
width: 765px;
}
.ie7 nav ul.nav-main li#nav-btn-1 a.btn{
width: 170px;
}
.ie7 nav ul.nav-main li#nav-btn-2 a.btn{
width: 178px;
}
.ie7 nav ul.nav-main li#nav-btn-3 a.btn{
width: 165px;
}
.ie7 nav ul.nav-main li#nav-btn-4 a.btn{
width: 137px;
}
.ie7 nav ul.nav-main li a.btn-share{
width: 51px;
background-position: -11px -421px;
}
.ie7 nav ul li a.btn-search{
width: 52px;
background-position: -109px -379px;
}
.ie7 nav ul li a.btn-close-search{
width: 52px;
background-position: -9px -480px;
}
.ie7 nav ul.nav-searchbar li.input-wrapper {
width: 657px;
}
.ie7 .nav-searchbar input[type="text"].input-search{
width: 638px;
}
.ie7 nav ul.subnav.subnav-columns {
left: -172px;
}
.ie7 nav ul.nav-main li#nav-btn-1:hover ul.subnav.subnav-columns {
left: 0;
}
.ie7 nav ul.nav-main li#nav-btn-2:hover ul.subnav.subnav-writers {
left: -172px;
}
.ie7 nav ul.subnav.subnav-social {
left: -193px;
}
.ie7 ul.nav-main li.input-wrapper,
.ie7 ul.nav-main li.nav-social {
display: none;
}
.ie7 nav .btn-nav-toggle {
display: none;
}
.ie7 ul.nav-main li#nav-btn-6 .input-wrapper {
display: none;
}
.ie7 #search-input-mini{
display: none;
}
a#search-submit-mini{
text-indent: -99999px;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
{
/*=================================================
= SI-7282 Ipad Scroll Issue =
=================================================*/
#header-container {
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility: hidden;
transition: margin-top 1s, opacity 3s;
-webkit-transition: margin-top 1s, opacity 3s; /* Safari */
position: fixed;
opacity: 1;
}
#header-container.top
{
margin-top: 0;
}
/*----- End of SI-7282 Ipad Scroll Issue ------*/
}/* Styles from SI : livefyre etc. */
/**
* Ad Widget
*/
#si-com-ad-widget {
margin: 0;
padding: 0;
background-color: transparent;
box-shadow: none;
}
#si-com-ad-widget DIV.rightbox {
box-shadow: none;
}
/**
* Ads widget
*/
#ad300x250 {
margin-top: 0;
}
#si-com-ad-content {
min-height: 250px;
}
/**
* Livefyre styling
*/
#comments {
padding: inherit;
width: inherit;
}
.fyre-editor-container {
width: 100% !important;
min-width: 100% !important;
}
#main #comments article {
width: 100% !important;
}
#comments DIV.fyre-widget {
width: 100% !important; /* align with article body content area */
margin-top: 10px!important; /* give some separation from OB etc */
}
#comments #lf_social_comments {
margin-top: 0 !important;
}
#comments A.fyre-user-loggedout {
color: #F83138 !important;
}
.fyre .fyre-help .fyre-box-wrapper {
background-color : #FFF;
border-radius : 4px;
border : 1px solid #D9D9D9;
}
.fyre .fyre-comment p { font-weigth: bold; }
.fyre a { color: #F83138 !important; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
.center.img {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright, .right { padding: 0px; margin: 0 0 2px 15px; display: inline; float: right; }
.alignleft, .left { padding: 0px; margin: 0 15px 2px 0; display: inline; float: left; }
img.aligncenter { text-align: center;}
/* disable orange outline highlight on focus */
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
#main.wrapper article div.section-header div#article-meta-text h1#title.title_center.page_writers,
#main.wrapper article div.section-header div#article-meta-text h1#title.title_center.page_columns,
#main.wrapper article div.section-header div#article-meta-text h1#title.title_center.page_archive {
text-transform: uppercase;
font-weight: bold;
}/*nfl feed*/
#nfl-feed{
width: 96%;
height: auto;
padding: 2%;
margin:40px 0 25px 0;
overflow: hidden;
background-color: #f7f7f7;
-webkit-box-shadow: 1px 1px 32px 1px #B8B8B8;
-moz-box-shadow: 1px 1px 32px 1px #B8B8B8;
-ms-box-shadow: 1px 1px 32px 1px #B8B8B8;
-o-box-shadow: 1px 1px 32px 1px #B8B8B8;
box-shadow: 1px 1px 32px 1px #B8B8B8;
}
.section#nfl-feed .title{
width: 94%;
padding:3px 3%;
margin:0 0 10px 0;
}
#nfl-feed .nfl-feed-item{
margin:0;
overflow: hidden;
float:left;
}
.nfl-feed-item div.img{
position: relative;
width:180px;
height:120px;
overflow: hidden;
background:#eee;
}
.nfl-feed-item div.img>img{
position: absolute;
width:100%;
height: auto;
}
.nfl-feed-item div.img>img.hor{
width:100%;
height: auto;
}
.nfl-feed-item div.img>img.ver{
height:100%;
width: auto;
}
.nfl-feed-item div.img>.overlay{
position: absolute;
top:3px;
left:2px;
width:34px;
height:34px;
color:#ffffff;
font:italic 17px/33px Georgia,serif;
text-align: center;
background:url(/wp-content/themes/vip/si-mmbq/css/../img/sprite.png) no-repeat -243px -5px;
}
.nfl-feed-item .category{
color:#ef2626;
font:italic 12px/20px Georgia,serif;
}
.nfl-feed-item .header{
color:#333333;
font:14px/19px Arial, sans-serif;
-webkit-transition:color .3s;
-moz-transition:color .3s;
-ms-transition:color .3s;
-o-transition:color .3s;
transition:color .3s;
}
.nfl-feed-item:hover .header
{
color:#ef2626;
}
@media only screen and (max-width: 639px) {
#nfl-feed .nfl-feed-item{
width: 96%;
margin: 0 0 10px 0;
padding: 2%;
background-color: #eee;
}
.nfl-feed-item div.img{
display: none;
}
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
#nfl-feed .nfl-feed-item{
width: 31%;
margin:0 0 0 2%;
}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
#nfl-feed .nfl-feed-item{
width: 20%;
margin: 10px 1% 10px 3%;
}
}
@media only screen and (min-width: 1200px) {
#nfl-feed .nfl-feed-item{
width: 16%;
margin: 10px 2%;
}
}
.ie7 #nfl-feed .nfl-feed-item,
.ie8 #nfl-feed .nfl-feed-item{
width: 20%;
margin: 10px 1% 10px 3%;
}.aligncenter {
display: block; text-align: center; margin: 0 auto;
}
#main-container {
margin: 224px 0 0 0;
}
#main {
background: url(/wp-content/themes/vip/si-mmbq/css/../img/bg.jpg);
}
#main article {
position: relative;
min-height: 100%;
}
#article-sidebar {
padding-bottom: 20px;
margin-top: 10px;
width: 240px;
min-height: 100%;
}
/*trending*/
.trending-item {
position: relative;
width: 100%;
margin: 0 0 0 0;
overflow: hidden;
cursor: pointer;
}
.trending .trending-item:last-child {
margin: 0;
}
.reading-list .trending-item {
margin: 0;
}
.trending-item div.img {
position: relative;
width: 180px;
height: 120px;
overflow: hidden;
background: #eee url(/wp-content/themes/vip/si-mmbq/css/../img/loader_grey.gif) no-repeat center center;
}
.trending-item div.img>img {
position: absolute;
width: 100%;
height: auto;
}
.trending-item div.img>.overlay {
position: absolute;
top: 3px;
left: 2px;
width: 34px;
height: 34px;
color: #ffffff;
font: italic 17px/33px Georgia,serif;
text-align: center;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/sprite.png) no-repeat -243px -5px;
}
.trending-item a .category {
color: #ef2626;
font: italic 12px/20px Georgia,serif;
}
.trending-item a .header {
color: #333333;
font: 14px/19px Arial, sans-serif;
}
/**
* trending in footer
*/
#footer-container .trending-item div.img {
width: 100%;
max-width: 180px;
}
/*reading list*/
/*3line h1*/
.sidebar .section#reading-list h1.title {
line-height: 29px;
}
#reading-list .sidebar-item {
margin: 0;
}
.reading-item {
cursor: pointer;
}
.reading-item .category {
color: #ef2626;
font: italic 12px/20px Georgia,serif;
}
.reading-item .header {
color: #737373;
font: 15px/20px Arial, sans-serif;
}
#footer-container .reading-item {
float: left;
width: 31%;
margin: 30px 0 30px 2%;
}
#footer-container .trending-item {
float: left;
width: 31%;
margin-left: 2%;
}
/**
* side bar hover
*/
.reading-item:hover .header,
.trending-item .header {
-webkit-transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
.trending-item:hover .header,
.reading-item:hover .header {
color: #ef2626;
}
/*article*/
/*drop cap*/
.dropcap {
float: left;
color: #ff3333;
font: bold 64px/64px Helvetica, Helvetica Neue, Arial, sans-serif;
margin: 0px 5px 0px 0;
}
.mmqb_article_content_check,
article p {
color: #333333;
font: 15px/25px Arial, sans-serif;
margin: 0 0 25px 0;
}
article figure p {
margin-bottom: 0;
}
article .divider {
margin: 13px 0 17px 0;
}
article .sub-header {
width: auto;
/*max-width:600px;*/
color:#212121;
font: 35px/30px 'Geogrotesque', Helvetica, sans-serif;
margin: 0 0 25px 0;
padding: 18px 0 13px 0;
text-transform: uppercase;
border-top: 1px solid #c4c5c5;
border-bottom: 1px solid #c4c5c5;
clear: both;
}
article {
float: left;
height: auto;
}
article section p a,
article section p a:visited {
color: #ef2626;
}
article section p a:hover {
color: #ef2626;
text-decoration: underline;
}
/*figure element*/
figure {
overflow: hidden;
zoom: 1;
}
/*variation*/
figure figcaption {
color: #999999;
font: 12px/16px Arial, sans-serif;
margin-right: 10px;
}
figure figcaption span.photo-credit{
color: #999999;
font: 11px/16px Arial,sans-serif;
display: block;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/photo-credit-icon.png) no-repeat left center;
text-align: left;
margin: 5px 0px 0px 0px;
padding-left: 12px;
color: #999999;
font: 11px/16px Arial,sans-serif;
}
article .section-header #article-hero figcaption{
position: absolute;
right: 0;
max-width: 40%;
}
article .section-header #article-hero figcaption {
position: absolute;
right: 0;
max-width: 40%;
}
figure.wide {
width: 100%;
height: auto;
margin-bottom: 25px;
}
figure.narrow {
width: 360px;
height: auto;
}
figure.left {
float: left;
margin: 0 45px 25px 0;
}
figure.right {
float: right;
margin: 0 0 25px 45px;
}
figure.wide figcaption {
text-align: right;
float: right;
}
@media only screen and (min-width: 640px) {
figure.wide figcaption {
width: 60%;
}
}
@media only screen and (max-width: 639px) {
figure.wide figcaption {
width: 45%;
}
}
.section-body figure.wide figcaption {
max-width: 772px;
width: 100%;
text-align: left;
}
figure.left figcaption {
text-align: left;
}
figure.right figcaption {
text-align: right
}
figure.video .video-player figcaption {
text-align: center;
}
figure img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 639px) {
.homepage_flex_banner img {
width: auto;
}
}
figure.img .header {
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 30px;
color: #212121;
font: 35px/35px 'Geogrotesque', Helvetica, sans-serif;
}
figure.img p {
margin-top: 10px;
}
figure.img.narrow img {
max-width: 360px;
}
figure.img figcaption {
text-align: left;
font: 15px/20px Helvetica, Helvetica Neue, Arial, sans-serif;
color: #DFDADA;
background: #000000;
margin-right: 0px;
padding: 14px 14px 14px 14px;
}
article section{
width:100%;
overflow: hidden;
}
article section {
width: 100%;
overflow: hidden;
}
article .section-header {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
/*section body*/
article .section-body {
position: relative;
width: 800px;
padding: 0 80px 55px 80px
}
/*meta text*/
article .section-header #article-meta-text {
width: 800px;
padding: 0 80px;
position: relative;
overflow: hidden;
margin-top: -60px;
}
article .section-header.empty #article-meta-text {
margin-top: 35px;
}
article .section-header #article-meta-text .left {
float: left;
width: 650px;
/* to not inherit from-si.css */
margin:0;
padding: 0;
}
/*article .section-header #article-meta-text .right {
float: left;
width: 100px;
margin-left: 50px;
margin-top: 60px;
}
*/
/* More From
Robert <-- error */
article .section-header #article-meta-text .right {
float: right;
width: auto;
margin-top: 60px;
}
article .section-header #article-meta-text .right>.staff-item {
text-align: center;
overflow: hidden;
}
article .section-header #article-meta-text .right>.staff-item img {
margin: 0;
}
article .section-header #article-meta-text .right>.staff-item .credit {
width: 100px;
margin: 5px auto;
color: #1f1f1f;
font: 10px/14px Helvetica, 'Helvetica Neue', Arial, sans-serif;
}
article .section-header #article-meta-text .right>.staff-item .latest {
margin: 5px auto 0 auto;
color: #999999;
font: italic 12px/14px Georgia,serif
}
article .section-header #article-meta-text .right>.staff-item .credit div.author {
color: #1f1f1f;
font: italic 20px/17px Georgia,serif
}
article .section-header #article-meta-text #red-box {
display: inline-block;
vertical-align: top;
padding: 10px;
background: #ef2626;
max-width: 420px;
}
article .section-header #article-meta-text #red-box a,
article .section-header #article-meta-text #red-box a:visited {
display: inline-block;
color: white;
padding: 5px;
letter-spacing: 1px;
font: italic 25px/26px Georgia,serif;
text-shadow: 1px 1px #b50c0c;
}
article .section-header #article-meta-text .post-date {
color: #ababab;
font: italic 12px/20px Helvetica, Helvetica Neue, Arial, sans-serif;
margin: 5px 0 0 0;
}
article .section-header #article-meta-text #title {
font: 60px/60px 'Geogrotesque', Helvetica, sans-serif;
letter-spacing: -1px;
margin-top: 8px;
}
article .section-header #article-meta-text #title.title_left {
text-align: left;
/*word-wrap: break-word;*/
}
article .section-header #article-meta-text #title.title_center {
text-align: center;
}
article .section-header #article-meta-text #title.title_bold_center {
text-align: center;
font-weight: bold;
}
article .section-header #article-meta-text #subtitle {
color: #666666;
font: 18px/26px Helvetica, Helvetica Neue, Arial, sans-serif;
border: none;
margin: 0;
padding: 0;
text-transform: none;
}
/*ad*/
figure.ad {
display: none;
width: 300px;
height: auto;
padding: 0px;
overflow: hidden;
}
figure.wide.ad {
width: 100%;
margin: 0 0 25px 0;
}
figure.right.ad .tile.ad {
margin: 0 0 20px 0;
/* border:1px solid red;*/
}
figure .tile.ad,
figure .tile.sponsor-link {
width: 300px;
float: left;
height: auto;
}
/*180 x 120 ad*/
#sponsor-logo-spot {
width: 180px;
margin: 20px auto 0 auto;
}
#sponsor-logo-spot img {
width: 100%;
height: auto;
}
figure.wide.ad .tile.ad {
margin: 0 98px 0 40px;
}
figure.wide.ad .tile.sponsor-link {
margin: 0 0 0 0;
}
/*728x90*/
section .ad-unit-container {
position: relative;
display: block;
width: 728px;
height: 90px;
padding: 10px;
margin: 0 auto;
background-color: #fff;
z-index: 2;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
/*info box*/
figure.infobox {
width: 320px;
height: auto;
}
figure.infobox .content {
width: 220px;
padding: 40px 50px;
background: #ef2626;
}
figure.infobox .content .header {
display: inline-block;
vertical-align: top;
color: white;
font: 30px/38px 'Geogrotesque', Helvetica, sans-serif;
text-shadow: 1px 1px #b50c0c;
text-transform: uppercase;
margin-bottom: 5px;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/white_dot.png) repeat-x 0 bottom;
}
figure.infobox .content ul.link,
figure.infobox .content ul {
padding: 0;
margin: 0;
}
figure.infobox .content ul.link li,
figure.infobox .content ul li {
list-style: none;
text-decoration: none;
padding: 10px 0;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/divider_red.png) no-repeat 0 bottom;
}
figure.infobox ul a
figure.infobox ul.link a,
figure.infobox ul a:visited,
figure.infobox ul.link a:visited {
color: #ffcccc;
}
figure.infobox ul.link a:hover,
figure.infobox ul a:hover {
color: #ffffff;
}
figure .content .desc,
figure .content .desc p {
color: #fff;
font: 16px/20px Georgia,serif;
text-shadow: 1px 1px #b50c0c;
}
figure.infobox a:hover,
figure.infobox a:visited,
figure.infobox a {
color: #ffffff;
text-decoration: underline;
}
figure.infobox.left .infobox-tail {
width: 100%;
height: 14px;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/infobox-tail-left.png) no-repeat 0 0;
}
figure.infobox.right .infobox-tail {
width: 100%;
height: 14px;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/infobox-tail-right.png) no-repeat 100% 0;
}
/*embed video*/
figure.video {
margin-bottom: 25px;
}
figure.video .video-player figcaption {
background: black;
color: white;
text-align: center;
font: italic 14px/25px Arial,sans-serif;
margin-top: 10px;
width: 760px;
padding: 20px;
}
figure.video .video-container {
position: relative;
padding-bottom: 57%;
padding-top: 30px;
}
figure.video .video-container iframe,
figure.video .video-container object,
figure.video .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*block quote*/
figure.blockquote blockquote {
position: relative;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin: 13px auto 13px auto;
}
figure.blockquote.wide blockquote {
width: 780px;
margin: 12px 0;
padding: 0px 10px;
}
figure.blockquote blockquote .text {
z-index: 2;
position: relative;
color: #1f1f1f;
font: italic 38px/50px Georgia,serif;
}
figure.blockquote blockquote .right-quote,
figure.blockquote blockquote .left-quote {
position: absolute;
width: 72px;
height: 53px;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/sprite.png) no-repeat 0 0;
}
figure.blockquote blockquote .left-quote {
top : -12px;
left: 3px;
background-position: -599px -5px;
}
figure.blockquote blockquote .right-quote {
bottom: -13px;
right: 3px;
background-position: -681px -5px;
}
/* siList */
.silist-shortcode {
}
.silist-shortcode div.sub-header, .silist-shortcode div.divider {
margin: 0;
}
.silist-shortcode table {
width: 100%;
}
.silist-shortcode table tr {
border: none;
border-bottom: 1px solid #cccccc;
}
.silist-shortcode table tr td {
padding: 20px 0;
border: none;
}
.silist-shortcode .silist-shortcode-item-position-container {
position: relative;
text-align: right;
padding: 20px 0;
margin: -20px 0 -20px;
min-height: 120px;
}
.silist-shortcode .silist-shortcode-item-position-container span.indicator {
position: absolute;
right: 40px;
display: block;
width: 23px;
height: 24px;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/article-list-ranking-arrows.png) no-repeat;
}
.silist-shortcode .silist-shortcode-item-position-container span.indicator.indicator-up {
top: 10px;
}
.silist-shortcode .silist-shortcode-item-position-container span.indicator.indicator-down {
top: 115px;
background-position: 0 -25px;
}
.silist-shortcode .silist-shortcode-item-position-container span.position {
height: 120px;
padding-right: 32px;
font-family: Geogrotesque, Helvetica, sans-serif;
font-size: 70px;
line-height: 120px;
color: #333333;
}
.silist-shortcode table tr td.silist-shortcode-item-content {
}
.silist-shortcode table tr td.silist-shortcode-item-content img {
float: left;
width: auto !important;
height: auto !important;
max-width: 165px;
max-height: 110px;
margin: 0 10px 4px 0;
}
.silist-shortcode table tr td.silist-shortcode-item-content h3.title {
margin: 0;
font-family: Geogrotesque, Helvetica, sans-serif;
font-size: 36px;
line-height: 36px;
font-style: italic;
font-weight: normal;
color: #333333;
text-transform: uppercase;
}
.silist-shortcode table tr td.silist-shortcode-item-content p.subtitle {
margin: 0;
margin-bottom: 11px;
font-family: Geogrotesque, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #666666;
text-transform: uppercase;
}
.silist-shortcode table tr td.silist-shortcode-item-content p.description {
margin: 0;
line-height: 24px;
color: #222222;
}
@media only screen and (max-width: 959px) {
.silist-shortcode table tr td.silist-shortcode-item-position span.position {
padding-right: 24px;
font-size: 40px;
}
.silist-shortcode table tr td.silist-shortcode-item-position span.indicator {
right: 25px;
}
.silist-shortcode table tr td.silist-shortcode-item-position span.indicator.indicator-up {
top: 15px;
}
.silist-shortcode table tr td.silist-shortcode-item-position span.indicator.indicator-down {
top: 110px;
}
.silist-shortcode table tr td.silist-shortcode-item-content h3.title {
font-size: 30px;
line-height: 30px;
}
.silist-shortcode table tr td.silist-shortcode-item-content p.subtitle {
margin-bottom: 0;
}
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
}
@media only screen and (max-width: 639px) {
.silist-shortcode table tr td.silist-shortcode-item-content img {
float: none;
margin: 0 0 10px 0;
}
}
/*//////////////*/
/*PHOTO GALLERY*/
/*//////////////*/
figure.gallery {
margin-bottom: 25px;
}
.photo-gallery {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
margin: 0;
background: black;
}
.photo-gallery ul.photo-gallery-imgs {
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
visibility: hidden;
background: black url(/wp-content/themes/vip/si-mmbq/css/../img/loader_black.gif) no-repeat center;
}
.photo-gallery ul.photo-gallery-imgs li {
position: absolute;
width: 100%;
height: 100%;
list-style: none;
text-decoration: none;
}
.photo-gallery ul.photo-gallery-imgs li figure {
position: relative;
width: 100%;
height: 100%;
background-color: black;
}
.photo-gallery ul.photo-gallery-imgs li figure img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
img.hor {
width: 100%;
height: auto;
}
img.ver {
width: auto;
height: 100%;
}
.photo-gallery ul.photo-gallery-imgs li figure figcaption {
text-align: left;
position: absolute;
bottom: 0;
padding: 3% 4% 30px 4%;
width: 94%;
color: white;
font: 15px/20px Arial,sans-serif;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/bg_pattern_black80.png);
background: rgba(0,0,0,.8);
margin: 0;
}
.photo-gallery-ui {
width: 40px;
height: 62px;
cursor: pointer;
position: absolute;
top: 50%;
margin: -57px 0 0 0;
z-index: 99;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/sprite-slideshowarrows.png) no-repeat;
-webkit-transition: background-position .1s;
-moz-transition: background-position .1s;
-ms-transition: background-position .1s;
-o-transition: background-position .1s;
transition: background-position .1s;
}
.photo-gallery-ui.left-arrow {
left: 0;
background-position: -46px 0px;
}
.photo-gallery-ui.right-arrow {
right: 0;
background-position: -100px 0px;
}
.photo-gallery-ui.left-arrow:hover {
background-position: 0px 0px;
}
.photo-gallery-ui.right-arrow:hover {
right: 0;
background-position: -149px 0px;
}
.photo-gallery .bullets {
padding: 0;
margin: 0;
position: relative;
text-align: center;
width: 80%;
left: 10%;
height: auto;
overflow: hidden;
padding-top: 14px;
}
.photo-gallery .bullets li {
display: inline-block;
list-style: none;
text-decoration: none;
width: 8px;
height: 8px;
margin: 0 2px;
padding: 2px;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/gallery_bullet.png) no-repeat 1px 1px;
cursor: pointer;
/* -webkit-transition:background-position .2s;
-o-transition: backgound-position .2s;
-ms-transition: background-position .2s;
-moz-transition: background-position .2s;*/
}
.photo-gallery .bullets li:hover,
.photo-gallery .bullets li.selected {
background-position: 1px -11px;
}
.photo-gallery .bullets li.selected {
cursor: default;
}
.photo-gallery .photo-gallery-caption {
font: 15px/22px Helvetica, Helvetica Neue, Arial, sans-serif;
color: #999;
padding: 20px 14px 14px 14px;
}
/*//////////////*/
/*PHOTO GALLERY ENDS*/
/*//////////////*/
/*bottom link*/
/* outbrain
.link-container = .ob_dual_container.AR_1
.link-container .col = .AR_1 .ob_dual_left, .AR_1 .ob_dual_right
.link-container .col:first-child = .ob_dual_container.AR_1 .ob_dual_left
.link-container h1.title = .ob_dual_container.AR_1 .ob_org_header, .ob_dual_container.AR_1 .ob_ads_header
.link-container ul = .ob_dual_container.AR_1 ul
.link-container ul li = .ob_dual_container.AR_1 ul li
*/
DIV.OUTBRAIN .ob_dual_right {
background: none repeat scroll 0 0 transparent !important;
}
.ob_dual_container.AR_1 {
overflow: hidden !important;
margin-top: 35px !important;
}
.AR_1 .ob_dual_left, .AR_1 .ob_dual_right {
float: none !important;
padding: 0 0 !important;
width: 340px !important;
display: block !important;
float: left !important;
position: relative !important;
}
.ob_dual_container.AR_1 .ob_dual_right,
.ob_dual_container.AR_1 .ob_dual_left {
width: 340px !important;
}
.ob_dual_container.AR_1 .ob_dual_left {
margin: 0 58px 0 40px !important;
}
.ob_dual_container.AR_1 .ob_org_header,
.ob_dual_container.AR_1 .ob_ads_header {
width: 270px !important;
padding: 4px 4px 4px 16px !important;
margin: 0 0 18px 0 !important;
text-align: left !important;
display: inline-block !important;
color: #212121 !important;
font: italic 24px/24px Georgia,serif !important;
letter-spacing: -1px !important;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/5x5.png) !important;
}
.ob_dual_container.AR_1 ul {
padding: 0 !important;
margin: 0 !important;
}
.ob_dual_container.AR_1 ul li {
list-style: none !important;
text-decoration: none !important;
padding: 0 0 0 14px!important;
margin: 0 0 17px 0 !important;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/list_red_arrow.png) no-repeat 3px 3px !important;
font: 14px/17px 'Geogrotesque', Helvetica, sans-serif !important;
cursor: pointer !important;
-webkit-transition: background-position .1s !important;
-moz-transition: background-position .1s !important;
-ms-transition: background-position .1s !important;
-o-transition: background-position .1s !important;
transition: background-position .1s !important;
}
.ob_dual_container.AR_1 ul li:hover {
background-position: 6px 3px !important;
}
.ob_dual_container.AR_1 ul li a {
color: #111111 !important;
}
.ob_dual_container.AR_1 ul li:hover a {
color: #ef2626 !important;
}
/*pdf*/
.pdf-container {
position: relative;
width: 100%;
height: 76px;
margin-bottom: 30px;
overflow: hidden;
}
.pdf-container .double-line {
position: absolute;
width: 100%;
height: 5px;
top: 50%;
margin-top: -3px;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}
.pdf-container #pdf-btn-container {
position: absolute;
width: 327px;
height: 76px;
padding: 0 5px;
left: 50%;
margin-left: -168px;
background: #f7f7f7;
}
.pdf-container #pdf-btn-container #pdf-btn {
width: 317px;
height: 64px;
padding: 5px;
background: #f7f7f7;
border: 1px solid #dfdfdf;
}
.pdf-container #pdf-btn-container #pdf-btn .plane-wrapper {
width: 317px;
height: 64px;
}
.pdf-container #pdf-btn-container #pdf-btn .plane-wrapper .front-plane,
.pdf-container #pdf-btn-container #pdf-btn .plane-wrapper .back-plane {
text-indent: -23px;
font: italic 15px/63px Georgia,serif;
text-align: center;
display: inline-block;
vertical-align: top;
letter-spacing: .6px;
}
.pdf-container #pdf-btn-container #pdf-btn .plane-wrapper .download-icon {
width: 17px;
height: 20px;
}
.pdf-container #pdf-btn-container #pdf-btn .plane-wrapper .front-plane {
color: #ffffff;
background: #1f1f1f url(/wp-content/themes/vip/si-mmbq/css/../img/pdf_download_icon_white.png) no-repeat 236px 22px;
text-shadow: 1px 1px #111;
}
.pdf-container #pdf-btn-container #pdf-btn .plane-wrapper .back-plane {
color: #ffffff;
background: #ef2626 url(/wp-content/themes/vip/si-mmbq/css/../img/pdf_download_icon_red.png) no-repeat 236px 22px;
text-shadow: 1px 1px #b50c0c;
}
/* Social Media Column styles */
#social-media-column {
display: block;
position: absolute;
/*top: 1281px;*/
left: 10px;
width: 50px;
height: 203px;
}
#social-media-column .btn {
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_social.png) no-repeat;
width: 50px;
cursor: pointer;
}
#social-media-column .btn-single-page-icon {
display: block;
position: relative;
width: 51px;
height: 51px;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/sprite-singlepage-icon.png) no-repeat 8px 0px;
margin-bottom:10px;
}
#social-media-column .btn-single-page-icon:hover {
display: block;
position: relative;
width: 51px;
height: 51px;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/sprite-singlepage-icon.png) no-repeat 8px 0px;
background-position-y:-54px;
margin-bottom:10px;
}
#social-media-column .btn-comment {
position: relative;
height: 58px;
width: 50px;
background-position: 0 0;
display: block;
}
#social-media-column .btn-comment:hover {
background-position: -50px 0;
}
#social-media-column .btn-comment .count {
position: absolute;
font: 12px/12px 'Geogrotesque', Helvetica, sans-serif;
color: #666;
width: 50px;
text-align: center;
bottom: 10px;
}
#social-media-column .btn-comment:hover .count {
color: #ef2626;
}
#social-media-column .btn-email {
height: 32px;
background-position: 0px -58px;
}
#social-media-column .btn-email:hover {
background-position: -50px -58px;
}
#social-media-column .btn-print {
height: 49px;
background-position: 0px -203px;
}
#social-media-column .btn-print:hover {
background-position: -50px -203px;
}
#social-media-column .btn-fb {
height: 40px;
background-position: 0px -90px;
}
#social-media-column .btn-fb:hover {
background-position: -50px -90px;
}
#social-media-column .btn-tw {
height: 32px;
background-position: 0 -130px;
}
#social-media-column .btn-tw:hover {
background-position: -50px -130px;
}
#social-media-column .btn-gp {
height: 41px;
background-position: 0 -162px;
}
#social-media-column .btn-gp:hover {
background-position: -50px -162px;
}
/* Pagination styles */
/** Prev-Next post numbered navigation */
#pagination-long-post a.all-page {
display: block;
position: relative;
padding: 17px 11px 9px 11px;
}
#pagination,
#pagination-long-post {
width: 100%;
text-align: center;
margin: 20px 0 0 0;
padding: 27px 0 18px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#pagination a:link, #pagination a:visited,
#pagination-long-post a:link, #pagination-long-post a:visited {
position: relative;
text-decoration: none;
color: #333333;
font: 14px/14px 'Geogrotesque', Helvetica, sans-serif;
font-weight: normal;
}
#pagination a:hover, #pagination a:active,
#pagination-long-post a:hover, #pagination-long-post a:active,
#pagination-long-post a span:hover, #pagination-long-post a span:active {
color: #ef2626;
}
#pagination a.page,
#pagination-long-post a span {
position: relative;
top: -9px;
padding: 8px 11px 6px 11px;
color: #333333;
background-color: transparent;
}
#pagination a.prev-page,
#pagination-long-post a.prev-page {
/*color: inherit;*/
color:#333;
font: 40px/40px 'Geogrotesque', Helvetica, sans-serif;
font-weight: normal;
margin-right: 16px;
cursor: pointer;
}
#pagination a.next-page,
#pagination-long-post a.next-page {
/*color: inherit;*/
color:#333;
font: 40px/40px 'Geogrotesque', Helvetica, sans-serif;
font-weight: normal;
margin-left: 14px;
cursor: pointer;
}
#pagination .arrow,
#pagination-long-post .arrow {
position: relative;
font-size: 30px;
top: -5px;
}
#pagination a.next-page:hover, #pagination a.next-page:active,
#pagination a.prev-page:hover, #pagination a.prev-page:active,
#pagination-long-post a.next-page:hover, #pagination-long-post a.next-page:active,
#pagination-long-post a.prev-page:hover, #pagination-long-post a.prev-page:active {
color: #ef2626;
}
#pagination .current,
#pagination-long-post span {
position: relative;
font: 14px/14px 'Geogrotesque', Helvetica, sans-serif;
top: -9px;
background-color: #ef2626;
color: #fff;
padding: 8px 11px 6px 11px;
}
#pagination .gap,
#pagination-long-post .gap {
position: relative;
font: 14px/14px 'Geogrotesque', Helvetica, sans-serif;
top: -9px;
padding: 8px 11px 6px 11px;
}
#tag-container {
overflow: hidden;
}
#tag-container #tag-header {
margin: 0;
display: block;
color: #ef2626;
font: 14px/20px Helvetica, Helvetica Neue, Arial, sans-serif;
}
#tag-container .tag {
float: left;
margin: 0 12px 0 0;
}
#tag-container .tag a {
color: #666666;
font: italic 16px/25px Georgia,serif;
text-decoration: underline;
text-transform: capitalize;
}
#tag-container .tag a:hover {
color: #ef2626;
}
/*==============================*/
/* === media queries ========== */
/*==============================*/
@media only screen and (max-width: 639px) {
/* ========
MOBILE
======== */
article {
display: block;
position: relative;
float: none;
width: 100%;
padding: 0 0% 3% 0%;
margin: 0 0 10px 0;
}
#footer-container .trending-item div.img {
display: none;
}
#footer-container .reading-item,
#footer-container .trending-item {
width: 96%;
margin: 0 0 10px 0;
padding: 2%;
background-color: #eee;
float: none;
}
#main-container {
margin: 50px 0 0 0;
}
article .section-body {
width: 100%;
padding: 0;
}
article .section-header #article-meta-text {
width: 100%;
padding: 0;
}
article .section-header.empty #article-meta-text {
margin-top: 50px;
}
article .section-header #article-meta-text .left {
width: 100%;
}
article .section-header #article-meta-text .right {
width: 100%;
margin: 10px 0 0 0;
}
article .section-header #article-meta-text #title {
font-size: 40px;
line-height: 40px;
text-align: left;
}
#main article .section-header #article-meta-text .title_center {
font: 76px/76px 'Geogrotesque', Helvetica, sans-serif;
letter-spacing: -1px;
margin-top: 20px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
#main article .section-header #article-meta-text .title_center {
font: 70px/70px 'Geogrotesque', Helvetica, sans-serif;
letter-spacing: -1px;
margin-top: 20px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
article .section-header #article-meta-text #title.title_bold_center {
text-align: center;
font-weight: bold;
}
article .section-header #article-meta-text #subtitle {
font-size: 18px;
line-height: 20px;
}
article .section-header #article-meta-text .right>.staff-item {
text-align: left;
}
article .section-header #article-meta-text .right>.staff-item img {
display: none;
}
article .section-header #article-meta-text .right>.staff-item .credit {
margin: 30px 0 0 0px;
width: auto;
}
article .sub-header {
max-width: 100%;
text-align: center;
}
figure.right,
figure.left {
float: none;
margin: 0;
}
figure.ad {
width: 100%;
display: block;
margin: 0 0 25px 0;
}
figure.wide.ad #sponsor-logo-spot,
figure.right.ad #sponsor-logo-spot,
figure.left.ad #sponsor-logo-spot {
float: none;
margin: 0 auto;
margin-bottom: 15px;
}
figure.ad .tile.sponsor-link,
figure.ad .tile.ad {
}
figure.infobox .content {
width: 90%;
padding: 5%;
}
figure.infobox .content .header {
display: block;
text-align: center;
}
figure.infobox.link .content li {
text-align: center;
background-repeat: repeat-x;
}
figure.infobox.left,
figure.infobox.right {
padding: 0;
margin: 0 3% 25px 3%;
width: 94%;
}
figure.blockquote {
margin-bottom: 25px;
}
figure.blockquote.wide blockquote,
figure.blockquote.left blockquote,
figure.blockquote.right blockquote {
padding: 0 5%;
margin: 20px 3%;
width: 84%;
}
figure.blockquote blockquote .text {
font-size: 25px;
line-height: 35px;
}
figure.blockquote blockquote .left-quote {
top :-20px;
left: 0px;
}
figure.blockquote blockquote .right-quote {
bottom: -16px;
right: 3px;
}
figure.narrow {
width: 100%;
}
figure.img.narrow {
position: relative;
width: 100%;
text-align: center;
}
figure.img.narrow img {
max-width: 100%;
margin: 0 auto;
}
figure.narrow figcaption {
margin: 0 0 25px 0;
}
figure.img.wide figcaption {
width: auto;
max-width: 100%;
margin: 0 auto 25px;
}
figure.video .video-player figcaption {
width: 94%;
padding: 3%;
}
figure.img.narrow figcaption {
max-width: 100%;
margin: 0 auto 25px;
}
.photo-gallery ul.photo-gallery-imgs li figure figcaption {
font-size: 12px;
line-height: 16px;
}
.photo-gallery-ui {
height: 56px;
margin: -28px 0 0 0;
}
.photo-gallery-ui.left-arrow {
background-position: -804px -34px;
}
.photo-gallery-ui.right-arrow {
background-position: -845px -34px;
}
.photo-gallery-ui.left-arrow:hover {
background-position: -763px -34px;
}
.photo-gallery-ui.right-arrow:hover {
background-position: -886px -34px;
}
.ob_dual_container.AR_1 {
margin: 0;
}
.ob_dual_container.AR_1 .ob_dual_right,
.ob_dual_container.AR_1 .ob_dual_left {
width: 100% !important;
margin: 0 !important;
}
.ob_dual_container.AR_1 .ob_dual_left {
margin-left: 0 !important;
margin-bottom: 25px !important;
}
.ob_dual_container.AR_1 .ob_org_header,
.ob_dual_container.AR_1 .ob_ads_header {
width: 94% !important;
padding: 3px 3% !important;
text-align: center !important;
display: inline-block !important;
}
.pdf-container #pdf-btn-container {
width: 277px;
height: 76px;
padding: 0 5px;
left: 50%;
margin-left: -143px;
background: #f7f7f7;
}
.pdf-container #pdf-btn-container #pdf-btn {
width: 267px;
height: 64px;
padding: 5px;
background: #f7f7f7;
border: 1px solid #dfdfdf;
}
.pdf-container #pdf-btn-container #pdf-btn .plane-wrapper {
width: 267px;
height: 64px;
}
/*b*/
#pagination,
#pagination-long-post {
width: 100%;
text-align: center;
margin: 20px 0 0 0;
padding: 23px 0 18px 0;
}
#pagination a.prev-page,
#pagination-long-post a.prev-page {
font: 21px/21px 'Geogrotesque', Helvetica, sans-serif;
margin-right: 3px;
}
#pagination a.next-page,
#pagination-long-post a.next-page {
font: 21px/21px 'Geogrotesque', Helvetica, sans-serif;
margin-left: 2px;
}
#pagination .arrow,
#pagination-long-post .arrow {
position: relative;
font-size: 20px;
top: -2px;
}
#pagination a.page, #pagination .current, #pagination .gap,
#pagination-long-post a span, #pagination-long-post span, #pagination-long-post .gap {
font: 14px/14px 'Geogrotesque', Helvetica, sans-serif;
top: -3px;
padding: 3px 8px 2px 8px;
}
#social-media-column {
display: block;
position: relative;
left: 0px;
width: 100%;
height: 58px;
margin: 0 0 15px -10px;
}
#social-media-column .btn {
float: left;
}
#social-media-column .btn-comment {
position: relative;
height: 58px;
background-position: 0 0;
}
#social-media-column .btn-email {
height: 42px;
width: 50px;
background-position: 0px -56px;
}
#social-media-column .btn-email:hover {
background-position: -50px -56px;
}
#social-media-column .btn-print {
width: 44px;
height: 42px;
background-position: 0px -206px;
}
#social-media-column .btn-print:hover {
background-position: -50px -206px;
}
#social-media-column .btn-fb {
height: 42px;
width: 40px;
background-position: 0px -88px;
}
#social-media-column .btn-fb:hover {
background-position: -50px -88px;
}
#social-media-column .btn-tw {
height: 41px;
width: 47px;
background-position: 0 -128px;
}
#social-media-column .btn-tw:hover {
background-position: -50px -128px;
}
#social-media-column .btn-gp {
height: 42px;
background-position: 0 -159px;
}
#social-media-column .btn-gp:hover {
background-position: -50px -159px;
}
section .ad-unit-container {
width: 100%;
height: 50px;
padding: 0;
margin: 0 0 25px 0;
text-align: center;
background-color: #f7f7f7;
}
article .section-header #article-meta-text #red-box {
max-width: 50%;
}
/* SI-4336 */
.btn-single-page-icon {
width: 51px;
margin-top: 5px;
position: relative;
float: left;
}
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
/* SI-4336 */
.btn-single-page-icon {
width: 51px;
margin-top: 5px;
position: relative;
float: left;
}
/* ================
NARROW: Tablet
================ */
article {
width: 640px;
}
#main-container {
margin: 50px 0 0 0;
}
article .section-header {
width: 640px;
height: auto;
}
article .section-body {
width: 600px;
padding: 0 20px 20px 20px;
}
article .section-header #article-meta-text {
width: 600px;
padding: 0 20px;
}
article .section-header.empty #article-meta-text {
margin-top: 65px;
}
article .section-header #article-meta-text .left {
width: 100%;
}
article .section-header #article-meta-text .right {
width: 100%;
margin: 10px 0 0 0;
}
article .section-header #article-meta-text #title {
font-size: 40px;
line-height: 40px;
}
article .section-header #article-meta-text #title.title_bold_center {
text-align: center;
font-weight: bold;
}
article .section-header #article-meta-text #subtitle {
font-size: 18px;
line-height: 20px;
}
#main article .section-header #article-meta-text .title_center {
font: 76px/76px 'Geogrotesque', Helvetica, sans-serif;
letter-spacing: -1px;
margin-top: 20px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
article .section-header #article-meta-text .right>.staff-item {
text-align: left;
}
article .section-header #article-meta-text .right>.staff-item img {
display: none;
}
article .section-header #article-meta-text .right>.staff-item .credit {
margin: 30px 0 0 0px;
width: auto;
}
article .sub-header {
max-width: 100%;
text-align: center;
}
figure.right,
figure.left {
float: none;
margin: 0;
}
figure.ad {
width: 100%;
display: block;
margin: 0 0 25px 0;
}
figure.wide.ad #sponsor-logo-spot,
figure.right.ad #sponsor-logo-spot,
figure.left.ad #sponsor-logo-spot {
float: none;
margin: 0 auto;
margin-bottom: 15px;
}
figure.ad .tile.sponsor-link,
figure.ad .tile.ad {
float: none;
margin: 0 auto !important
}
figure.infobox .content .header {
display: block;
text-align: center;
}
figure.infobox.link .content li {
text-align: center;
background-repeat: repeat-x;
}
figure.infobox.left,
figure.infobox.right {
padding: 0;
margin: 0 10% 25px 10%;
width: 80%;
}
figure.blockquote {
margin-bottom: 25px;
}
figure.blockquote.wide blockquote,
figure.blockquote.left blockquote,
figure.blockquote.right blockquote {
padding: 0 7%;
margin: 20px 3%;
width: 80%;
}
figure.infobox .content {
width: 90%;
padding: 5%;
}
figure.blockquote blockquote .text {
font-size: 30px;
line-height: 40px;
}
figure.blockquote blockquote .left-quote {
top :-20px;
left: 0px;
}
figure.blockquote blockquote .right-quote {
bottom: -16px;
right: 3px;
}
.section-body figure.wide figcaption {
max-width: 572px;
}
figure.narrow {
width: 100%;
text-align: center;
}
figure.img.narrow {
position: relative;
width: 100%;
text-align: center;
}
figure.img.narrow img {
position: relative;
width: 100%;
max-width: 360px;
}
figure.narrow figcaption {
margin: 0 0 25px 0;
}
figure.video .video-player figcaption {
width: 94%;
padding: 3%;
}
figure.img.narrow figcaption {
width: 100%;
max-width: 332px;
margin: 0 0 25px 0;
}
.photo-gallery ul.photo-gallery-imgs li figure figcaption {
font-size: 12px;
line-height: 16px;
}
/* outbrain
.link-container = .ob_dual_container.AR_1
.link-container .col = .AR_1 .ob_dual_left, .AR_1 .ob_dual_right
.link-container .col:first-child = .ob_dual_container.AR_1 .ob_dual_left
.link-container h1.title = .ob_dual_container.AR_1 .ob_org_header, .ob_dual_container.AR_1 .ob_ads_header
.link-container ul = .ob_dual_container.AR_1 ul
.link-container ul li = .ob_dual_container.AR_1 ul li
*/
.ob_dual_container.AR_1 {
margin: 0;
}
.ob_dual_container.AR_1 .ob_dual_right, .ob_dual_container.AR_1 .ob_dual_left {
width: 100% !important;
margin: 0 !important;
}
.ob_dual_container.AR_1 .ob_dual_left {
margin-left: 0 !important;
margin-bottom: 25px !important;
}
.ob_dual_container.AR_1 .ob_org_header,
.ob_dual_container.AR_1 .ob_ads_header {
width: 94% !important;
padding: 3px 3% !important;
text-align: center !important;
display: inline-block !important;
}
/*b*/
#pagination,
#pagination-long-post {
width: 100%;
text-align: center;
margin: 20px 0 0 0;
padding: 23px 0 21px 0;
}
#pagination a.prev-page,
#pagination-long-post a.prev-page {
font: 25px/25px 'Geogrotesque', Helvetica, sans-serif;
margin-right: 6px;
}
#pagination a.next-page,
#pagination-long-post a.next-page {
font: 25px/25px 'Geogrotesque', Helvetica, sans-serif;
margin-left: 4px;
}
#pagination .arrow,
#pagination-long-post .arrow {
position: relative;
font-size: 20px;
top: -5px;
}
#pagination a.page, #pagination .current, #pagination .gap,
#pagination-long-post a span, #pagination-long-post span, #pagination-long-post .gap {
font: 14px/14px 'Geogrotesque', Helvetica, sans-serif;
top: -2px;
padding: 8px 11px 6px 11px;
}
#social-media-column {
display: block;
position: relative;
left: 0px;
width: 100%;
height: 58px;
margin: 0 0 15px -10px;
}
#social-media-column .btn {
float: left;
}
#social-media-column .btn-comment {
position: relative;
height: 58px;
background-position: 0 0;
}
#social-media-column .btn-email {
height: 42px;
width: 50px;
background-position: 0px -56px;
}
#social-media-column .btn-email:hover {
background-position: -50px -56px;
}
#social-media-column .btn-print {
width: 44px;
height: 42px;
background-position: 0px -206px;
}
#social-media-column .btn-print:hover {
background-position: -50px -206px;
}
#social-media-column .btn-fb {
height: 42px;
width: 40px;
background-position: 0px -88px;
}
#social-media-column .btn-fb:hover {
background-position: -50px -88px;
}
#social-media-column .btn-tw {
height: 41px;
width: 47px;
background-position: 0 -128px;
}
#social-media-column .btn-tw:hover {
background-position: -50px -128px;
}
#social-media-column .btn-gp {
height: 42px;
background-position: 0 -159px;
}
#social-media-column .btn-gp:hover {
background-position: -50px -159px;
}
section .ad-unit-container {
width: 100%;
height: 90px;
padding: 0;
margin: 0 0 25px 0;
text-align: center;
background-color: #f7f7f7;
}
article .section-header #article-meta-text #red-box {
max-width: 50%;
}
.link-container ul li {
margin: 0 5% 17px 5%;
}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
/* ================================
INTERMEDIATE: Desktop & Tablet
================================ */
/*#main {
width: 960px;
}
*/
article {
width: 960px;
}
.sidebar .section#reading-list h1.title {
line-height: 24px;
}
#footer-container .reading-item {
width: 180px;
margin: 30px 0 30px 100px;
padding: 0;
}
#footer-container .trending-item {
width: 20%;
margin: 10px 1% 10px 3%;
padding: 0;
}
article figure.ad {
display: block;
}
figure.wide.ad #sponsor-logo-spot {
float: right;
margin: 0;
}
figure.left.ad #sponsor-logo-spot {
margin: 0 0 20px 0;
float: right;
}
figure.right.ad #sponsor-logo-spot {
margin: 0 0 20px 0;
}
figure.wide.ad .tile.sponsor-link,
figure.wide.ad .tile.ad {
margin: 0 0 0 9px;
}
}
@media only screen and (min-width: 1200px) {
/* ===============
WIDE: Desktop
=============== */
article {
width: 960px;
}
#sponsor-logo-spot {
display: block;
}
article figure.ad {
display: block;
}
}
/*ie*/
.ie7 .trending-item div.img>.overlay,
.ie8 .trending-item div.img>.overlay,
.ie9 .trending-item div.img>.overlay,
.ie10 .trending-item div.img>.overlay {
line-height: 29px;
}
.ie7 #footer-container .reading-item,
.ie8 #footer-container .reading-item {
width: 180px;
margin: 30px 0 30px 100px;
padding: 0;
}
.ie7 #footer-container .trending-item,
.ie8 #footer-container .trending-item {
width: 20%;
margin: 10px 1% 10px 3%;
padding: 0;
}
/*#footer-container .reading-item {
float: left;
width: 31%;
margin: 30px 0 30px 2%;
}
*/
/*#footer-container .trending-item {
float: left;
width: 31%;
margin-left: 2%;
}
*/
/*ie8*/
.ie8 #main {
background-color: black;
}
.ie8 #main-container {
margin: 95px 0 0 0;
}
.ie8 .pdf-container #pdf-btn-container #pdf-btn .plane-wrapper .front-plane {
background-position: 242px 22px;
}
.ie8 article figure.ad {
display: block;
}
.ie8 figure.wide.ad .tile.sponsor-link,
.ie8 figure.wide.ad .tile.ad {
margin: 0 0 0 9px;
}
.ie7 #sponsor-logo-spot,
.ie8 #sponsor-logo-spot {
display: block;
float: left;
margin: 0 0 20px 0;
}
/*ie7*/
.ie7 #main-container {
margin: 25px 0 0 0;
}
.ie7 article figure.ad {
display: block;
}
.ie7 figure.wide.ad .tile.sponsor-link,
.ie7 figure.wide.ad .tile.ad {
margin: 0 0 0 9px;
}
/*b*/
.ie8 #pagination,
.ie8 #pagination-long-post {
width: 100%;
text-align: center;
margin: 20px 0 0 0;
padding: 23px 0 21px 0;
}
.ie8 #pagination a.prev-page:link,
.ie8 #pagination a.prev-page:visited,
.ie8 #pagination-long-post a.prev-page:link,
.ie8 #pagination-long-post a.prev-page:visited {
font: 25px/25px 'Geogrotesque', Helvetica, sans-serif;
margin-right: 6px;
color: #333;
}
.ie8 #pagination a.prev-page:hover,
.ie8 #pagination a.prev-page:active,
.ie8 #pagination-long-post a.prev-page:hover,
.ie8 #pagination-long-post a.prev-page:active {
color: #ef2626;
}
.ie8 #pagination a.next-page:link,
.ie8 #pagination a.next-page:visited,
.ie8 #pagination-long-post a.next-page:link,
.ie8 #pagination-long-post a.next-page:visited {
font: 25px/25px 'Geogrotesque', Helvetica, sans-serif;
margin-left: 4px;
color: #333333;
}
.ie8 #pagination a.next-page:hover,
.ie8 #pagination a.next-page:active,
.ie8 #pagination-long-post a.next-page:hover,
.ie8 #pagination-long-post a.next-page:active {
color: #ef2626;
}
.ie8 #pagination .arrow,
.ie8 #pagination-long-post .arrow {
position: relative;
font-size: 20px;
top: -5px;
}
.ie8 #pagination a.page, .ie8 #pagination .current, .ie8 #pagination .gap,
.ie8 #pagination-long-post a span, .ie8 #pagination-long-post span, .ie8 #pagination-long-post .gap {
font: 14px/14px 'Geogrotesque', Helvetica, sans-serif;
top: -2px;
padding: 8px 11px 6px 11px;
}
.ie8 #social-media-column {
display: block;
position: relative;
left: 0px;
width: 100%;
height: 58px;
margin: 0 0 15px -10px;
}
.ie8 #social-media-column .btn {
float: left;
}
.ie8 #social-media-column .btn-comment {
position: relative;
height: 58px;
background-position: 0 0;
}
.ie8 #social-media-column .btn-email {
height: 42px;
width: 42px;
background-position: 0px -56px;
}
.ie8 #social-media-column .btn-email:hover {
background-position: -50px -56px;
}
.ie8 #social-media-column .btn-fb {
height: 42px;
width: 40px;
background-position: 0px -88px;
}
.ie8 #social-media-column .btn-fb:hover {
background-position: -50px -88px;
}
.ie8 #social-media-column .btn-tw {
height: 41px;
width: 47px;
background-position: 0 -128px;
}
.ie8 #social-media-column .btn-tw:hover {
background-position: -50px -128px;
}
.ie8 #social-media-column .btn-gp {
height: 42px;
background-position: 0 -159px;
}
.ie8 #social-media-column .btn-gp:hover {
background-position: -50px -159px;
}
.ie7 #pagination {
width: 100%;
text-align: center;
margin: 20px 0 0 0;
padding: 23px 0 21px 0;
}
.ie7 #pagination a.next-page:link,
.ie7 #pagination a.next-page:visited {
font: 25px/25px 'Geogrotesque', Helvetica, sans-serif;
margin-left: 4px;
color: #333333;
}
.ie7 #pagination a.next-page:hover,
.ie7 #pagination a.next-page:active {
color: #ef2626;
}
.ie7 #pagination .arrow {
position: relative;
font-size: 20px;
top: -5px;
}
.ie7 #pagination a.page,
.ie7 #pagination .current,
.ie7 #pagination .gap {
font: 14px/14px 'Geogrotesque', Helvetica, sans-serif;
top: -2px;
padding: 8px 11px 6px 11px;
}
.ie7 #social-media-column {
display: block;
position: relative;
left: 0px;
width: 100%;
height: 58px;
margin: 0 0 15px -10px;
}
.ie7 #social-media-column .btn {
float: left;
}
.ie7 #social-media-column .btn-comment {
position: relative;
height: 58px;
background-position: 0 0;
}
.ie7 #social-media-column .btn-email {
height: 42px;
width: 42px;
background-position: 0px -56px;
}
.ie7 #social-media-column .btn-email:hover {
background-position: -50px -56px;
}
.ie7 #social-media-column .btn-fb {
height: 42px;
width: 40px;
background-position: 0px -88px;
}
.ie7 #social-media-column .btn-fb:hover {
background-position: -50px -88px;
}
.ie7 #social-media-column .btn-tw {
height: 41px;
width: 47px;
background-position: 0 -128px;
}
.ie7 #social-media-column .btn-tw:hover {
background-position: -50px -128px;
}
.ie7 #social-media-column .btn-gp {
height: 42px;
background-position: 0 -159px;
}
.ie7 #social-media-column .btn-gp:hover {
background-position: -50px -159px;
}
/** plus styles */
article h2 {
border-bottom: 1px solid #C4C5C5;
border-top: 1px solid #C4C5C5;
clear: both;
color: #212121;
font: 35px/30px 'Geogrotesque',Helvetica,sans-serif;
margin: 0 0 25px;
padding: 18px 0 13px;
text-transform: uppercase;
width: auto;
}
@media only screen and (min-width: 640px) {
#mmqb_livefyre_comm .fyre .fyre-comment-stream {
width: 90%;
}
}
@media only screen and (max-width: 639px) {
#mmqb_livefyre_comm .fyre .fyre-comment-stream {
width: 70%;
}
}
.fyre-comment-footer {
width: 100%;
}
@media only screen and (max-width: 400px) {
#si-sponsored-ad-dot-com iframe {
width: 260px;
}
}
.fyre-profile-body {
width: 100%;
}
#sponsor-logo-spot #global_ad_id3 {
width: 180px;
}
/* updates */
#main article h1 { margin-bottom: 0; }
figure.wide.gallery figcaption span.photo-credit{ text-align: right; float: right; }
/* For Video Player on Article Page */
.video-wrapper {
background-color: #2b2b2b;
padding: 7px 7px 7px 7px;
height: 0;
padding-bottom: 56.25%;
clear: both;
}
.video-wrapper .BrightcoveExperience {
text-align: center;
vertical-align: bottom;
margin: 0 auto;
}
#player-wrapper {
text-align: center;
}
#video-info h4 {
color: #fff;
font: bold 24px 'Geogrotesque', Helvetica, sans-serif;
margin: 0;
padding: 5px;
background-color: #000;
padding: 10px 10px 0px 10px;
text-align: left;
margin: 0px;
}
#video-info p {
background-color: #000;
color: #ccc;
font: normal 11px verdana,geneva,sans-serif;
padding: 0px 10px 10px 10px;
text-align: left;
margin: 0px;}
/* ad updates */
#main article h1 {
margin-bottom: 0;
}
figure.wide.gallery figcaption span.photo-credit {
text-align: right;
float: right;
}
/*related post class by pragati on 7/8/2014*/
.related_post {
width: 100%;
overflow: hidden;
margin-bottom:20px;
}
.related_post .rel_head{
width:100%;
padding: 4px 4px 4px 34% !important;
margin: 0 0 18px 0 !important;
text-align: left !important;
display: inline-block !important;
color: #212121 !important;
font: italic 24px/24px Georgia,serif !important;
letter-spacing: -1px !important;
background: url(http://s0.wp.com/wp-content/themes/vip/si-mmbq/img/5x5.png) !important;
}
.related_post .post_rel{
cursor: pointer;
position: relative;
width: 100%;
max-width: 180px;
height: auto;
margin: 0px 10px 10px 10px;
padding: 0;
float: left;
}
.related_post .post_rel .img {
position: relative;
width: 180px;
height: 120px;
overflow: hidden;
background: #eee;
}
.related_post .post_rel .category {
color: #ef2626;
font: italic 12px/20px Georgia,serif;
}
.related_post .post_rel .header {
color: #333333;
font: 14px/19px Arial, sans-serif;
transition: color .3s;
}
/*related post class by pragati on 12/8/2014*/
.mob_related_post{
display:none;
}
.desk_view{
width:100%;
}
@media only screen and (min-width: 639px) and (max-width: 959px) {
.desk_view{
width:67%;
margin: 0 auto;
}
.related_post .post_rel{
height:192px;
}
}
@media only screen and (max-width: 639px) {
.related_post .rel_head{
width: 94%;
padding: 3px 28% !important;
margin: 0 0 10px 0 !important;
text-align: left !important;
display: inline-block !important;
color: #212121 !important;
font: italic 24px/24px Georgia,serif !important;
letter-spacing: -1px !important;
background: url(http://s0.wp.com/wp-content/themes/vip/si-mmbq/img/5x5.png) !important;
}
.related_post .post_rel{
cursor: pointer;
position: relative;
width: 100%;
max-width: 94%;
height: auto;
margin: 0px 10px 10px 10px;
padding: 0;
float: left;
}
.related_post .post_rel .img {
display:none;
}
.mob_related_post{
display:block;
}
.mob_arrow{
background: url(/wp-content/themes/vip/si-mmbq/css/../img/arrows-for-mobile.png) no-repeat;
}
.mob_gal{
border-color: #CCCCCC;
margin: 10px 15px 15px 15px;
width: 90%;
background-color: #eee;
}
.post_namea{
color: #3B3131;
display: block;
font-size: 12px;
line-height: 15px;
width: 85%;
margin-top: -3px;
}
.left-icon {
cursor: pointer;
float: left;
height: 12px;
/*margin-right: 10px;
margin-top: 20px;
outline: 0 none;
margin-left: 4px;*/
width: 9px;
}
.right-icon {
cursor: pointer;
float: right;
height: 12px;
/*margin-right: 10px;
margin-left: 4px;
margin-top: 20px;
outline: 0 none;*/
width: 9px;
background:url(/wp-content/themes/vip/si-mmbq/css/../img/arrows-for-mobile.png) no-repeat scroll right top rgba(0, 0, 0, 0) !important;
}
.icon-btn {
background: url(/wp-content/themes/vip/si-mmbq/css/../img/arrows-for-mobile.png) no-repeat scroll 0 0 transparent;
margin-top: 12%;
}
.desk_view{
width:100%;
}
.desk_related_view{
display:none;
}
#containerb {
width: 90%;
min-height: 1px;
background: red;
padding: 0px 0;
background-color: #EEEEEE;
border: 0.1em solid #CCCCCC;
margin:0 auto;
}
#lineLeft, #lineRight {
float: left;
width: 49%;
}
#lineLeft a, #lineRight a{
color: #B2B2B2;
font-weight:bolder;
}
.left_mob{
float:left;
}
.right_mob{
float:right;
}
#lineLeft {
border-right: 0.1em solid #CCCCCC;
}
#boxOne {
float: right;
font-size: 10px;
margin-right: 5%;
min-height: 1px;
text-align: right;
width: 90%;
color: #B2B2B2;
}
#boxTwo {
font-size: 10px;
margin-left: 5%;
min-height: 1px;
width: 90%;
}
#lineLeft div, #lineRight div {
margin-bottom: 10px;
}
.clear {
clear: both;
}
}
@media only screen and (max-width: 480px) {
.related_post .rel_head{
width: 94%;
padding: 3px 22% !important;
margin: 0 0 10px 0 !important;
text-align: left !important;
display: inline-block !important;
color: #212121 !important;
font: italic 24px/24px Georgia,serif !important;
letter-spacing: -1px !important;
background: url(http://s0.wp.com/wp-content/themes/vip/si-mmbq/img/5x5.png) !important;
}
}
@media only screen and (max-width: 400px) {
.related_post .rel_head{
width: 94%;
padding: 3px 18% !important;
margin: 0 0 10px 0 !important;
text-align: left !important;
display: inline-block !important;
color: #212121 !important;
font: italic 24px/24px Georgia,serif !important;
letter-spacing: -1px !important;
background: url(http://s0.wp.com/wp-content/themes/vip/si-mmbq/img/5x5.png) !important;
}
}
.network-bar{
position: relative;
width: 100%;
height: 35px;
background: #000;
margin: 0;
padding: 0;
z-index: 2;
opacity: 1;
}
.share-overlay {
display: none;
width: 510px;
height: 249px;
left: 50%;
margin-left: -249px;
top: 50%;
margin-top: -124px;
background-color: #fdfdfd;
position: fixed;
z-index: 999999;
-webkit-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.4);
border: 1px solid #999;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.share-overlay .btn-close {
position: absolute;
top: 5px;
right: 5px;
width: 19px;
height: 19px;
border: 1px solid #dadada;
background: #dadada url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
background-position: -285px 0;
cursor: pointer;
}
.share-overlay .btn-close:hover {
background-color: #ef2626;
background-position: -285px -19px;
}
.share-overlay .title {
font: 40px/40px 'Geogrotesque', Helvetica, sans-serif;
font-weight: bold;
text-align: center;
margin-top:10px;
text-transform: uppercase;
}
.share-overlay .desc {
font: 14px/22px Helvetica, sans-serif;
text-align: left;
margin-left: 5%;
width: 90%;
margin-top: 3px;
}
.share-overlay ul {
display: block;
width: 446px;
height: 102px;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
padding: 0;
margin: 0 auto;
margin-top: 10px;
}
.share-overlay ul li {
position: relative;
display: inline;
float: left;
margin: 0;
padding: 0;
cursor: pointer;
}
.share-overlay ul li.tw {
width: 107px;
height: 102px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
background-position: 0 0;
}
.share-overlay ul li.tw:hover {
background-color: #ef2626;
background-position: -107px 0;
}
.share-overlay ul li.fb {
width: 91px;
height: 102px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
background-position: 0 -102px;
}
.share-overlay ul li.fb:hover {
background-color: #ef2626;
background-position: -91px -102px;
}
.share-overlay ul li.gp {
width: 96px;
height: 102px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
background-position: 0 -204px;
}
.share-overlay ul li.gp:hover {
background-color: #ef2626;
background-position: -96px -204px;
}
.share-overlay ul li.in {
width: 152px;
height: 102px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
background-position: 0 -306px;
}
.share-overlay ul li.in:hover {
background-color: #ef2626;
background-position: -152px -306px;
}
#header-container {
display: block;
top: 0;
left: 50%;
margin-left: -600px;
margin-top: 165px;
width: 1200px;
background: transparent;
z-index: 999;
height: auto;
overflow: visible;
}
#header-container > header{
position: relative;
height: 60px;
overflow: visible;
}
nav{
position: relative;
height: 598px;
overflow: visible;
}
nav.plane-wrapper {
width:100%;
height: 60px;
position: relative;
overflow: visible;
}
nav .logo{
position: absolute;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
width: 185px;
height: 92px;
background-position: 0 -192px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
nav .nav-searchbar{
/*display: block;*/
position: absolute;
top: 0;
right: 0;
height: 60px;
background: #0b0d0d;
margin: 0;
padding: 0;
}
nav ul{
display: block;
position: absolute;
top: 0;
right: 0;
width: 1027px;
height: 60px;
background: #0b0d0d;
margin: 0;
padding: 0;
z-index: 2;
}
nav ul li{
position: relative;
display: inline;
float: left;
margin: 0;
padding: 0;
height: 60px;
top: 0;
}
nav ul li a {
top: 0;
position: relative;
display: block;
text-decoration: none;
text-transform: uppercase;
font: 26px/66px 'Geogrotesque', Helvetica, sans-serif;
font-weight: normal;
height: 60px;
text-align: center;
}
/* Main Nav */
nav ul li a.btn-nav:link, nav ul li a.btn-nav:visited {
color: #fff;
border-left: 1px solid #0c0d0e;
border-right: 1px solid #2a2a2b;
}
nav ul.nav-main li:hover a.btn-nav, ul li a.btn-nav:hover, nav ul li a.btn-nav:active {
color: #fff;
background-color: #ef2626;
border-left: 1px solid #500d0d;
border-right: 1px solid #7e2d2d;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
nav ul li a.btn-share, nav ul li a.btn-search, nav ul li a.btn-close-search{
top: 0;
position: relative;
display: block;
text-indent: -9999px;
height: 60px;
text-align: center;
}
nav ul li a.btn-share {
width: 71px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
background-position: 0px -421px;
}
nav ul li a.btn-search {
width: 71px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
background-position: -99px -379px;
}
nav ul li a.btn-close-search {
width: 71px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
background-position: 0px -480px;
}
/* Search li: < 640 */
.nav-main li#nav-btn-6 .input-wrapper {
top: 0;
left: 0;
height: 63px;
border-bottom: 1px solid #0a0b0b;
margin-top: 1px;
}
.nav-main li#nav-btn-6 .input-wrapper input[type="text"].input-search{
position: absolute;
top: 10px;
left: 50%;
width: 200px;
height: 42px;
background-color: #e4e4e4;
border:none;
padding:0;
margin: 0 0 0 -100px;
color: #000;
font: italic 20px/40px Georgia,serif;
text-indent: 5px;
}
.nav-main li#nav-btn-6 .input-wrapper input[type="submit"].btn-search-mini{
position: absolute;
top: 10px;
left: 50%;
border: 0;
padding: 0;
margin: 0;
width: 29px;
height: 43px;
background: transparent url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
background-position: -119px -388px;
margin-left: 105px;
}
.nav-main li#nav-btn-6 .input-wrapper:hover {
background-color: #ef2626;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
/* Social Buttons: < 640 */
nav ul.nav-main li.nav-social {
position: relative;
width: 98px;
height: 62px;
margin-top: 2px;
text-align: center;
float: none;
}
nav ul.nav-main li.nav-social:hover {
background-color: #ef2626;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
nav ul.nav-main li.nav-social a{
background: url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
width: 98px;
height: 62px;
}
nav ul.nav-main li.nav-social a.btn-tw{
background-position: 0 -11px;
}
nav ul.nav-main li.nav-social a.btn-fb{
background-position: 0 -94px;
}
nav ul.nav-main li.nav-social a.btn-gp:link{
background-position: 0 -177px;
}
/* Search Bar */
nav ul.nav-searchbar {
}
nav ul.nav-searchbar li.input-wrapper {
top: 0;
left: 0;
width: 885px;
}
.nav-searchbar input[type="text"].input-search{
position: absolute;
top: 9px;
left: 9px;
width: 867px;
height:42px;
background-color:#e4e4e4;
border:none;
padding:0;
margin: 0;
color:#7e7e7e;
font: italic 30px/40px Georgia,serif;
text-indent: 10px;
}
/* More From SI */
nav ul.nav-main li.nav-more-si {
display: none;
position: relative;
width: 100%;
min-width: 101px;
height: 46px;
margin-top: 2px;
text-align: center;
margin: 0 auto;
float: none;
/*background-color: #161717;*/
border-top: 1px solid #262727;
border-bottom: 1px solid #262727;
}
nav ul.nav-main li.nav-more-si:hover {
background-color: #ef2626;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
nav ul.nav-main li.nav-more-si a.btn-more-si{
background: url(/wp-content/themes/vip/si-mmbq/css/../img/sprite_more_si.png) no-repeat center center;
width: 100%;
height: 46px;
margin: 0 auto;
}
/* Writers Subnav */
nav ul.subnav {
position: absolute;
top: 60px;
left:0;
z-index:4;
}
nav ul.subnav.subnav-writers {
width: 830px;
height: 185px;
}
nav ul.subnav.subnav-writers li{
position: relative;
display: inline;
float: left;
background-color: #0b0d0d;
border-left: 1px solid #080909;
border-right: 1px solid #272727;
width: 136px;
height: 185px;
}
nav ul.subnav.subnav-writers li a{
width: 100%;
height: 100%;
text-align: center;
}
nav ul.subnav.subnav-writers li a:link, nav ul.subnav.subnav-writers li a:visited{
}
nav ul.subnav.subnav-writers li a:hover, nav ul.subnav.subnav-writers li a:active{
}
nav ul.subnav.subnav-writers li a .img{
width: 98px;
height: 97px;
margin: 0 auto;
padding: 20px 0 0 0;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
nav ul.subnav.subnav-writers li a .header{
font: 23px/20px 'Geogrotesque', Helvetica, sans-serif;
width: 116px;
text-align: center;
text-transform: uppercase;
color: #fff;
margin: 0;
padding: 12px 0 0 0;
margin-left: 10px;
margin-right: 10px;
}
nav ul.subnav.subnav-writers li a .highlight{
width: 100%;
height: 0;
position: absolute;
left: 0;
bottom: 0;
background-color: #ef2626;
border-bottom: none;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
nav ul.subnav.subnav-writers li a:hover .highlight, nav ul.subnav.subnav-writers li a:active .highlight{
height: 7px;
border-bottom: 1px solid #a92323;
}
nav ul.subnav.subnav-writers li a:hover .img, nav ul.subnav.subnav-writers li a:active .img{
padding-top: 15px;
}
nav ul.nav-main li#nav-btn-1:hover .subnav-writers{
display: block;
}
/* Columns Subnav */
nav ul.subnav.subnav-columns {
display: none;
width: 675px;
height: 420px;
margin: 0;
padding: 20px 0 0 0;
text-align: center;
}
nav ul.subnav.subnav-columns li{
position: relative;
display: inline-block;
float: left;
width: 185px;
height: 88px;
margin: 0 20px 1px 20px;
padding: 0;
}
nav ul.subnav.subnav-columns li a{
display: table;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 61px;
text-align: left;
border-bottom: 1px solid #333333;
padding: 0 0 15px 10px;
margin: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
nav ul.subnav.subnav-columns li a:link, nav ul.subnav.subnav-columns li a:visited{
}
nav ul.subnav.subnav-columns li a:hover, nav ul.subnav.subnav-columns li a:active{
}
nav ul.subnav.subnav-columns li a .header{
display: table-cell;
vertical-align: middle;
font: 20px/22px 'Geogrotesque', Helvetica, sans-serif;
font-weight: normal;
width: 100%;
text-align: left;
text-transform: uppercase;
color: #fff;
padding: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
nav ul.subnav.subnav-columns li a .credit{
display: none;
font: 10px/17px Helvetica, sans-serif;
font-weight: normal;
width: 100%;
color: #999;
text-transform: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
margin: 0 0 0 10px;
}
nav ul.subnav.subnav-columns li a .credit .author{
font: italic 14px/17px Georgia,serif;
font-weight: normal;
width: 100%;
color: #999;
}
nav ul.subnav.subnav-columns li a .highlight{
width: 0;
height: 64px;
position: absolute;
left: 0;
top: 0;
background-color: #ef2626;
border-bottom: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
nav ul.subnav.subnav-columns li a:hover{
padding-left: 20px;
}
nav ul.subnav.subnav-columns li a:hover .highlight, nav ul.subnav.subnav-columns li a:active .highlight{
width: 7px;
border-left: 1px solid #a92323;
}
nav ul.subnav.subnav-columns li a:hover .header, nav ul.subnav.subnav-columns li a:active .header,
nav ul.subnav.subnav-columns li a:hover .credit, nav ul.subnav.subnav-columns li a:active .credit {
margin-left: 17px;
}
nav ul.subnav.subnav-columns li.li-more-cols,
nav ul.subnav.subnav-columns li:last-child {
float: none;
}
nav ul.subnav.subnav-columns li a.btn-more-cols:link, nav ul.subnav.subnav-columns li a.btn-more-cols:visited {
clear: left;
padding: 0;
margin: 0 auto;
width: 100%;
height: 33px;
background-color: #ff3333;
font:italic 16px/33px Georgia,serif;
text-align: center;
color: #fff;
top: 10px;
text-transform: none;
}
nav ul.nav-main li#nav-btn-2:hover .subnav-columns{
display: block;
}
/* Social Subnav */
nav ul.subnav.subnav-social {
display: none;
width: 300px;
height: 83px;
left: -154px;
}
nav ul.subnav.subnav-social li{
position: relative;
display: inline-block;
float: left;
width: 98px;
height: 83px;
margin: 0;
padding: 0;
border-left: 1px solid #080909;
border-right: 1px solid #272727;
}
nav ul.subnav.subnav-social li:hover{
border-left: 1px solid #5b0e0e;
border-right: 1px solid #5b0e0e;
}
nav ul.subnav.subnav-social li a{
position: relative;
top: 0;
left: 0;
width: 100%;
height: 83px;
padding: 0;
margin: 0;
background: url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet_share.png) no-repeat;
-webkit-transition: background-position .2s ease-out;
-moz-transition: background-position .2s ease-out;
-ms-transition: background-position .2s ease-out;
-o-transition: background-position .2s ease-out;
transition: background-position .2s ease-out;
}
nav ul.subnav.subnav-social li:hover a{
background-color: #ef2626;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
nav ul.subnav.subnav-social li a.btn-tw{
background-position: 0px 0px;
}
nav ul.subnav.subnav-social li a.btn-fb{
background-position: 0px -83px;
}
nav ul.subnav.subnav-social li a.btn-gp{
background-position: 0px -166px;
}
nav ul.nav-main li#nav-btn-5:hover .subnav-social{
display: block;
}
nav .btn-nav-toggle {
display: block;
position: absolute;
top: 18px;
right: 18px;
width: 50px;
height: 50px;
background: #191b1c url(/wp-content/themes/vip/si-mmbq/css/../img/spritesheet.png) no-repeat;
background-position: 0px -672px;
z-index: 3;
-webkit-transition: right .3s ease-out;
-moz-transition: right .3s ease-out;
-ms-transition: right .3s ease-out;
-o-transition: right .3s ease-out;
transition: right .3s ease-out;
cursor: pointer;
}
nav .btn-nav-toggle:hover {
background-color: #ef2626;
box-shadow:
inset -3px 0 3px rgba(91,14,14,0.5),
inset 3px 0 3px rgba(91,14,14,0.5),
inset 0 3px 3px rgba(91,14,14,0.5);
}
/* ==|== media queries ====================================================== */
@media only screen and (max-width: 639px) {
/* ========
MOBILE
======== */
nav ul.nav-main li.nav-more-si {
display: block;
}
#siBar-wrapper{
display: none;
}
.ad-unit-container.above-nav {
display: none;
}
.ad-unit-container.below-nav {
display: block;
margin-top: 50px;
background-color: #0b0d0d;
border-top: 1px solid #262727;
}
.flip{
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
}
.network-bar{display: none;}
nav .logo {
top: 10px;
width: 201px;
height: 92px;
background-position: 0 -284px;
}
.wrapper{
width: 100%;
padding: 0;
}
.ad-unit-container{
position: relative;
width: 100%;
height: 50px;
padding: 0;
margin:0;
text-align: center;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background-color: #000;
}
.ad-unit-container .ad-unit {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden;
background: #FFF;
}
#header-container {
position: relative;
margin-left: -50%;
width: 100%;
margin-top: 105px;
height: 60px;
-webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
}
#header-container .wrapper {
width: 100%;
}
#header-container .rotating-plane {
overflow: hidden;
height: 0px;
webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
}
#header-container .rotating-plane .nav-main{
-webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
opacity: 1;
display: block;
height: 0;
}
nav .nav-searchbar{
display: none;
}
nav ul.nav-searchbar li.input-wrapper {
display: none;
}
nav.plane-wrapper {
background-color: #0b0d0d;
border-top: #000;
height: 110px;
}
nav.plane-wrapper .rotating-plane{
display: block;
position: absolute;
top: 110px;
left: 0;
width: 100%;
}
nav .rotating-plane, nav ul {
}
nav ul.nav-main {
position: absolute;
left: 0;
width: 100%;
height: 379px;
text-align: center;
}
nav ul.nav-main li {
width: 100%;
height: 63px;
}
nav ul.nav-main li.input-wrapper {
width: 100%;
text-align: center;
}
.nav-main li.input-wrapper input[type="text"].input-search {
position: absolute;
width: 200px;
left: 50%;
margin-left: -100px;
}
.nav-main li.input-wrapper input[type="submit"].btn-search-mini {
position: absolute;
left: 50%;
margin-left: 103px;
}
nav ul li a.btn-share{
width: 51px;
background-position: -7px -335px;
}
nav ul li a.btn-search{
width: 50px;
background-position: -99px -379px;
}
nav ul.nav-main li a.btn-share{
display: none;
}
nav ul li a.btn-search{
display: none;
}
nav ul li a.btn-close-search{
display: none;
}
ul.nav-main li.nav-social {
display: inline-block;
}
nav ul.nav-main li#nav-btn-1:hover .subnav-writers{
display: none;
}
nav ul.nav-main li#nav-btn-2:hover .subnav-columns{
display: none;
}
nav ul.nav-main li#nav-btn-5:hover .subnav-social{
display: none;
}
nav ul.nav-main li#nav-btn-5 {
display: none;
}
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
/* ================
NARROW: Tablet
================ */
nav ul.nav-main li.nav-more-si {
display: block;
}
#siBar-wrapper{
display: none;
}
.ad-unit-container.above-nav {
display: none;
}
.flip{
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
}
nav .logo {
top: 10px;
width: 201px;
height: 92px;
background-position: 0 -284px;
}
.network-bar{display: none;}
.wrapper{
width: 640px;
}
#header-container {
position: relative;
margin-left: -50%;
width: 100%;
margin-top: 105px;
height: 60px;
-webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
}
#header-container .wrapper {
width: 100%;
}
#header-container .rotating-plane .nav-main{
-webkit-transition: height .3s ease-out;
-moz-transition: height .3s ease-out;
-ms-transition: height .3s ease-out;
-o-transition: height .3s ease-out;
transition: height .3s ease-out;
opacity: 1;
display: block;
height: 0;
}
nav .nav-searchbar{
display: none;
}
nav ul.nav-searchbar li.input-wrapper {
display: none;
}
nav.plane-wrapper {
background-color: #0b0d0d;
border-top: #000;
height: 110px;
}
nav ul.nav-main li {
width: 100%;
height: 63px;
}
nav ul.nav-main li.input-wrapper {
width: 100%;
text-align: center;
}
.nav-main li.input-wrapper input[type="text"].input-search {
position: absolute;
width: 200px;
left: 50%;
margin-left: -100px;
}
.nav-main li.input-wrapper input[type="submit"].btn-search-mini {
position: absolute;
left: 50%;
margin-left: 103px;
}
nav ul li a.btn-share{
width: 51px;
background-position: -7px -335px;
}
nav ul li a.btn-search{
width: 50px;
background-position: -10px -275px;
}
nav ul.nav-main li a.btn-share{
display: none;
}
nav ul li a.btn-search{
display: none;
}
nav ul li a.btn-close-search{
display: none;
}
ul.nav-main li.nav-social {
display: inline-block;
}
nav ul.nav-main li#nav-btn-1:hover .subnav-writers{
display: none;
}
nav ul.nav-main li#nav-btn-2:hover .subnav-columns{
display: none;
}
nav ul.nav-main li#nav-btn-5:hover .subnav-social{
display: none;
}
nav ul.nav-main li#nav-btn-5 {
display: none;
}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
/* ================================
INTERMEDIATE: Desktop & Tablet
================================ */
.wrapper{
width: 960px;
}
#header-container {
position: fixed;
margin-left: -480px;
width: 960px;
}
nav .logo {
-webkit-transition: background-position .3s ease-out;
-moz-transition: background-position .3s ease-out;
-ms-transition: background-position .3s ease-out;
-o-transition: background-position .3s ease-out;
transition: background-position .3s ease-out;
}
nav .logo.mini{
height: 60px;
background-position: 0 -192px;
}
nav .rotating-plane, nav ul{
width: 765px;
}
nav ul.nav-main li:nth-child(1) a.btn{
width: 170px;
}
nav ul.nav-main li:nth-child(2) a.btn{
width: 178px;
}
nav ul.nav-main li:nth-child(3) a.btn{
width: 165px;
}
nav ul.nav-main li:nth-child(4) a.btn{
width: 137px;
}
nav ul.nav-main li a.btn-share{
width: 51px;
background-position: -11px -421px;
}
nav ul li a.btn-search{
width: 52px;
background-position: -109px -379px;
}
nav ul li a.btn-close-search{
width: 44px;
background-position: -13px -480px;
}
nav ul.nav-searchbar li.input-wrapper {
width: 657px;
}
.nav-searchbar input[type="text"].input-search{
width: 638px;
}
nav ul.subnav.subnav-columns {
left: -172px;
}
nav ul.subnav.subnav-writers {
width: 765px;
}
nav ul.subnav.subnav-writers li{
width: 125px;
}
nav ul.subnav.subnav-writers li a .header{
font: 22px/20px 'Geogrotesque', Helvetica, sans-serif;
width: 100%;
text-align: center;
text-transform: uppercase;
color: #fff;
margin: 0;
padding: 12px 0 0 0;
}
nav ul.subnav.subnav-social {
left: -193px;
}
ul.nav-main li.input-wrapper,
ul.nav-main li.nav-social {
display: none;
}
nav .btn-nav-toggle {
display: none;
}
ul.nav-main li#nav-btn-6 .input-wrapper {
display: none;
}
}
@media only screen and (min-width: 1200px) {
/* ===============
WIDE: Desktop
=============== */
.wrapper{
width: 1200px;
}
#header-container {
position: fixed;
}
nav .logo {
-webkit-transition: background-position .3s ease-out;
-moz-transition: background-position .3s ease-out;
-ms-transition: background-position .3s ease-out;
-o-transition: background-position .3s ease-out;
transition: background-position .3s ease-out;
}
nav .logo.mini{
height: 60px;
background-position: 0 -192px;
}
nav .rotating-plane, nav ul{
width: 1005px;
}
nav ul.nav-main li:nth-child(1) a.btn{
width: 230px;
}
nav ul.nav-main li:nth-child(2) a.btn{
width: 239px;
}
nav ul.nav-main li:nth-child(3) a.btn{
width: 206px;
}
nav ul.nav-main li:nth-child(4) a.btn{
width: 176px;
}
nav ul.nav-searchbar li.input-wrapper {
width: 859px;
}
.nav-searchbar input[type="text"].input-search{
width: 840px;
}
nav ul.subnav.subnav-columns {
left: -232px;
}
ul.nav-main li.input-wrapper,
ul.nav-main li.nav-social {
display: none;
}
nav .btn-nav-toggle {
display: none;
}
ul.nav-main li#nav-btn-6 .input-wrapper {
display: none;
}
}
/* ================================
IE8 FIXES
================================ */
/* IE 8 */
.ie8 .wrapper{
width: 960px;
}
.ie8 .ad-unit-container{
position: relative;
display: block;
width: 728px;
min-width: 728px;
height: 90px;
padding: 10px;
margin: 10px 0 10px -364px;
left: 50%;
background-color: #fff;
z-index: 2;
}
.ie8 .ad-unit-container .ad-unit{
position: relative;
width: 100%;
height: 100%;
background: #ccc;
}
.ie8 #header-container {
position: absolute;
left: 0;
right: 0;
top: 165px;
width:960px;
min-width:960px;
margin: 0 auto;
}
.ie8 nav .rotating-plane, nav ul{
width: 765px;
}
.ie8 nav ul.nav-main li#nav-btn-1 a.btn{
width: 170px;
}
.ie8 nav ul.nav-main li#nav-btn-2 a.btn{
width: 178px;
}
.ie8 nav ul.nav-main li#nav-btn-3 a.btn{
width: 165px;
}
.ie8 nav ul.nav-main li#nav-btn-4 a.btn{
width: 137px;
}
.ie8 nav ul.nav-main li a.btn-share{
width: 51px;
background-position: -11px -421px;
}
.ie8 nav ul li a.btn-search{
width: 52px;
background-position: -109px -379px;
}
.ie8 nav ul li a.btn-close-search{
width: 52px;
background-position: -9px -480px;
}
.ie8 nav ul.nav-searchbar li.input-wrapper {
width: 657px;
}
.ie8 .nav-searchbar input[type="text"].input-search{
width: 638px;
}
.ie8 nav ul.subnav.subnav-columns {
left: -172px;
}
.ie8 nav ul.subnav.subnav-social {
left: -193px;
}
.ie8 ul.nav-main li.input-wrapper,
.ie8 ul.nav-main li.nav-social {
display: none;
}
.ie8 nav .btn-nav-toggle {
display: none;
}
.ie8 ul.nav-main li#nav-btn-6 .input-wrapper {
display: none;
}
.ie8 #search-input-mini{
display: none;
}
/* IE 7 */
.ie7 .wrapper{
width: 960px;
}
.ie7 .ad-unit-container{
position: relative;
display: block;
width: 728px;
min-width: 728px;
height: 90px;
padding: 10px;
margin: 10px 0 10px -364px;
left: 50%;
background-color: #fff;
z-index: 2;
}
.ie7 .ad-unit-container .ad-unit{
position: relative;
width: 100%;
height: 100%;
background: #ccc;
}
.ie7 #header-container {
position: relative;
left: 50%;
margin: 0 0 0 -480px;
right: 0;
top: 0px;
width:960px;
min-width:960px;
}
.ie7 nav ul.subnav.subnav-columns li a:hover{
padding-left:0;
}
.ie7 nav .rotating-plane, nav ul{
width: 765px;
}
.ie7 nav ul.nav-main li#nav-btn-1 a.btn{
width: 170px;
}
.ie7 nav ul.nav-main li#nav-btn-2 a.btn{
width: 178px;
}
.ie7 nav ul.nav-main li#nav-btn-3 a.btn{
width: 165px;
}
.ie7 nav ul.nav-main li#nav-btn-4 a.btn{
width: 137px;
}
.ie7 nav ul.nav-main li a.btn-share{
width: 51px;
background-position: -11px -421px;
}
.ie7 nav ul li a.btn-search{
width: 52px;
background-position: -109px -379px;
}
.ie7 nav ul li a.btn-close-search{
width: 52px;
background-position: -9px -480px;
}
.ie7 nav ul.nav-searchbar li.input-wrapper {
width: 657px;
}
.ie7 .nav-searchbar input[type="text"].input-search{
width: 638px;
}
.ie7 nav ul.subnav.subnav-columns {
left: -172px;
}
.ie7 nav ul.subnav.subnav-social {
left: -193px;
}
.ie7 ul.nav-main li.input-wrapper,
.ie7 ul.nav-main li.nav-social {
display: none;
}
.ie7 nav .btn-nav-toggle {
display: none;
}
.ie7 ul.nav-main li#nav-btn-6 .input-wrapper {
display: none;
}
.ie7 #search-input-mini{
display: none;
}
#BCLcontainingBlock {
width: 100%;
}
.BCLvideoWrapper {
position: relative;
padding-top: 1px;
padding-bottom: 56.25%;
height: 0;
}
* html .BCLvideoWrapper {
margin-bottom: 45px;
margin-top: 0;
width: 100%;
height: 100%;
}
.BCLvideoWrapper div,
.BCLvideoWrapper embed,
.BCLvideoWrapper object,
.BrightcoveExperience {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
pre {
font-size: 14px;
}img.emoji {
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .05em 0 .1em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}/**
Noticons
Noticons are vector icons embedded in a font for use across wp.com.
To use, reference this stylesheet in your project. See instructions in example.html
*/
/* IE8 and below use EOT and allow cross-site embedding.
IE9 uses WOFF which is base64 encoded to allow cross-site embedding.
So unfortunately, IE9 will throw a console error, but it'll still work.
When the font is base64 encoded, cross-site embedding works in Firefox */
@font-face {
font-family: "Noticons";
src: url(/i/noticons/./Noticons.eot);
src: url(/i/noticons/./Noticons.eot?#iefix) format("embedded-opentype"),
url(data:application/font-woff;charset=utf-8;base64,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),
url(/i/noticons/./Noticons.woff) format("woff"),
url(/i/noticons/./Noticons.ttf) format("truetype"),
url(/i/noticons/./Noticons.svg#Noticons) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Noticons";
src: url(/i/noticons/./Noticons.svg#Noticons) format("svg");
}
}
/**
* All noticons
*/
.noticon {
font-size: 16px;
vertical-align: top;
text-align: center;
-moz-transition: color .1s ease-in 0;
-webkit-transition: color .1s ease-in 0;
display: inline-block;
font-family: "Noticons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
}
/**
* Individual icons
*/
.noticon-404:before { content: "\f423"; }
.noticon-activity:before { content: "\f508"; }
.noticon-add:before { content: "\f8b3"; }
.noticon-akismet:before { content: "\f8d2"; }
.noticon-anchor:before { content: "\f509"; }
.noticon-art:before { content: "\f8b4"; }
.noticon-aside:before { content: "\f101"; }
.noticon-atsign:before { content: "\f814"; }
.noticon-attachment:before { content: "\f416"; }
.noticon-audio:before { content: "\f109"; }
.noticon-automattic:before { content: "\f815"; }
.noticon-automattic-blip:before { content: "\f817"; }
.noticon-automattic-ring:before { content: "\f816"; }
.noticon-bell:before { content: "\f8d4"; }
.noticon-bold:before { content: "\f471"; }
.noticon-book:before { content: "\f444"; }
.noticon-bug:before { content: "\f50a"; }
.noticon-bullhorn:before { content: "\f8a5"; }
.noticon-bullseye:before { content: "\f8a0"; }
.noticon-cart:before { content: "\f447"; }
.noticon-category:before { content: "\f301"; }
.noticon-chat:before { content: "\f108"; }
.noticon-checkmark:before { content: "\f418"; }
.noticon-close:before { content: "\f405"; }
.noticon-close-alt:before { content: "\f406"; }
.noticon-cloud:before { content: "\f426"; }
.noticon-cloud-download:before { content: "\f440"; }
.noticon-cloud-upload:before { content: "\f441"; }
.noticon-code:before { content: "\f462"; }
.noticon-codepen:before { content: "\f216"; }
.noticon-cog:before { content: "\f445"; }
.noticon-collapse:before { content: "\f432"; }
.noticon-colors:before { content: "\f8a7"; }
.noticon-comment:before { content: "\f300"; }
.noticon-compact:before { content: "\f807"; }
.noticon-day:before { content: "\f305"; }
.noticon-digg:before { content: "\f221"; }
.noticon-document:before { content: "\f443"; }
.noticon-dot:before { content: "\f428"; }
.noticon-downarrow:before { content: "\f502"; }
.noticon-download:before { content: "\f50b"; }
.noticon-draggable:before { content: "\f436"; }
.noticon-dribbble:before { content: "\f201"; }
.noticon-dropbox:before { content: "\f225"; }
.noticon-dropdown:before { content: "\f433"; }
.noticon-dropdown-left:before { content: "\f434"; }
.noticon-edit:before { content: "\f411"; }
.noticon-ellipsis:before { content: "\f476"; }
.noticon-eventbrite:before { content: "\f8a6"; }
.noticon-expand:before { content: "\f431"; }
.noticon-external:before { content: "\f442"; }
.noticon-facebook:before { content: "\f203"; }
.noticon-facebook-alt:before { content: "\f204"; }
.noticon-fastforward:before { content: "\f458"; }
.noticon-features:before { content: "\f8a8"; }
.noticon-feed:before { content: "\f413"; }
.noticon-flag:before { content: "\f468"; }
.noticon-flickr:before { content: "\f211"; }
.noticon-follow:before { content: "\f801"; }
.noticon-following:before { content: "\f803"; }
.noticon-fonts:before { content: "\f8b5"; }
.noticon-foursquare:before { content: "\f226"; }
.noticon-fullscreen:before { content: "\f474"; }
.noticon-gallery:before { content: "\f103"; }
.noticon-gift:before { content: "\f8a4"; }
.noticon-github:before { content: "\f200"; }
.noticon-googleplus:before { content: "\f206"; }
.noticon-googleplus-alt:before { content: "\f218"; }
.noticon-gravatar:before { content: "\f8d0"; }
.noticon-gridview:before { content: "\f808"; }
.noticon-handset:before { content: "\f50c"; }
.noticon-heart:before { content: "\f461"; }
.noticon-help:before { content: "\f457"; }
.noticon-hide:before { content: "\f404"; }
.noticon-hierarchy:before { content: "\f505"; }
.noticon-home:before { content: "\f409"; }
.noticon-image:before { content: "\f102"; }
.noticon-info:before { content: "\f455"; }
.noticon-instagram:before { content: "\f215"; }
.noticon-italic:before { content: "\f472"; }
.noticon-jetpack:before { content: "\f8d3"; }
.noticon-key:before { content: "\f427"; }
.noticon-layouts:before { content: "\f8a9"; }
.noticon-leftarrow:before { content: "\f503"; }
.noticon-lightbulb:before { content: "\f8a1"; }
.noticon-link:before { content: "\f107"; }
.noticon-linkedin:before { content: "\f207"; }
.noticon-linkedin-alt:before { content: "\f208"; }
.noticon-localization:before { content: "\f8b2"; }
.noticon-location:before { content: "\f417"; }
.noticon-lock:before { content: "\f470"; }
.noticon-mail:before { content: "\f410"; }
.noticon-maximize:before { content: "\f422"; }
.noticon-menu:before { content: "\f419"; }
.noticon-microphone:before { content: "\f50d"; }
.noticon-milestone:before { content: "\f806"; }
.noticon-minimize:before { content: "\f421"; }
.noticon-minus:before { content: "\f50e"; }
.noticon-month:before { content: "\f307"; }
.noticon-move:before { content: "\f50f"; }
.noticon-next:before { content: "\f429"; }
.noticon-notice:before { content: "\f456"; }
.noticon-notification:before { content: "\f800"; }
.noticon-paintbrush:before { content: "\f506"; }
.noticon-path:before { content: "\f219"; }
.noticon-pause:before { content: "\f448"; }
.noticon-phone:before { content: "\f437"; }
.noticon-picture:before { content: "\f473"; }
.noticon-pinned:before { content: "\f308"; }
.noticon-pinterest:before { content: "\f209"; }
.noticon-pinterest-alt:before { content: "\f210"; }
.noticon-play:before { content: "\f452"; }
.noticon-plugin:before { content: "\f439"; }
.noticon-plus:before { content: "\f510"; }
.noticon-pocket:before { content: "\f224"; }
.noticon-polldaddy:before { content: "\f217"; }
.noticon-portfolio:before { content: "\f460"; }
.noticon-previous:before { content: "\f430"; }
.noticon-price:before { content: "\f8b0"; }
.noticon-print:before { content: "\f469"; }
.noticon-promoted:before { content: "\f812"; }
.noticon-quote:before { content: "\f106"; }
.noticon-rating-empty:before { content: "\f511"; }
.noticon-rating-full:before { content: "\f512"; }
.noticon-rating-half:before { content: "\f513"; }
.noticon-reader:before { content: "\f8a2"; }
.noticon-reader-alt:before { content: "\f8a3"; }
.noticon-reblog:before { content: "\f805"; }
.noticon-reddit:before { content: "\f222"; }
.noticon-refresh:before { content: "\f420"; }
.noticon-reply:before { content: "\f412"; }
.noticon-reply-alt:before { content: "\f466"; }
.noticon-reply-single:before { content: "\f467"; }
.noticon-rewind:before { content: "\f459"; }
.noticon-rightarrow:before { content: "\f501"; }
.noticon-search:before { content: "\f400"; }
.noticon-send-to-phone:before { content: "\f438"; }
.noticon-send-to-tablet:before { content: "\f454"; }
.noticon-share:before { content: "\f415"; }
.noticon-show:before { content: "\f403"; }
.noticon-shuffle:before { content: "\f514"; }
.noticon-sitemap:before { content: "\f507"; }
.noticon-skip-ahead:before { content: "\f451"; }
.noticon-skip-back:before { content: "\f450"; }
.noticon-skype:before { content: "\f220"; }
.noticon-spam:before { content: "\f424"; }
.noticon-spike:before { content: "\f811"; }
.noticon-spotify:before { content: "\f515"; }
.noticon-standard:before { content: "\f100"; }
.noticon-star:before { content: "\f408"; }
.noticon-status:before { content: "\f105"; }
.noticon-stop:before { content: "\f449"; }
.noticon-stumbleupon:before { content: "\f223"; }
.noticon-subscribe:before { content: "\f463"; }
.noticon-subscribed:before { content: "\f465"; }
.noticon-summary:before { content: "\f425"; }
.noticon-tablet:before { content: "\f453"; }
.noticon-tag:before { content: "\f302"; }
.noticon-time:before { content: "\f303"; }
.noticon-title:before { content: "\f8b6"; }
.noticon-top:before { content: "\f435"; }
.noticon-trapper:before { content: "\f810"; }
.noticon-trash:before { content: "\f407"; }
.noticon-trophy:before { content: "\f804"; }
.noticon-tumblr:before { content: "\f214"; }
.noticon-twitch:before { content: "\f516"; }
.noticon-twitter:before { content: "\f202"; }
.noticon-types:before { content: "\f8b1"; }
.noticon-unapprove:before { content: "\f446"; }
.noticon-unfollow:before { content: "\f802"; }
.noticon-unsubscribe:before { content: "\f464"; }
.noticon-unzoom:before { content: "\f401"; }
.noticon-uparrow:before { content: "\f500"; }
.noticon-user:before { content: "\f304"; }
.noticon-vaultpress:before { content: "\f8d1"; }
.noticon-video:before { content: "\f104"; }
.noticon-videocamera:before { content: "\f517"; }
.noticon-vimeo:before { content: "\f212"; }
.noticon-warning:before { content: "\f414"; }
.noticon-website:before { content: "\f475"; }
.noticon-week:before { content: "\f306"; }
.noticon-wordads:before { content: "\f813"; }
.noticon-wordpress:before { content: "\f205"; }
.noticon-xpost:before { content: "\f504"; }
.noticon-youtube:before { content: "\f213"; }
.noticon-zoom:before { content: "\f402"; }
/**
* Deprecated noticon names
*/
.noticon-like:before { content: "\f408"; }
.geolocation-chip .noticon {
display: inline-block;
vertical-align: middle;
}
.geolocation-chip {
margin-bottom: 1em;
}/**
* Post Reblogging not in the Reader
*/
.reblogger-note img.avatar {
float: left;
padding: 0;
border: 0;
}
.reblogger-note-content {
margin: 0 0 20px;
}
.wpcom-reblog-snapshot .reblog-from img {
margin: 0 .5em 0 0;
padding: 0;
border: 0;
}
.wpcom-reblog-snapshot .reblogger-note img.avatar {
float: left;
padding: 0;
border: 0;
margin: 0 .5em 0 0;
}
.wpcom-reblog-snapshot {
margin-bottom: 1em;
}
.wpcom-reblog-snapshot p.reblog-from {
margin: 0 0 1em 0;
}
.wpcom-reblog-snapshot p.reblogger-headline {
line-height: 32px;
margin: 0 0 1em 0;
}
.wpcom-reblog-snapshot .reblogged-content {
margin: 0 0 1em 0;
}
/* Old reblog styles */
.reblog-post .wpcom-enhanced-excerpt-content {border-left: 3px solid #eee; padding-left: 15px; }
.reblog-post ul.thumb-list { display: block; list-style: none; margin: 2px 0; padding: 0; clear: both; }
.reblog-post ul.thumb-list li { display: inline; margin: 0; padding: 0 1px; border: 0; }
.reblog-post ul.thumb-list li a { margin: 0; padding: 0; border: 0; }
.reblog-post ul.thumb-list li img { margin: 0; padding: 0; border: 0; }
.reblog-post .wpcom-enhanced-excerpt { clear: both; }
.reblog-post .wpcom-enhanced-excerpt address,
.reblog-post .wpcom-enhanced-excerpt li,
.reblog-post .wpcom-enhanced-excerpt h1,
.reblog-post .wpcom-enhanced-excerpt h2,
.reblog-post .wpcom-enhanced-excerpt h3,
.reblog-post .wpcom-enhanced-excerpt h4,
.reblog-post .wpcom-enhanced-excerpt h5,
.reblog-post .wpcom-enhanced-excerpt h6,
.reblog-post .wpcom-enhanced-excerpt p { font-size: 100% !important; }
.reblog-post .wpcom-enhanced-excerpt blockquote,
.reblog-post .wpcom-enhanced-excerpt pre,
.reblog-post .wpcom-enhanced-excerpt code,
.reblog-post .wpcom-enhanced-excerpt q { font-size: 98% !important; }
/* Reblogged post */
.reblog-from img {
margin: 0 10px 0 0;
vertical-align: middle;
padding: 0;
border: 0;
}
.reblog-source {
font-weight: bold;
}
/* Optional notes */
.wpcom-reblog-snapshot .reblogger-note {
border-bottom: 1px solid #ddd;
border-bottom: 1px solid rgba(0,0,0,.1);
margin: 0 0 1em 0;
padding: 0 0 1em 0;
overflow: hidden;
}
.wpcom-reblog-snapshot p.reblogger-headline {
line-height: 32px;
margin: 0 0 1em 0;
}
.wpcom-reblog-snapshot .reblogger-note-content {
margin: 0;
padding: 0;
}
body .wpcom-reblog-snapshot .reblogger-note-content blockquote {
font-style: normal;
font-weight: normal;
font-size: 1em;
margin: 0;
padding: 0;
position: relative;
border: none;
}
.wpcom-reblog-snapshot .reblogger-note-content blockquote p:last-child {
margin-bottom: 0;
}
/*
Global styles for WordPress.com
*/
img.latex {
border: none;
vertical-align: middle;
}
.video-player {
border: 0;
margin: auto;
padding: 5px;
text-align: center;
max-width: 100%;
}
.hidden {
display: none;
}
.screen-reader-text {
position: absolute;
left: -1000em;
}
.comment object,
.comment embed,
.embed-vimeo iframe,
.embed-youtube iframe {
max-width: 100%; /* avoid videos being too wide */
}
/**
* Layout
*/
.simple-homepage {
display: none;
}