/**
* #.# Section title
*
* HTML5 ✰ Boilerplate
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
*
* Oomph's preferred reset and normalization set, with our additions
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ddd; text-decoration: none; }
mark { background-color: #ff8; font-style: italic; }
strike, del { text-decoration: line-through; color: #000; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { display: inline-block; vertical-align: middle; }
body { font: 81.5%/1.45 Arial, sans-serif; *font-size:small; } /* 13 over 21 */
select, input, textarea, button { font: 99% Arial, sans-serif; }
pre, code, kbd, samp { font-family: Courier, monospace, sans-serif; }
/* Minimal base styles */
html { overflow-y: scroll; -webkit-font-smoothing: antialiased; margin: 0; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 1.5em; }
ul { list-style: square; }
ol { list-style: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
nav ul, nav li, ul.menu, ul.xoxo, #dl ul { margin-left: 0 !important; list-style: none; list-style-image: none; }
small { font-size: 85%; }
b, strong, th { font-weight: bold; }
i, em, cite { font-style: italic; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; margin-bottom: 10px; background-color: #e6e6e6; border-left: 5px solid #6CE26C; } /* Oomph's codey-looking pre style, just for kicks */
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], input[type="email"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid, input.error, textarea.error {
border-radius: 1px;
-webkit-box-shadow: 0px 0px 5px red;
-moz-box-shadow: 0px 0px 5px red;
-ms-box-shadow: 0px 0px 5px red;
-o-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
button { width: auto; overflow: visible; }
a img { display: block; }
.ie7 img { -ms-interpolation-mode: bicubic; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; text-rendering: optimizeLegibility; }
div.column { float: left; }
span.column { display: inline-block; vertical-align: top; }
.js .hide-if-js { display: none; }
.no-js .hide-if-no-js { display: none; }
.clearit { clear: both; height: 0px; font-size: 0px; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.charset "UTF-8";
/*
* iOne master CSS Grid and Media Queries :: Let's make this code kick some butt
*/
/* ! - - - Default grid Structure - This basic stracture is repeated in the media queries when changes are needed - - - - - */
/*.mobile #header-assets {
display: block;
padding: 0;
}*/
/*.mobile #sitelogo {
max-width: 100%;
display: block;
}*/
@media screen and (max-width: 1000px) {
}
/*#mainwrapper { padding: 10px 0; }*/
/*#primary { width: 660px; margin: 0 10px 0 15px; }*/
/*#article, #gallery { padding: 0 15px; border-bottom: 1px solid rgba(0,0,0,0.2); margin-bottom: 15px; }
.oldie #article, .oldie #gallery { border-bottom: 1px solid #ddd; }*/
#contentright { float: right; width: 160px; padding: 0 0 5px 15px; border-left: 1px solid #ddd; margin-left: 14px; }
#leftcolumn .widgetcontainer {
list-style-type: none;
padding: 0px;
}
/* Full Page Width Overrides */
.page-template-page-wide-php #primary {
float: none;
width: auto;
}
.page-template-page-wide-php #after-post .widgetcontainer { width: 96%; }
/*
If you want the following size in pixels (px), declare this percent (%)
9 = 69.5 13 = 100 17 = 131 21 = 161.6 25 = 189 36 = 277
10 = 77 14 = 108 18 = 138.5 22 = 167 26 = 200
11 = 85 15 = 116 19 = 146.5 23 = 174 28 = 215
12 = 93 16 = 123.1 20 = 153.9 24 = 182 30 = 230
*/
/* ! - - - General styles used globally - - - - - */
input[type="submit"], a.button {
border: none;
font-size: 93%;
font-weight: bold;
padding: 6px 8px;
}
input[type="submit"]:hover, input[type="submit"]:focus, a.button:hover, a.button:focus { border: none !important; text-decoration: none !important; }
.read-more-link { padding: .75em 0; }
a.read-more, #menulink, .nav-previous a, .nav-next a, .gallery-title a, #mpsubmit a {
display: inline-block;
padding: 4px 6px 3px;
}
a.view-gallery { /* Used in conjunction with the button class so it inherits much of its styling */
display: inline-block;
font-size: 123.1%;
font-weight: normal;
padding: .25em .5em .2em;
margin-bottom: 1em;
}
/* fb:like */ .fb_iframe_widget { vertical-align: top; }
/* iframe */.twitter-follow-button { }
/* Depreciated with new header design, Jan 2012
#social a, a.social, #social form, #search form, #social form input#newsletter-submit, #search form input#submit { display: inline-block; vertical-align: top; }
.ie7 #social a, .ie7 #social form, .ie7 #search form { display: block; float: left; }
#social form, #search form { padding-bottom: 10px; }
#social input#signup-email, #search input#s { color: #999; padding: 2px; }
#social input#signup-email:focus, #search input#s:focus { color: #333; }
#social input#newsletter-submit, #search input#submit {
width: 24px;
height: 24px;
border: none;
background: -150px 0px no-repeat url(/wp-content/themes/vip/ione2/css/../images/social-media-24sprite.png) transparent;
padding: 0 !important; /* override flavor.css
text-indent: -9999em;
}
.oldie #social input#newsletter-submit, .oldie #search input#submit {
border: 1px solid transparent; /* IE needs a border or it will no display the bg image.
width: 28px; /* Seems like we need more dimension, too
height: 28px;
text-transform: capitalize; /* Text transform makes text indent work, for some dumb reason.
}
#social input#newsletter-submit:hover, #social input#newsletter-submit:focus { background-position: -150px -30px; }
#search input#submit { background-position: -120px 0px; }
#search input#submit:hover, #search input#submit:focus { background-position: -120px -30px; } */
.category-image { position: relative; }
.category-image .rss,
.archive-title .rss {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 3px;
text-indent: -9999em;
background-position: -60px -30px;
}
.category-image .rss { position: absolute; top: 5px; right: 5px; }
.rss:hover, .rss:focus { background-position: -60px 0px; }
.archive-title small { position: absolute; top: 10px; right: 10px; }
/* Widgets in Mobile menu */
.mobile-subnav h3, #mobilemenu .widgettitle { padding: 4px 0 0; border-bottom: 1px solid rgba(255,255,255,0.3); }
.menu-widget { padding-top: 6px; margin-bottom: 5px; }
.menu-widget .widgetcontainer { padding: 5px 0; }
.menu-widget .widgetcontainer li { line-height: 1.2; }
.menu-widget .widgetcontainer li a { display: block; padding: 5px 0; }
.menu-widget .widgetcontainer .widgettitle a.rsswidget { display: inline-block; vertical-align: baseline; }
.menu-widget .widgettitle + div, .menu-widget .widgettitle + ul { border-top: 1px solid rgba(0,0,0,0.2); padding-top: 5px; }
.menu-widget span.facebook, .menu-widget span.twitter { display: inline-block; vertical-align: text-bottom; width: 24px; height: 24px; margin-right: 5px; }
.menu-widget span.facebook { background-position: 0px -30px; }
.menu-widget span.twitter { background-position: -30px -30px; }
.widgetcontainer .bp-universe li { display: inline-block; vertical-align: top; width: 48%; padding: 0 5px 5px 0; }
.widgetcontainer .bp-universe a { padding: 4px 5px 3px; text-align: center; }
.widgetcontainer .bp-universe a:hover, .widgetcontainer li.bp-property a:focus { }
#mobilemenu .facebook { }
#sitelogo small { position: absolute; top: 60%; right: 10px; }
#menulink { font-size: 118%; text-transform: uppercase; }
#menulink span { display: inline-block; width: 20px; height: 14px; margin-bottom: -2px; background: -252px -18px no-repeat url(/wp-content/themes/vip/ione2/css/../images/mobile-menu-icons.png) transparent; }
#menulink.closed span { background-position: -252px 2px; }
/* ! - - - Post styles (little flags) for enabled browsers - - - - - */
#snipe-breakingnews, .post-format {
position: absolute;
top: 20px;
left: -4px;
height: 37px;
color: #222;
padding: 3px 20px 0 10px;
z-index: 2;
}
.post-format { height: 30px; text-shadow: 0px -1px 0px rgba(255,255,255,0.4); top: 10px; background-image: url(/wp-content/themes/vip/ione2/css/../images/flags-sprite24.png); background-color: transparent; background-repeat: no-repeat; }
#snipe-breakingnews { font-size: 115%; background: right 0px no-repeat url(/wp-content/themes/vip/ione2/css/../images/flags-sprite24.png) transparent; }
#snipe-breakingnews a { display: block; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,0.3); }
#snipe-breakingnews a:hover, #snipe-breakingnews a:focus { color: #222; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); }
/* Per-post-style configuration done in flavor-css.php */
/* ! - - - Featured Authors - - - - - */
.featured-author-wrapper {
position: relative;
padding: 3px 5px;
min-height: 40px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.loop.blocks .featured-author-wrapper { margin-bottom: 0; }
.featured-author-wrapper .featured-author {
position: absolute;
top: 0;
right: 0;
}
.featured-author .author-avatar .view-link, .featured-author .author-avatar img { display: block; }
.featured-author .author-avatar .view-link {
display: none;
height: 44px;
width: 44px;
}
.featured-author:hover .author-avatar .view-link, .featured-author:focus .author-avatar .view-link { display: block; }
.featured-author .author-avatar img {
position: absolute;
right: 3px;
top: 3px;
max-width: 40px;
max-height: 40px;
}
.featured-author a.social { display: block; float: left; width: 24px; height: 24px; margin-right: 10px; text-indent: -9999em; }
.featured-author-wrapper .author { padding: 10px 45px 0 0; }
.loop.blocks .featured-author-wrapper .author { padding-top: 2px; }
.author .by-author { white-space: nowrap; }
.author p.more-featured { margin-bottom: 1em; }
#single-featured-author { position: absolute; top: 0; right: 0; min-height: 40px; }
#single-featured-author .featured-author { display: block; float: left; position: relative; }
#single-featured-author .social,
#single-featured-author .author-info { margin: 10px 0 0 10px; }
#single-featured-author .featured-author .author-avatar img { position: static; right: auto; top: auto; }
#single-featured-author .featured-author:hover .author-avatar img { position: absolute; right: 0px; top: 0px; }
#single-featured-author .author-avatar .view-link { padding: 8px 50px 10px 5px; }
/* DJ Sponsorship ad styles */
.sponsorship_ad_container img {
width: 88px !important;
}
.two .featured-author-wrapper .sponsorship_ad_container {
float: right;
margin-right: 50px;
overflow: hidden;
top: -3px;
width: 88px;
}
.blocks .featured-author-wrapper .sponsorship_ad_container {
float: right;
margin-right: 50px;
overflow: hidden;
position: relative;
top: 0;
width: 88px;
}
#author-avatar .sponsorship_ad_container {
height: 46px;
overflow: hidden;
position: absolute;
width: 88px;
}
.featured-author-wrapper .sponsorship_ad_text,
#author-avatar .sponsorship_ad_text {
color: #333333;
font-size: 0.7em;
font-weight: 600;
height: 14px;
overflow: hidden;
padding-top: 1px;
text-align: center;
}
.featured-author-wrapper .sponsorship_ad_slot,
#author-avatar .sponsorship_ad_slot {
height: 31px;
}
/* Facepile landing page */
#author-list { padding: 20px 0 0 0; }
#author-list ul { }
#author-list .author-list-item { float: left; margin-left: 20px !important; margin-bottom: 20px !important; }
#author-list .author-list-item a { display: block; position: relative; }
#author-list .author-list-item a span {
display: block;
width: 130px;
position: absolute;
left: 0;
bottom: 0;
padding: 8px 0 8px 10px;
color: #fff;
background: #333;
background: rgba(0,0,0,0.6);
}
.oldie #author-list .author-list-item a span { filter:alpha(opacity=70); }
#author-list .author-list-item a:hover span, #author-list .author-list-item a:focus span {
background: #000;
background: rgba(0,0,0,0.9);
}
.oldie #author-list .author-list-item a:hover span, .oldie #author-list .author-list-item a:focus span { filter:alpha(opacity=100); }
/* Archive page */
#author-info-wrapper { padding: 15px; margin: 0 10px 20px 0; }
#author-info { padding-bottom: 15px; font-size: 93%; }
#author-info #social-links {
margin-left: 0px;
}
#author-info li, #author-info span { display: inline-block; vertical-align: text-bottom; height: 24px; }
/*#author-info a { padding-right: 15px; }*/
#author-info a.icon-only,
#single-featured-author a.icon-only {
display: inline-block;
text-indent: -9999px;
width: 24px;
height: 24px;
margin-right: 6px;
padding-right: 0px;
}
#single-featured-author a.icon-only {
margin-right: 0px;
}
#author-info span { width: 24px; height: 24px; margin-right: 6px; }
#author-info .email { background: -150px 0 no-repeat url(/wp-content/themes/vip/ione2/css/../images/social-media-24sprite.png) transparent; }
#author-info .email:hover, #author-info .email:focus { background-position: -150px -30px; }
#author-info .rss { }
#author-info .bloglink { }
#author-avatar { width: 120px; margin: 0 20px 20px 0; }
#author-avatar .avatar { }
#author-description { margin-bottom: 20px; width: 478px; }
#author-description #more-featured { padding-top: 1em;}
/* Jobamatic page template */
#primary-wide {
margin: 0 15px;
}
.post-content #ione-jobamatic p {
font-family: Helvetica, Arial, sans-serif;
}
#ione-jobamatic {
margin-top: 15px;
}
#ione-jobamatic ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
float: left;
}
#ione-jobamatic ul li {
float: left;
margin-right: 35px;
margin-bottom: 5px;
}
#ione-jobamatic ul li input {
width: 200px;
font-size: 14px;
padding: 5px;
}
#ione-jobamatic .jobs-loading {
display: none;
text-align: center;
}
#ione-jobamatic .job-date {
font-size: 18px;
text-transform: uppercase;
}
#ione-jobamatic ul li select {
height: 30px;
border-radius: 4px;
border: 1px solid #ccc;
}
#ione-jobamatic ul li label {
font-family: Helvetica, Arial, sans-serif;
display: block;
margin: 0 0 2px;
font-weight: bold;
}
#ione-jobamatic .job-description {
border-bottom: 1px dotted #ccc;
}
#jobamatic-post,
#jobamatic-search,
#jobamatic-more {
font-size: 14px;
padding: 10px 15px;
border: none;
margin: 15px 0;
}
#ione-jobamatic table {
width: 100%;
clear: both;
}
#ione-jobamatic table thead th {
width: 27%;
text-align: left;
background: #666;
color: #fff;
padding: 1%;
text-transform: uppercase;
}
#ione-jobamatic table tbody tr#jobs-loadmore th {
text-align: center;
font-size: 18px;
padding: 1%;
border-bottom: 1px dotted #ccc;
}
#ione-jobamatic table tbody tr#jobs-loadmore th button#jobamatic-more {
text-transform: uppercase;
}
#ione-jobamatic table thead th#job-posted {
width: 11%;
}
#ione-jobamatic table td {
padding: 1% 1% 0;
}
#ione-jobamatic table tr.job-description td {
padding-top: 0;
padding-bottom: 1%;
}
#jobamatic-header {
overflow: hidden;
margin-bottom: 15px;
}
#jobamatic-post {
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
float: right;
}
#jobamatic-post:hover {
text-decoration: none;
}
/*-- BP Radio template Newsletter adjustments --*/
#mastercontainer.bpradio .sailthru-add-subscriber-form {
visibility: hidden;
}
#mastercontainer.bpradio .widget_ione-bp_newsletter_signup form {
border: none;
}
#mastercontainer.bpradio .sailthru-signup-widget .form-control {
padding: 0;
height: auto;
width: 300px !important;
}
#mastercontainer.bpradio .sailthru-signup-widget .success {
width: 300px;
margin: 10px 0;
}
#mastercontainer.bpradio .sailthru-signup-widget .btn {
color: #fff !important;
-webkit-text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-o-text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset, 0px 2px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset, 0px 2px 1px rgba(0,0,0,0.2);
-o-box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset, 0px 2px 1px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset, 0px 2px 1px rgba(0,0,0,0.2);
box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset, 0px 2px 1px rgba(0,0,0,0.2);
-webkit-border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius: 4px;
-moz-background-clip: padding;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
background: #000;
border: 0;
line-height: 32px;
padding: 0 22px;
}
/* ! - - - Special items for Events - - - - - */
.calendar-navigation {
list-style-type: none;
margin-left: 0px;
padding: .5em 0 .75em;
}
.calendar-navigation li { float: left; margin-right: 5px; }
.calendar-navigation li a { font-size: 116%; }
.loop.calendar .the-excerpt { clear: left; padding-top: 10px; }
.loop.calendar .post .thumbnail { width: 315px; height: 189px; margin-bottom: 10px }
.loop.calendar .post .the-excerpt { margin-bottom: 10px }
.event-single .venue-info { padding: .75em; margin-bottom: 1em;}
.event-single .venue-info h4 { font-size: 108%; margin-bottom: .5em; }
.event-single .venue-info #socialbar-top { padding: .75em 0 0 0; }
.loop article.post-event .read-more-link {
clear: both;
}
.loop article.post-event .venue-info {
float: left;
max-width: 325px;
}
.loop.two article.post-event .loop-post-content {
width: auto;
}
/* ! - - - Special items for Event Archives - - - - - */
.post-type-archive-oomph-calendar .oomph-calendar {
text-align: inherit;
width: auto;
}
/* ! - - - Schedule items in river and single - - - - - */
.schedule-day-picker { text-align: center; margin-bottom: 2em; }
.schedule-day-picker li { display: inline-block; vertical-align: bottom; margin-right: -4px; }
.ie7 .schedule-day-picker li { display: inline; }
.ie8 .schedule-day-picker li { float: left; }
.schedule-day-picker a { display: block; padding: 5px 10px 4px; }
.schedule-day-picker a:hover, .schedule-day-picker a:focus { text-decoration: underline; }
/* article */ .schedule { margin-bottom: 1.5em; }
/* article */ .no-schedule { margin: 0 0 1.5em 1.5em; }
.no-schedule p { font-size: 1.5em; font-weight: bold; }
.show-times { width: 24%; margin-right: 2%; }
.onair-indicator {
display: none;
background-color: #222;
color: #fff;
padding: .5em 1em;
margin-right: -1em;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-top-color: rgba(255,255,255,0.2);
border-bottom-color: rgba(0,0,0,0.2);
}
.onairnow { display: block; }
.onair-indicator a:hover, .onair-indicator a:focus { text-decoration: underline; }
.show-day { display: block; text-transform: capitalize; padding: 1em 1em .25em; }
.dayname { text-transform: capitalize; font-weight: normal; }
.timeslot { font-weight: bold; padding: 0 1em; }
.timeslot .dayname, .timeslot .show-sep { font-weight: normal; }
.show-detail { width: 74%; padding: 1em 0; background-color: #fff; }
.show-detail section { padding: 0 0 0 1em; }
.show-detail .post-title { font-size: 123.1%; line-height: 1.3; padding-bottom: 0.65em; }
.show-detail .post-content { width: 59%; margin-right: 2%; }
.show-host { width: 38%; }
.hosted-by, .djname { display: block; }
.hosted-by { color: #888; font-size: 85%; font-weight: bold; letter-spacing: 0.0625em; text-transform: uppercase; }
.djname { font-size: 123.1%; padding-bottom: 1em; }
/* ! - - - Default text styles inside the #article. Generic classes so we can put it anywhere - - - - - */
h1.post-title {
font-size: 215%;
line-height: 1.3;
padding: 7px 0 6px;
}
h2.archive-title {
position: relative;
font-size: 230%;
padding-bottom: .25em;
}
#article .post-meta {
position: relative;
/*border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px; */
margin: 0 0 .5em 0;
}
#article .post-meta .the-time,
#article .post-meta .comment-count,
#article .post-meta .by-author {
float: left;
line-height: 1;
margin: 0px 8px 0px 3px;
padding-right: 8px;
}
#article .post-meta .comments-link a,
#article .post-meta .comment-count a {
padding: 0px;
}
/*#article .post-meta .facebooklike { float: left; }*/
.post-content { word-wrap: break-word; margin-bottom: 1em; }
.post-content img {
max-width: 100%;
height: auto;
}
.post-content img[align="left"],
.post-content img.alignleft {
margin-right: 1em;
}
.post-content h1 { font-size: 167%; line-height: 1.3; padding-bottom: .5em; }
.post-content h2 { font-size: 153.9%; line-height: 1.3; padding-bottom: .55em; }
.post-content h3 { font-size: 123.1%; line-height: 1.3; padding-bottom: .65em; }
.post-content h4 { font-size: 108%; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.0625em; }
.post-content h5 { font-size: 108%; line-height: 1.3; }
.post-content h6 { font-size: 100%; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.0625em; }
.post-content p, .post-content ul, .post-content ol, .post-content dl, .post-content blockquote, .post-content address { font-size: 108%; font-family: Georgia, Cambria, 'Times New Roman', Times, serif; padding-bottom: 1.5em; }
.post-content p p, .post-content ul p, .post-content ol p, .post-content dl p, .post-content address p { font-size: 100%; }
.post-content blockquote, .post-content address, .widget_text blockquote, .widget_text address { font-style: italic; }
.post-content blockquote, .textwidget blockquote {
padding: 0 1.5em;
border-left: 3px solid #ccc;
margin-bottom: 1em;
}
.post-content pre { }
.post-content strike, .textwidget strike { color: #c10; }
.post-content a { white-space: normal; }
.post-content a:hover, .post-content a:focus { text-decoration: underline; }
.single .entry-header { margin-bottom: 1em; }
/*.single .post-content { clear: both; }*/
.tag-list { padding: 10px 0 5px; }
#after-post {
margin: 20px 0;
padding-bottom: 1.5em;
border-bottom: 1px solid #e6e6e6;
}
#after-post .prevnext {
padding: 5px 10px;
margin: 0 -15px;
background: #404040;
background: rgba(0,0,0,0.7);
border-top: 1px solid rgba(0,0,0,0.5);
border-bottom: 1px solid #000;
}
.nav-next { float: right; }
#after-post .widgetcontainer { float: left; width: 47%; padding: 1.5em 0 0 10px; }
#after-post .widgetcontainer:nth-child(odd) { margin-right: 15px; } /* the preferred way, but IE won't cooperate */
.oldie #after-post .widgetcontainer { padding-left: 15px; }
#after-post .widgettitle { font-size: 153.9%; line-height: 1.3; padding-bottom: .5em; margin-bottom: .5em; }
#after-post .widgetcontainer li { float: none; width: 100%; }
#contentright h1, #contentright h2, #contentright h3, #contentright h4 { padding-bottom: 0; }
#contentright li { line-height: 1.4; padding-bottom: 8px; }
/* BlackDoctor - Ask a Expert & Child Pages */
.page-template-page-bdo-ask-the-experts-php .article { margin-bottom: 1em; }
.page-template-page-bdo-ask-the-experts-php .article .ask-expert-list { padding: 8px; }
.page-template-page-bdo-ask-the-experts-php .article .expert-category { font-weight: bold; }
.page-template-page-bdo-ask-the-experts-php .article .expert-links ul { margin-left: 108px; }
.page-template-page-bdo-ask-the-experts-php .article .even { background-color: #FFF5FD; }
.page-template-page-bdo-ask-the-experts-php .article .entry-thumbnail,
.page-template-page-bdo-ask-the-experts-child-php .article .entry-thumbnail { float: left; margin-right: 10px; }
.oldie .page-template-page-bdo-ask-the-experts-php .article .entry-thumbnail,
.oldie .page-template-page-bdo-ask-the-experts-child-php .article .entry-thumbnail { height: 84px; width: 77px; }
.page-template-page-bdo-ask-the-experts-php .article .entry-thumbnail img { border: 1px solid #CCC; padding: 2px; }
/* BlackDoctor - Videos Page */
.post-content-videos .article {
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
padding-bottom: 1em;
}
.post-content-videos .article .entry-thumbnail {
float: left;
margin-right: 10px;
}
.oldie .post-content-videos .article .entry-thumbnail {
height: 50px;
width: 75px;
}
.post-content-videos .article .entry-thumbnail img {
border: 1px solid #CCC;
padding: 2px;
}
/* Blackdoctor - Custom Menu Supernav Footer Styles
#sitefooter .footer-widgetregion.custom-menu,
#sitefooter .footer-widgetregion.custom-menu ul { list-style-type: none; margin: 0; padding: 0; }
#sitefooter .footer-widgetregion.custom-menu .widgetcontainer.widget_nav_menu { margin: 0; padding: 0; }
#sitefooter .footer-widgetregion.custom-menu .widgetcontainer.widget_nav_menu .menu-primary-container { margin-left: 3em; }
#sitefooter .footer-widgetregion.custom-menu .widgetcontainer.widget_nav_menu #menu-primary > li { margin-bottom: 2em; }
#sitefooter .footer-widgetregion.custom-menu .widgetcontainer.widget_nav_menu #menu-primary > li > a {
color: #444;
font-family: arial, sans-serif;
font-size: 13px;
font-weight: bold;
}
#sitefooter .footer-widgetregion.custom-menu .widgetcontainer.widget_nav_menu li .sub-menu li { display: inline-block; width: 18.5%; margin-right: 1%; }
#sitefooter .footer-widgetregion.custom-menu .widgetcontainer.widget_nav_menu li .sub-menu li a { font-weight: normal; }*/
/* MojoPages */
.mojopages_label {
display:block;
float:left;
height:20px;
margin:0 10px 15px 0;
width:75px;
}
.mojopages_input {
display:block;
float:left;
height:20px;
width:175px;
}
#mojopages_state {
display:block;
float:left;
width:175px;
}
#mojopages_container .clear_float {
clear:both;
}
#mojopages_submit {
display:block;
float:left;
margin-right:20px;
}
#mojopages_error {
color:#d90b1f;
display:block;
float:left;
}
/* ione_healthination shortcode */
#hnBox {
width: 280px !important;
}
/* DiversityOne Pages */
#primary .search-facets {
width: 28%;
float: left;
}
.search-facets ul {
list-style: none;
margin: 0;
}
.search-facets li {
padding: 0 0 12px;
overflow: hidden;
}
.search-facets li > div:first-child {
background: #d4d5d9;
font-size: 13px;
font-weight: bold;
padding: 2px 14px;
margin: 0 0 12px;
}
.search-facets input[type="text"] {
color: #d4d5d9;
border: 1px solid;
border-right: none;
background: #f3f3f3;
display: block;
float: left;
height: 30px;
width: 70%;
max-width: 70%;
padding: 0 0.5em;
box-sizing: border-box;
}
.search-facets input[type="submit"] {
background: #00b2cf;
color: #ffffff !important;
border: 1px solid #00b2cf;
display: block;
height: 30px;
float: right;
width: 30%;
max-width: 30%;
border-radius: 0;
box-sizing: border-box;
}
.lift-search-form-filters {
clear: both;
padding-top: 12px;
}
.search-facets ul,
.lift-search-form-filters ul.filter-options {
max-width: 185px;
}
.lift-search-form-filters li.reset {
display: none;
}
.lift-search-form-filters div.filter-options {
color: #d4d5d9;
border: 1px solid;
background: #f3f3f3;
display: block;
/*height: 30px;*/
max-width: 100%;
}
.lift-search-form-filters div.filter-options select {
-webkit-appearance: none;
display: block;
padding: 0 0.5em;
border-radius: 0;
border: none;
background: transparent url(/wp-content/themes/vip/ione2/css/../images/ijob-dropdown-arrow.png) center right no-repeat;
background-size: auto 30px;
line-height: 30px;
color: grey;
width: 100%;
}
/*
.lift-search-form-filters ul.filter-options {
position: relative;
height: 2em;
overflow: hidden;
}
.lift-search-form-filters ul.filter-options li {
position: absolute;
display: block;
height: 2em;
width: 100%;
background: white;
line-height: 2;
}
.lift-search-form-filters ul.filter-options input[type="radio"] {
display: none;
}
*/
.post-type-archive-ione_job,
.tax-ione_jobs_category,
.tax-ione_jobs_company,
.tax-ione_jobs_state {
color: #3d3d3d;
}
.post-type-archive-ione_job a:hover,
.post-type-archive-ione_job a:visited:hover,
.tax-ione_jobs_category a:hover,
.tax-ione_jobs_category a:visited:hover,
.tax-ione_jobs_company a:hover,
.tax-ione_jobs_company a:visited:hover,
.tax-ione_jobs_state a:hover,
.tax-ione_jobs_state a:visited:hover,{
color: #000000;
}
.ione-blackplanet-jobs-table {
width: 70%;
float: right;
font-size: 13px;
}
.ione-blackplanet-jobs-table th {
background: #d4d5d9;
}
/* Define the background color for all the ODD background rows */
.ione-blackplanet-jobs-table tr:nth-child(odd) {
background: #EDEDED;
}
/* Define the background color for all the EVEN background rows */
.ione-blackplanet-jobs-table tr:nth-child(even) {
background: #FDFDFD;
}
.ione-blackplanet-jobs-table th:first-child,
.ione-blackplanet-jobs-table th:first-child + th,
.ione-blackplanet-jobs-table th:first-child + th + th,
.ione-blackplanet-jobs-table td:first-child + td,
.ione-blackplanet-jobs-table td:first-child + td + td {
text-align: left;
}
.ione-blackplanet-jobs-table th,
.ione-blackplanet-jobs-table td {
padding: 2px 14px;
overflow: hidden; /* Tempfix for overflow content that wasn't accounted for in the mockup. */
}
.ione-blackplanet-jobs-table td {
padding-top: 8px;
padding-bottom: 8px;
}
/* Contents for table cells exceed what's specified in the mockup.
* (Ex: 11 words with &nbps; for "Job Title" where there should be 2)
* These values force max widths for the table columns to match the mockup.
*/
.ione-blackplanet-jobs-table th:first-child,
.ione-blackplanet-jobs-table td:first-child {
max-width: 92px;
}
.ione-blackplanet-jobs-table th:first-child + th,
.ione-blackplanet-jobs-table td:first-child + td {
max-width: 73px;
}
.ione-blackplanet-jobs-table th:first-child + th + th,
.ione-blackplanet-jobs-table td:first-child + td + td {
max-width: 63px;
}
.ione-blackplanet-jobs-table th:first-child + th + th + th,
.ione-blackplanet-jobs-table td:first-child + td + td + td {
max-width: 28px;
}
.ione-blackplanet-jobs-table th:last-child,
.ione-blackplanet-jobs-table td:last-child {
max-width: 66px;
padding-left: 12px;
padding-right: 12px;
text-align: center;
}
.ione-blackplanet-jobs-title a,
.ione-blackplanet-jobs-title a:active,
.ione-blackplanet-jobs-title a:visited {
font-weight: bold;
color: #3d3d3d;
text-decoration: underline;
}
.ione-blackplanet-jobs-apply a,
.ione-blackplanet-jobs-apply a:active,
.ione-blackplanet-jobs-apply a:visited {
background: #00b2cf;
color: #ffffff;
padding: 4px 7px;
}
.post-type-archive-ione_job #ione-pagination .page-numbers,
.tax-ione_jobs_category #ione-pagination .page-numbers,
.tax-ione_jobs_company #ione-pagination .page-numbers,
.tax-ione_jobs_state #ione-pagination .page-numbers {
color: #3d3d3d;
}
.post-type-archive-ione_job #ione-pagination .current.page-numbers,
.tax-ione_jobs_category #ione-pagination .page-numbers.current,
.tax-ione_jobs_company #ione-pagination .page-numbers.current,
.tax-ione_jobs_state #ione-pagination .page-numbers.current,
.post-type-archive-ione_job #ione-pagination .page-numbers.next,
.tax-ione_jobs_category #ione-pagination .page-numbers.next,
.tax-ione_jobs_company #ione-pagination .page-numbers.next,
.tax-ione_jobs_state #ione-pagination .page-numbers.next,
.post-type-archive-ione_job #ione-pagination .page-numbers.prev,
.tax-ione_jobs_category #ione-pagination .page-numbers.prev,
.tax-ione_jobs_company #ione-pagination .page-numbers.prev,
.tax-ione_jobs_state #ione-pagination .page-numbers.prev {
color: #000000;
font-weight: bold;
}
/* ! - - - Global iOne FOOTER design - - - - - */
/*#toplinks {
padding: 8px 10px 6px;
color: rgba(255,255,255,0.5);
background: #333;
background: rgba(0,0,0,0.8);
font-size: 93%;
font-weight: bold;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-ms-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 5px rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
border-top: 1px solid #444;
border-right: 1px solid #222;
border-bottom: 1px solid #111;
border-left: 1px solid #444;
}
.ie7 #toplinks { color: #999; }
.topstories a img { display: inline-block; vertical-align: text-bottom; }
.topstories li { float: left; }
.topstories li.first { padding-right: .7em; }
.topstories li a { text-decoration: none; padding: 0 .88em 0 0; }
.topstories li a#bp-logo-footer { padding: 0; }
.topstories li a:hover, .topstories li a:focus { text-decoration: underline; }*/
.footer-widgetregion { padding-bottom: 1.5em; }
/* .footer-widgetregion .row { padding: 0; background: top left repeat-x url(/wp-content/themes/vip/ione2/css/../images/footer-row-back_24.png) transparent; }
.footer-widgetregion .widgetcontainer { padding: 0; background: bottom left repeat-x url(/wp-content/themes/vip/ione2/css/../images/footer-wrap-back_24.png) transparent; }*/
.footer-widgetregion .widgetcontainer ul,
.footer-widgetregion .widgetcontainer .tagcloud,
.footer-widgetregion .widgetcontainer .textwidget {
padding: .5em 0 .5em 2px;
/* border-top: 1px solid rgba(0,0,0,1); */
}
.footer-widgetregion .widgetcontainer li { padding: 0 0 .25em 0; margin: 0; }
.footer-widgetregion .widget_rss li { padding-bottom: 1em; }
.footer-widgetregion .widget_archive li, .footer-widgetregion .widget_categories li, .footer-widgetregion .widget_pages li, .footer-widgetregion .widget_nav_menu li { padding-bottom: 0; }
/*.footer-widgetregion .widgetcontainer h5 { padding: .72em 0 .5em; font-size: 108%; line-height: 1.3; }
.footer-widgetregion .widgetcontainer h5 a {
color: #444;
color: rgba(0,0,0,0.7);
display: block;
font-weight: bold;
}
.footer-widgetregion .widgetcontainer h5 a:hover, .footer-widgetregion .widgetcontainer h5 a:focus { color: #000; }*/
.footer-widgetregion .widgetcontainer ul li { font-size: 93%; /* temp background: rgba(0,255,0,0.2); */ }
.footer-widgetregion .widgetcontainer ul li ul li { font-size: 100%; }
.footer-widgetregion .widgetcontainer ul li a { /* temp background: rgba(0,255,0,0.2); */ }
.footer-widgetregion a small { display: none; }
.footer-widgetregion a:hover small, .footer-widgetregion a:focus small { display: inline-block; }
.footer-widgetregion p.more {
padding: 4px 7px 2px;
background: #fff;
background: rgba(255,255,255,0.6);
border-top: 1px solid #fff;
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-o-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
}
.footer-widgetregion p.more a { display: block; color: #666; }
.footer-widgetregion p.more a:hover, #sitefooter p.more a:focus { }
.footer-widgetregion p.more a small { font-size: 100%; }
.footer-widgetregion p.more a:hover small, .footer-widgetregion p.more a:focus small { display: inline; }
/* Specific Footer widget overrides */
.footer-widgetregion .widget_ione-rss ul { padding-bottom: 0; }
.footer-widgetregion .widget_text ul, .footer-widgetregion .widget_nav_menu .menu ul { min-height: 0; border-top: none; }
.footer-widgetregion .widget_nav_menu .menu ul { padding-top: 0; padding-bottom: .5em; margin-bottom: -.25em; }
.footer-widgetregion .ione-widget-galleries a img, .footer-widgetregion .ione-widget-galleries a span { display: inline; }
.footer-widgetregion .ione-widget-galleries a img { width: 75px; height: 45px; }
.footer-widgetregion .ione-widget-galleries a span { width: auto; }
.footer-widgetregion .ione-widget-galleries a span span { display: inline-block; }
/* ! - - - Supernav footer styles - - - - - */
/*li*/ #sitefooter .supernav .widget_categories,
#sitefooter .supernav .widget_nav_menu { float: none; width: auto; margin: 16px 1em 0 1em; }
/*li ul*/ .footer-widgetregion .supernav .widget_categories ul, .footer-widgetregion .supernav .widget_nav_menu ul { }
.footer-widgetregion .supernav .widget_categories a,
.footer-widgetregion .supernav .widget_nav_menu a { font-weight: bold; font-size: 115%; text-shadow: 0px 1px 0px rgba(255,255,255,0.8) }
/*li ul li ul*/ .footer-widgetregion .supernav .widget_categories .children,
.footer-widgetregion .supernav .widget_nav_menu .sub-menu {
border-top: none;
min-height: 10px !important;
padding: 0 0 1.5em 0;
margin-left: 0;
}
/*li ul li ul li*/ .footer-widgetregion .supernav .widget_categories .children li,
.footer-widgetregion .supernav .widget_nav_menu .sub-menu li { display: inline-block; width: 18.5%; margin-right: 1%; }
.ie7 .footer-widgetregion .supernav .widget_categories .children li,
.ie7 .footer-widgetregion .supernav .widget_nav_menu .sub-menu li { display: inline; }
.footer-widgetregion .supernav .widget_categories .children li a,
.footer-widgetregion .supernav .widget_nav_menu .sub-menu li a { font-weight: normal; font-size: 100%; text-shadow: none; }
#copyright { padding: 15px 15px 25px; letter-spacing: 0.0625em; }
#copyright #footer-navigation {
padding: 15px 0px 20px 0x;
margin: 0 0 10px 0 !important;
}
#copyright .menu li { display: inline-block; padding: 0 1em 0 0; }
.ie7 #copyright .menu li { display: inline; }
#copyright .menu a { display: block; }
#copyright .copyright-wrap { float: left; font-size: 84.5%; position: relative; }
/*#copyright .copyright-line,
#copyright .poweredby {
display: block;
text-align: center;
}*/
img#wpstats{ display: none; }
/* Group a bunch of transitions here. Effects the hover state of the elements. */
#blackplanet li a,
#primary-navigation li a,
#takeover-submenu li a,
.gallery-featuredimg a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
/* These dont seem to work... can't animate the change in background gradient */
input[type="submit"]:hover, a.button, a.read-more, .nav-previous, .nav-next, .gallery-title a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.closeAd { z-index: 10000000; }
.bp-hat .closeAd { margin-top: 25px; }
/*
* Media queries for responsive design
* NOTICE- WinMobile does no support media queries IN CSS. Only in HTML.
iPad = 768 x 1024
iPhone 4= 640 x 940
iPhone 3= 320 x 480
Kindle Fire = 1024×600, though in portrait mode it uses our 768 layout.
Kindle2 = 600 x 800 (582 x 782)
Kindle DX = 824 x 1200
Barnes & Noble Nook = 600 x 800
BeBook Neo = 600 x 800
Sony Touch = 600 x 800
*/
/* Get rid of the Horizontal scroll bar for Media Query enabled browsers... but don't just use "@media all". Most still understand that. */
@media all and (min-width: 100px) { html { overflow-x: hidden; } }
/* Target larger than 1000 */
@media all and (min-width: 1000px) {
/*#article, #gallery { border-bottom: 0 !important; }*/
.gallery-container .media {
min-height: 360px;
}
/*#primary-nav-wrapper { width: 100%; padding: 0 10px; margin-left: -10px; }*/
}
@media all and (min-width:768px) and (max-width:1142px) {
/* More AddThis.... */
.addthis_floating_style {
position: static !important;
top: auto !important;
margin: 0;
}
.addthis_floating_style.addthis_counter_style,
.addthis_floating_style.addthis_counter_style .addthis_internal_container {
width: auto;
}
.addthis_floating_style.addthis_counter_style .addthis_internal_container .at300b {
float: left;
width: auto;
}
.addthis_floating_style.addthis_counter_style .addthis_counter {
float: left;
}
.addthis_floating_style .spacer {
margin: 0;
}
}
/* Make the iOne header "sticky" for windows that are tall enough, and for browsers that support media queries. */
@media all and (min-height: 560px) {
}
@media all and (max-width: 1000px) {
object, embed { max-width: 100%; }
}
/* Prevent iOS, WinMobile from adjusting font size */
@media screen and (max-device-width: 480px) {
html {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
}
/**
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
*/
@media print {
* { color: #000 !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
.post-body a, .post-body a:visited { color: #000 !important; text-decoration: underline; }
.post-body a[href]:after { font-weight: normal; content: " (" attr(href) ")"; }
.post-body abbr[title]:after { font-weight: normal; content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/**
* AddThis Bar styles.
*
* Resize and position master container
*/
/* AddThis Bar - Wide and Tall*/
@media all and (min-width: 768px) and (min-height: 561px) {
#ione-header { position: fixed; }
.admin-bar #ione-header { top: 28px; }
#mastercontainer { padding-top: 0; }
.bp-hat #mastercontainer { padding-top: 25px; }
.addthis_bar_body .addthis_bar_container { top: 25px !important; }
.admin-bar.addthis_bar_body .addthis_bar_container { top: 53px !important; }
.admin-bar.addthis_bar_body #mastercontainer { margin-top: 0px !important; }
}
/* AddThis Bar - Wide and Short*/
@media all and (min-width: 768px) and (max-height: 560px) {
#ione-header { position: fixed; }
.admin-bar #ione-header { top: 28px; }
#mastercontainer { padding-top: 0; }
.bp-hat #mastercontainer { padding-top: 0px; margin-top: 25px; }
.addthis_bar_body .addthis_bar_container { top: 25px !important; }
.admin-bar.addthis_bar_body .addthis_bar_container { top: 53px !important; }
.admin-bar.addthis_bar_body #mastercontainer { margin-top: 25px !important; }
}
/* AddThis Bar - Narrow and Tall */
@media all and (max-width: 767px) and (min-height: 561px) {
#ione-header { position: fixed; }
.admin-bar #ione-header { top: 28px; }
#mastercontainer { padding-top: 0; }
.bp-hat #mastercontainer { padding-top: 0px; }
.addthis_bar_body .addthis_bar_container { top: 0px !important; }
.admin-bar.addthis_bar_body .addthis_bar_container { top: 28px !important; }
}
/* AddThis Bar - Narrow and Short */
@media all and (max-width: 767px) and (max-height: 560px) {
#ione-header { position: fixed; }
.admin-bar #ione-header { top: 28px; }
#mastercontainer { padding-top: 0; }
.bp-hat #mastercontainer { padding-top: 0px; }
.addthis_bar_body .addthis_bar_container { top: 0px !important; }
.admin-bar.addthis_bar_body .addthis_bar_container { top: 28px !important; }
}
#gdoc_iframe { overflow: hidden; }
/* Audience Channel */
.ac-container .audience-channel {
float:right;
}
#copyright .poweredby {
position: static;
display: block;
line-height: 30px;
}
/**
* Header
*/
#ione-header {
width: 100%;
}
#blackplanet {
margin: 0 auto;
width: 1000px;
}
#social #facebook-like {
max-height: 20px;
}
/**
* Alternate Header
*/
.alternate-header #sitelogo {
display: block;
float: left;
position: absolute;
left: 0;
bottom: 0;
}
.alternate-header #header-assets {
display: block;
}
.alternate-header.mobile #sitelogo {
position: static;
}
.alternate-header #search {
display: block;
position: absolute;
right: 0;
bottom: 0;
}
.alternate-header #sitelogo .largelogo {
margin-left: 0;
}
.alternate-header #social > div {
display: inline;
margin-right: 10px;
}
.alternate-header #social > div:last-child {
margin-right: 0;
}
.alternate-header #social {
display: block;
width: 100%;
text-align: right;
margin-top: -10px;
}
/**
* Master Container
*/
#mastercontainer {
margin: 0 auto;
width: 1000px;
}
/**
* Above Header Widget Area
*/
#above-header {
}
#above-header ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#above-header ul li.widgetcontainer {
margin: 0;
float: none;
}
#above-header ul li.widgetcontainer .ione-widget-dart-ad {
margin: 0;
padding: 0;
}
#above-header ul li.widgetcontainer small.ad-callout {
display: none;
}
/**
* Site Header
*/
#siteheader {
padding: 15px 10px;
position: relative;
}
#header-assets {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
min-height: 70px !important;
position: relative;
width: 100%;
}
.ie7 header.localnews #header-assets{
width: auto;
}
.ie7 #header-assets {
width: 970px;
}
#social,
.ie7 #social {
width: 17%;
}
.ie7 #sitelogo {
width: 66%;
}
#search,
.ie7 #search {
width: 17%;
}
/**
* Primary Navigation
*/
#primary-nav-wrapper,
#takeover-submenu-wrapper {
width: 100%;
}
/**
* Main Wrapper
*/
#mainwrapper {
position: relative;
}
#mainwrapper,
.custom-layout #mainwrapper.localnews {
padding: 10px 0;
}
.custom-layout #mainwrapper {
padding: 0;
}
/**
* Live Updates Sidebar
*/
#live-updates-bar {
margin: -10px 0 0;
padding-left: 15px;
position: relative;
}
.custom-layout #live-updates-bar {
margin-top: 0;
}
/**
* Primary
*/
#primary {
margin: 0 10px 0 15px;
position: relative;
width: 660px;
}
/**
* Single Post – Left Sidebar
*/
#single-sidebar-left {
float: left;
margin-right: 10px;
width: 220px;
}
#single-sidebar-left .widgetcontainer {
list-style: none;
}
/**
* =Featured image / video in post
*/
/* =Featured Thumb */
.featured-landscape {
text-align: center;
}
.featured-landscape .thumbnail {
float: none;
display: inline-block;
}
.post-content .featured,
.post-content .featured-inline {
margin-bottom: 1em;
}
.post-content .featured-inline {
float: left;
clear: right;
margin-right: 1em;
max-width: 430px;
}
/* Constrain media in post content with a left sidebar to 410px in width */
.with-left-sidebar .content-body .fluid-width-video-wrapper,
.with-left-sidebar .content-body .ooyala-video-wrapper,
.with-left-sidebar .content-body img {
float: left;
max-width: 430px;
}
.with-left-sidebar .content-body iframe,
.with-left-sidebar .content-body object,
.with-left-sidebar .content-body embed {
max-width: 430px;
}
.with-left-sidebar .gallery-container iframe,
.with-left-sidebar .gallery-container object,
.with-left-sidebar .gallery-container embed {
max-width: none;
}
/* Let featured thumbnails take on their own height, but constrain
* to their container. Center 'em */
.featured-thumb .thumbnail {
max-width: 100%;
margin: 0 auto;
width: auto;
height: auto;
}
/* Constrain inline featured images when there's a left sidebar */
.with-left-sidebar .featured-inline .thumbnail {
max-width: 420px;
}
/* Adjust image alignments in post content */
.with-left-sidebar .content-body img.aligncenter { clear: none; }
.with-left-sidebar .content-body img.alignright { margin-left: 0; float: none; }
.with-left-sidebar .content-body img.alignleft { margin-right: 0; float: none; }
.with-left-sidebar .featured { text-align: center; }
.with-left-sidebar .featured img { max-width: 100% !important; }
.with-left-sidebar .content-body .wp-caption img,
.with-left-sidebar .content-body .ione-image-credit img {
float: none;
max-width: none;
}
/* =Post content header */
/* =Fliqz Video Player */
.fliqz-video {
height: 100%;
width: 100%;
}
.fliqz-video object,
.fliqz-video embed {
height: 100%;
}
/**
* Loop
*/
.loop {
margin-bottom: 10px;
padding-bottom: 10px;
}
.loop.blocks {
width: 670px;
}
/**
* Disabled comment links
*/
.no-comment-links .comments-link { display: none; }
/* =Secondary
-------------------------------------------------------------- */
#secondary {
padding-bottom: 10px;
width: 300px;
position: relative;
}
/**
* Site Footer
*/
#sitefooter {
clear: both;
padding-bottom: 14px;
position: relative;
}
#sitefooter .feeds {
padding: 0 0 0 25px;
}
#toplinks {
position: relative;
}
/* =Overrides for Custom Layout. Body doesn't have padding, columns do.
-------------------------------------------------------------- */
.custom-layout .custom-layout-column {
/* Breaks gallery embeds
* overflow: hidden;*/
}
/* Custom Layout Three Columns */
.custom-layout .three-column .column-left {
float: left;
margin: 0 0 0 -670px;
padding: 0 0 0 15px;
width: 220px;
}
.custom-layout .three-column .column-middle {
float: left;
margin: 0 0 0 235px;
min-height: 1px;
padding: 0 0 0 15px;
width: 420px;
}
.custom-layout .three-column .column-right {
float: right;
padding: 0 15px 0 0;
width: 300px;
}
/* Custom Layout Two Columns */
.custom-layout .two-column .column-left {
float: left;
padding: 0 0 0 15px;
width: 655px;
}
.custom-layout .two-column .column-right {
float: right;
padding: 0 15px 0 0;
width: 300px;
}
/* Custom Layout One Column */
.custom-layout .one-column .column-middle {
padding: 0 15px;
}
/* Custom Layout Fixed Right Rail */
.custom-layout #custom-layout-left {
float: left;
min-height: 1px;
width: 685px;
}
.custom-layout #custom-layout-right-rail {
float: left;
width: 300px;
}
.custom-layout .widgetcontainer {
clear: both;
margin-bottom: 15px;
/* Breaks gallery embeds
* overflow: hidden;*/
}
.custom-layout #live-updates-bar .widgetcontainer,
#live-updates-bar .widgetcontainer {
margin-bottom: 5px;
}
.custom-layout .ione-widget-river .loop {
margin: 0;
padding: 0;
}
.custom-layout .three-column #dl {
margin: 0 0 10px 0;
}
.custom-layout .three-column .loop.blocks .post {
width: 190px;
margin: 0 20px 8px 0;
}
.custom-layout .three-column .loop.two .post {
margin: 0;
}
.custom-layout .three-column .loop.two .author a {
display: inline;
}
@media screen and (max-width: 1000px) {
#ad-below-title {
display: none;
}
}
/*
* =Fonts
* =Universal
* =Advertisements
* =IONE Header
* =Master Container
* =Site Header
* =Primary Nav
* =Super Nav
* =Mobile Nav
* =Post Images
** =Base Post Images
** =Fallbacks
** =Two Column Loop
** =Blocks Loop
** =Three Column Loop
** =Featured Images
* =Site Footer
* =Search
* =Images
* =Comments
* =Post Navigation
* =Messages
* =Author
* =Custom Social Icons
* =Related Items
* =Twitter Related
* =Tweet Box
**/
/* =Fonts */
@font-face {
font-family: 'FontAwesome';
src: url(/wp-content/themes/vip/ione2/css/../fonts/fontawesome-webfont.eot?v=4.3.0);
src: url(/wp-content/themes/vip/ione2/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(/wp-content/themes/vip/ione2/css/../fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(/wp-content/themes/vip/ione2/css/../fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(/wp-content/themes/vip/ione2/css/../fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(/wp-content/themes/vip/ione2/css/../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-chevron-circle-up:before {
content: "\f139";
}
/* =Universal */
/* Facebook thing was too wide on the mobile layouts */
#fb-root { width: 320px; } /* does this show on screen? */
/* WP Admin bar needs needs a higher z-index to stay above ads on scroll.
* DART does actually set the ads wmode but we still ned to adjust z-index
*/
#wpadminbar { z-index: 9999999; }
/* Breadcrumbs */
.breadcrumbs {
font-size: 0.9em;
padding: 10px 0 6px;
position: relative;
}
.breadcrumbs-inner {
position: relative;
}
.breadcrumbs .comment-count {
position: absolute;
top: 10px;
right: 0;
}
/* =Advertisements */
#ad-header,
#ad-header2,
#ad-footer {
clear: both;
display: block;
margin: 0 0 14px 0;
padding: 10px;
text-align: center;
}
/* No reason to mess with IE */
.oldie #ad-header,
.oldie #ad-footer {
margin: 0px 15px 14px 15px;
}
#ad-header embed,
#ad-header object {
display: block;
margin: 0 auto !important;
}
#ad-header img,
#ad-footer img {
margin: 0 auto !important;
}
/* DART Ads */
.ad_text { /* The empty placeholder */
color: #c0c0c0;
background-color: #e6e6e6;
}
.ad img,
.ad div,
.ad iframe,
.ione_dart_ad div,
.iframe-ad iframe,
.iframe-ad table {
display: block;
margin: 0 auto;
}
small.ad-callout {
position: absolute;
bottom: 0px;
right: 10px;
display: block;
line-height: 10px;
font-size: 9px;
font-family: Helvetica, Arial, sans-serif;
color: #777;
}
.ad_text { color: #c0c0c0; background-color: #e6e6e6; } /* The empty placeholder */
.ad img, .ad div, .ione_dart_ad div, .iframe-ad iframe, .iframe-ad table { display: block; margin: 0 auto; }
/* Category takeover microsite banner */
#microsite_banner_ad {
background-repeat: no-repeat;
clear: both;
color: #fff;
height: 96px;
line-height: 96px;
margin: 0 0 20px;
overflow: hidden;
position: relative;
text-indent: 688px;
vertical-align: middle;
width: 1000px;
}
#microsite_banner_ad .ad {
background-color: transparent;
height: 46px;
left: 786px;
position: absolute;
top: 25px;
width: 188px;
}
/* Category takeover posts sort by */
#takeover-posts-sort-by {
clear: both;
font-size: 14px;
margin: 0 0 10px;
text-align: center;
}
#takeover-posts-sort-by a:hover {
text-decoration: underline;
}
#loop.two #takeover-posts-sort-by,
.custom-layout-row .column-left #loop.two #takeover-posts-sort-by,
#custom-layout-left .column-left #loop.two #takeover-posts-sort-by {
width: 655px;
}
#loop.blocks #takeover-posts-sort-by,
.custom-layout-row .column-left #loop.blocks #takeover-posts-sort-by,
#custom-layout-left .column-left #loop.blocks #takeover-posts-sort-by {
width: 650px;
}
.custom-layout-row .column-middle #loop.two #takeover-posts-sort-by,
#custom-layout-left .column-middle #loop.two #takeover-posts-sort-by {
width: 420px;
}
.custom-layout-row .column-middle #loop.blocks #takeover-posts-sort-by,
#custom-layout-left .column-middle #loop.blocks #takeover-posts-sort-by {
width: 415px;
}
/* =IONE Header ( Blackhat - BlackPlanet ) */
.admin-bar #ione-header {
top: 32px;
}
#ione-header {
color: #999;
background: #000;
position: fixed;
top: 0;
left: 0;
z-index: 9999999; /* a very high z-index because of DART ads */
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}
#ione-header strong {
display: none;
text-align: left;
}
#blackplanet ul {
position: relative;
}
#blackplanet li {
float: left;
position: relative;
border-right: 1px solid #444;
}
#blackplanet li a {
display: block;
padding: 4px 8px 2px;
font-size: 93%;
text-decoration: none !important;
}
#blackplanet li a, #blackplanet li:hover li a, #blackplanet li:focus li a {
color: rgba(255,255,255,0.5);
background: transparent;
}
.oldie #blackplanet li a,
.oldie #blackplanet li:hover li a,
.oldie #blackplanet li:focus li a {
color: #999;
}
#blackplanet .more:after {
content: " \25BE";
}
#blackplanet li:hover a, #blackplanet li:focus a {
text-decoration: none !important;
}
#blackplanet li:hover a, #blackplanet li:focus a,
#blackplanet li:hover li a:hover, #blackplanet li:focus li a:hover,
#blackplanet li:hover li a:focus, #blackplanet li:focus li a:focus {
background-color: #444;
}
#blackplanet li.selected a {
background-color: #000;
cursor: default;
}
#blackplanet #bp-logo {
padding: 8px 8px 5px;
}
#blackplanet .more-properties ul {
position: absolute;
background: #333;
background: rgba(0,0,0,0.9);
top: 1.95em;
left: -9999em;
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}
#blackplanet .more-properties:hover ul {
left: 0px;
z-index: 9999;
}
#blackplanet .more-properties ul li {
float: none;
white-space: nowrap;
border: none;
}
#blackplanet .navright {
position: absolute;
right: 0;
}
#blackplanet .link-subscribe {
display: none;
}
#blackplanet .navright ul li:last-child {
border-right: none;
}
#siteheader.localnews {
margin: 0;
padding: 0;
}
#top-row.localnews-header-row {
background-color: #f0f0f0;
border-bottom: #dddddd;
-moz-box-shadow: 0 2px 2px 1px #ccc;
-webkit-box-shadow: 0 2px 2px 1px #ccc;
box-shadow: 0 2px 2px 1px #ccc;
padding: 0.5em 10px 0.2em;
font-size: 0.9em;
min-height: 26px;
}
.localnews-header-row {
padding: 5px 10px;
}
header.localnews .updated {
margin: 0 1em 0 0;
}
header.localnews .updated,
header.localnews #sitelogo,
header.localnews #search,
header.localnews .weather-container,
header.localnews .header-weather .temp,
header.localnews .header-weather .city,
header.localnews .traffic > a,
a.traffic-link {
float: left;
}
header.localnews .weather-container > img {
max-width: 48px;
height: auto;
}
.ie7 header.localnews .weather-container {
font-size: 90%;
}
.ie7 header.localnews .weather-container > img {
width: 50px;
}
.ie7 .header-weather.border-right{
position: absolute;
}
.make-homepage{
margin: 0 2em;
}
header.localnews #social {
width: auto;
}
header.localnews #social > div {
display: inline;
margin: 0 0.5em 0 0;
}
header.localnews #social,
header.localnews .localnews-weather-traffic,
header.localnews .header-weather,
header.localnews .header-weather .high-low,
header.localnews .traffic-container,
header.localnews .traffic > span {
float: right;
}
header.localnews #search #s {
border: 5px solid #e7e7e8;
width: 200px;
}
header.localnews #search #submit {
background-color: #009af8;
border: 5px solid #e7e7e8;
border-left: none;
height: 34px;
width: 32px;
}
header.localnews #search #submit:hover,
header.localnews .traffic > a:hover span.bg {
background-color: #ff0100;
}
header.localnews #sitelogo,
header.localnews #search,
header.localnews .localnews-weather-traffic {
padding: 1em 0;
width: 28%;
}
header.localnews .localnews-weather-traffic {
width: 35%;
}
header.localnews #search {
margin: 1% 4%;
}
header.localnews .weather-container,
header.localnews .traffic-container {
width: 49%;
}
header.localnews .header-weather {
font-size: 34px;
font-weight: 600;
color: #999999;
padding-right: 10px;
}
.ie7 header.localnews .weather-container {
font-size: 90%;
}
.ie7 header.localnews .weather-container > img {
width: 50px;
}
.ie7 header.localnews .header-weather {
width: 90px;
}
header.localnews .header-weather .city {
clear: both;
font-size: 12px;
text-transform: uppercase;
}
header.localnews .header-weather .high-low {
font-size: 12px;
list-style: none
}
header.localnews .header-weather .high {
border-bottom: 1px #999 solid;
}
header.localnews .header-weather.border-right {
border-right: 2px solid #999999;
}
header.localnews .traffic > a {
background-color: #ababab;
height: 20px;
width: 100px;
margin: 5px;
}
header.localnews .traffic > a span.road-title {
color: #FFFFFF;
display: block;
font-weight: 300;
padding: 5px;
position: relative;
text-transform: uppercase;
top: -25px;
z-index: 1;
}
header.localnews .traffic > a span.bg {
background-color: #009bff;
display: block;
height: 20px;
}
header.localnews .traffic > span {
color: #999;
font-size: 12px;
line-height: 18px;
padding: 5px;
}
a.traffic-link,
a.header-weather-link {
clear:both;
font-weight: 600;
margin: 10px;
}
a.header-weather-link{
display: block;
clear: both;
margin-top: 3px;
float: left;
}
.traffic-container .traffic {
overflow: hidden;
}
/* =Site Header */
#social {
display: table-cell;
vertical-align: middle;
}
.ie7 #social {
float: left;
}
#sitelogo {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.ie7 #sitelogo {
float: left;
}
#sitelogo .largelogo {
margin-left: -20px;
}
#sitelogo a#logo {
display: inline-block;
text-indent: -9999em;
}
.ie7 #sitelogo a#logo {
display: block;
}
#sitelogo p {
text-align: center;
}
#search {
display: table-cell;
vertical-align: middle;
}
.ie7 #search {
float: right;
}
/* =Primary Nav */
nav#access {
position: relative;
z-index: 100;
}
.assistive-text,
.skip-link {
position: absolute !important;
left: -9999em !important;
}
#primary-nav-wrapper,
#takeover-submenu-wrapper {
text-align: center;
line-height: 1;
position: relative;
}
.menu-primary-menu-container,
.takeover-submenu-container {
clear: both;
line-height: 1;
}
#primary-nav-wrapper .menu,
#takeover-submenu-wrapper .menu {
display: table;
margin: 0 auto;
width: 100%;
}
#primary-nav-wrapper .menu,
#takeover-submenu-wrapper .menu,
#primary-nav-wrapper li,
#takeover-submenu-wrapper li {
border-style: solid;
border-top: none;
border-bottom: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#primary-nav-wrapper .menu,
#takeover-submenu-wrapper .menu {
font-size: 0px;
}
#primary-nav-wrapper li,
#takeover-submenu-wrapper li {
position: relative;
font-size: 13px;
display: inline-block;
}
.ie7 #primary-nav-wrapper,
.ie7 #takeover-submenu-wrapper,
.ie7 #primary-nav-wrapper li,
.ie7 #takeover-submenu-wrapper li {
display: inline;
}
#primary-nav-wrapper li a {
display: block;
font-size: 132%;
line-height: 1.3;
padding: 7px 13px 5px;
background: transparent;
}
#takeover-submenu-wrapper li a {
display: block;
font-size: 100%;
line-height: 1.3;
padding: 7px 13px 5px;
background: transparent;
}
.ie7 #primary-nav-wrapper li a,
.ie7 #takeover-submenu-wrapper li a {
padding: 7px 12px 5px;
}
#primary-nav-wrapper li.has-children > a,
#takeover-submenu-wrapper li.has-children > a {
padding: 7px 24px 5px 16px;
}
#primary-nav-wrapper li .sub-menu,
#takeover-submenu-wrapper li .sub-menu {
position: absolute;
left: -9999em;
z-index: 9997;
margin-left: 0px;
min-width: 100%;
width: 250px;
opacity: 0;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
#primary-nav-wrapper li:hover .sub-menu,
#takeover-submenu-wrapper li:hover .sub-menu {
left: 0;
opacity: 1;
width: 300px;
}
#primary-nav-wrapper li:last-child:hover .sub-menu,
#takeover-submenu-wrapper li:last-child:hover .sub-menu {
left: auto;
right: 0;
}
#primary-nav-wrapper li:hover .sub-menu .sub-menu,
#takeover-submenu-wrapper li:hover .sub-menu .sub-menu {
left: -9999em;
opacity: 0;
}
#primary-nav-wrapper li .sub-menu li:hover .sub-menu,
#takeover-submenu-wrapper li .sub-menu li:hover .sub-menu {
left: 250px;
top: 0;
opacity: 1;
}
#primary-nav-wrapper li:last-child .sub-menu li .sub-menu,
#takeover-submenu-wrapper li:last-child .sub-menu li.sub-menu {
left: -250px;
}
#primary-nav-wrapper li .sub-menu li,
#takeover-submenu-wrapper li .sub-menu li {
width: 100%;
display: block;
}
#primary-nav-wrapper li .sub-menu li a,
#takeover-submenu-wrapper li .sub-menu li a {
font-size: 100%;
text-align: left;
padding: .4em .6em .3em .6em;
}
#primary-navigation .traffic-ticker {
background-color: #da2d0c;
border-radius: 10px;
bottom: 20px;
color: #FFFFFF;
font-size: 12px;
font-weight: 600;
padding: 4%;
position: absolute;
right: 0;
}
#primary-navigation li.listen-live {
background-color: #da2d0c;
display: block;
float: right;
min-width:180px;
}
#primary-navigation li.listen-live:hover {
background-color: #009bff;
}
.ie7 #primary-navigation li.listen-live {
position: absolute;
right: 0;
}
#primary-navigation li.listen-live img.avatar {
float: left;
padding: 3px 5px 0;
width: 30px;
}
#primary-navigation li.listen-live a {
background-image: url(/wp-content/themes/vip/ione2/css/../images/listenlive-icon.png);
background-position: 150px 10px;
background-repeat: no-repeat;
display: block;
padding-right: 40px;
}
.ie7 #primary-navigation li.listen-live a {
background-position: 150px 10px;
width: 130px;
}
/* =Super Nav */
#primary-nav-wrapper.supernav {
position: relative;
}
/* change the origin of the absolute positioning on the sub-menu */
#primary-nav-wrapper.supernav li.highcount {
position: static;
}
#primary-nav-wrapper.supernav li.medcount {
position: static;
}
#primary-nav-wrapper.supernav li.lowcount {
position: relative;
}
#primary-nav-wrapper.supernav li .sub-menu,
#primary-nav-wrapper.supernav li .sub-menu li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Javascript generated classes added to the parent LI */
#primary-nav-wrapper.supernav li.highcount .sub-menu {
width: 100%;
padding: 0 10px;
}
#primary-nav-wrapper.supernav li.highcount .sub-menu li {
/* 6 cols in a full width container */
width: 15.6666667%;
float: left;
margin-right: 1%;
}
#primary-nav-wrapper.supernav li.highcount .sub-menu li a {
padding: .4em .6em .3em .6em;
}
#primary-nav-wrapper.supernav li.medcount .sub-menu {
min-width: 80%; /* 80% leaves 20% left over, which we split for the left position below */
max-width: 80%;
}
#primary-nav-wrapper.supernav li.medcount:hover .sub-menu {
left: 10%;
}
#primary-nav-wrapper.supernav li.medcount .sub-menu li {
/* 4 cols in a 80% wide container */
width: 24%;
float: left;
margin-right: 1%;
}
#primary-nav-wrapper.supernav li.medcount .sub-menu li a {
padding: .5em .5em .4em .5em;
}
#primary-nav-wrapper.supernav li.lowcount .sub-menu {
width: auto;
padding: 0;
}
#primary-nav-wrapper.supernav li.lowcount .sub-menu li a {
padding: .5em .5em .4em .5em;
}
/* =Mobile Nav */
#mobilemenu {
padding: 0 10px;
}
.legacy-mobile-nav #primary-navigation.mobile,
#takeover-submenu.mobile,
.legacy-mobile-nav #primary-navigation.mobile li,
#takeover-submenu.mobile li {
border: none;
background-image: none;
background-color: transparent;
}
.legacy-mobile-nav #primary-navigation.mobile li,
#takeover-submenu.mobile li {
float: left;
border: none !important;
background-image: none !important;
background-color: transparent !important;
}
.legacy-mobile-nav #primary-navigation.mobile li a,
#takeover-submenu.mobile li a {
margin: 0 auto;
overflow: hidden;
}
.legacy-mobile-nav #primary-navigation.mobile li a.showsubmenu,
#takeover-submenu.mobile li a.showsubmenu {
display: block;
line-height: 1;
padding: 0;
}
.legacy-mobile-nav #primary-navigation.mobile li a span,
#takeover-submenu.mobile li a span {
display: block;
width: 42px;
height: 42px;
background: 0 0 no-repeat url(/wp-content/themes/vip/ione2/css/../images/mobile-menu-icons.png) transparent;
text-indent: -9999em;
}
#mobilemenu a#mobmenu-home span {
background-position: 0px 0px;
}
#mobilemenu a#mobmenu-topics span {
background-position: -84px 0px;
}
#mobilemenu a#mobmenu-popular span {
background-position: -42px 0px;
}
#mobilemenu a#mobmenu-search span {
background-position: -126px 0px;
}
#mobilemenu a#mobmenu-more span {
background-position: -168px 0px;
}
.mobile-subnav {
padding: 0;
font-size: 117%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.legacy-mobile-nav .mobile-subnav {
padding: 5px 10px;
}
#mobile-primary-navigation {
border-top: 1px solid rgba(0,0,0,0.2);
padding-top: 5px;
}
/* The WP menu designated for the mobile spot */
.oldie #mobile-primary-navigation { border-top: 1px solid #ddd; }
#mobile-primary-navigation li { line-height: 1.2; } #mobile-primary-navigation
li a { display: block; padding: 3px 0; font-weight: bold; }
#mobile-primary-navigation li .sub-menu { padding-left: 120px; margin-top:
-18px !important; margin-bottom: 5px !important; } #mobile-primary-navigation
li .sub-menu li a { font-weight: normal; } #mobile-primary-navigation li
.sub-menu li a:before { content: "\2013\0020"; }
/* =Post Images
*
* Thumbnail container sizes are fixed at 5:3 throughout the theme, and the
* images contained are scaled according to their container with either width:
* 100%/height: auto, or vice-versa, depending on their natural aspect ratio.
*
* ".thumbnail" is the only selector that should ever be targeted to resize
* images, and (most) images MUST be 5:3 in the river, except for when the
* "show portrait thumbnails" option is enabled, and a few other key positions
* ("other galleries" under playlists)
*/
/* Basic thumbnail is simply 315x189, and is scaled by further rules.
* This should be the only selector targeted for resizing thumbnail images
* in various targets.
* */
/* =Base Post Images */
.thumbnail {
display: block;
position: relative;
width: 315px;
height: 189px;
}
.image-widget-image-thumbnail.thumbnail {
width: 100%; height: auto;
}
/* Use dimensions of container */
.thumbnail a {
display: block;
width: 100%;
height: 100%;
background: #333;
}
.thumbnail .image-container {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.thumbnail .image-container span {
display: block;
width: 100%;
height: 100%;
}
.thumbnail img {
position: relative;
width: 100%;
height: 100%;
}
.flex-post-image-container img,
.image-widget-image-thumbnail img,
.image-widget-image-container { width: 100%; height: auto; }
/* Landscape vs. portrait orientation is computed as relative to container size, not square. */
.thumbnail.stretch-landscape img {
width: 100%;
height: auto;
}
.thumbnail.stretch-portrait img {
height: 100%;
width: auto;
}
.thumbnail .border { display: none; }
/*
* Show fancy thumbnail border in loop only.
*/
.loop .thumbnail .border {
display: block;
position: absolute;
top: 0;
left: 0;
border-width: 4px;
border-style: solid;
z-index: 1;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*
* Don't bother with IE7. It's too dumb to do this right
*/
.ie7 .loop .thumbnail .border {
display: none;
}
/* =Fallbacks for legacy images that want to be displayed
* in portrait format */
.ione-fallback {
width: auto;
max-height: none;
}
.ione-fallback a {
min-height: 0;
}
.ie7 .ione-fallback a span {
width: 307px !important;
height: 181px !important;
}
/* =Two-Column Loop */
.loop.two .thumbnail {
float: left;
margin-right: 15px;
}
.loop-post-content {
z-index: 90;
}
.loop.two .loop-post-content {
width: 325px;
float: left;
}
.ione-widget-river .loop.two .thumbnail,
.ione-widget-river .loop.two .loop-post-content {
margin-bottom: 8px;
}
.ione-widget-river .loop.two .loop-post-content {
width: 200px;
}
/* =Blocks Loop layout */
.loop.blocks .post {
float: left;
width: 315px;
margin: 0 20px 8px 0;
}
.loop.blocks .thumbnail {
float: none;
margin-right: 0;
}
.loop.blocks .advertorial {
margin: 15px 0;
}
/* Clearing elements */
.loop .clear-odd,
.loop .clear-third {
display: block;
clear: left;
}
.loop .clear-third {
display: none;
}
/* =Three Column Loop */
.loop.three-col .post {
width: 205px;
float: left;
margin-right: 12px;
margin-bottom: 15px;
}
.loop.three-col .thumbnail {
max-width: 100%;
height: 123px;
}
@media screen and (min-width: 1001px) {
.loop.three-col .clear-odd {
display: none;
}
.loop.three-col .clear-third {
display: block;
}
}
@media screen and (max-width: 1000px) {
.loop.three-col .post {
width: 192px;
margin-right: 7px;
}
.loop.three-col .thumbnail {
height: 115px;
}
}
@media screen and (max-width: 768px) {
.loop.three-col .post {
width: 205px;
margin-right: 18px;
}
.loop.three-col .thumbnail {
height: 123px;
}
.custom-layout .ione-widget-river .loop.three-col {
padding-top: 15px;
}
}
@media screen and (max-width: 480px) {
.loop.three-col .post {
margin-left: auto;
margin-right: auto;
float: none;
}
}
/*
* Width and height for below rule are set in css/flavor-css.php since they all
* depend on the image size being output
*/
.loop.blocks .thumbnail a .border {
border-width: 4px;
border-style: solid;
}
.loop.blocks .thumbnail.ione-fallback img {
margin: 0 auto;
}
/* =Dynamic Lead
*
* Base styles. Represents single + hero layout. Overrides
* for two-column and custom-layout DLs follow
*/
#dl {
padding: 10px;
margin: 0 10px 15px 0;
position: relative;
width: auto;
}
.one-column #dl,
#primary > #dl {
margin-right: 0;
}
.widgetcontainer #dl {
margin: 0;
}
.ione-widget-dynamic_lead {
max-width: 630px;
}
#dl ul {
background-color: #fff;
position: relative;
}
#dl .entry-title {
font-size: 182%;
line-height: 1.2;
padding: 6px 0;
}
#dl .dlimage {
float: none;
overflow: hidden;
position: relative;
height: 378px;
}
#dl .dlimage img {
position: relative;
}
#dl .read-more-link {
left: 10px;
padding: 0;
position: absolute;
margin-top: -8px;
}
.loop.blocks .read-more-link {
text-align: left;
}
.loop.blocks .the-excerpt,
.loop.blocks .venue-info {
padding-top: 10px;
}
#dl .read-more-link,
#dl #dl-control-wrapper { top: 350px; }
#dl .dllist-item {
float: none;
overflow: hidden;
padding: 10px;
}
#dl .excerpt {
color: #666;
line-height: 1.3;
}
#dl .dl-thumbnails {
height: 39px;
margin-top: 10px;
overflow: hidden;
}
#dl .dl-thumbnail {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #fff;
box-sizing: border-box;
float: left;
margin-right: 10px;
overflow: hidden;
width: 37px;
}
#dl .dl-last-thumbnail {
margin-right: 0;
}
#dl #dl-control-wrapper {
clear: both;
padding: 4px 0 7px;
position: absolute;
right: 20px;
z-index: 100;
margin-top: -2px;
}
#dl #dl-control-wrapper a {
display: inline-block;
vertical-align: middle;
}
#dl #dl-control-wrapper .prev,
#dl #dl-control-wrapper .next {
border-style: solid;
border-width: 6px 12px;
font-size: 0;
height: 0;
line-height: 0;
width: 0;
}
#dl #dl-control-wrapper #controls a {
height: 12px;
margin-right: 6px;
position: relative;
width: 12px;
}
#dl #dl-control-wrapper #controls a span {
position: absolute;
}
#dl #dl-control-wrapper #controls a .container {
bottom: 25px;
display: none;
right: 0;
white-space: normal;
width: 1000px;
}
#dl #dl-control-wrapper #controls a:hover .container {
display: block;
}
#dl #dl-control-wrapper #controls a .container .bubble {
bottom: 10px;
max-width: 250px;
padding: 4px;
right: -10px;
z-index: 2;
}
#dl #dl-control-wrapper #controls a .container .arrow {
border-bottom: 12px solid transparent;
border-right: 12px solid #fff;
bottom: 0;
height: 0;
right: 5px;
width: 0;
z-index: 1;
}
#dl #dl-control-wrapper #controls .controls-index {
display: inline-block;
padding-right: 6px;
}
/**
* Stretch images within .dlimage depending on whether they are portrait or landscape
*/
#dl .dlimage img.dl-portrait { width: 100%; height: auto; }
#dl .dlimage img.dl-landscape { height: 100%; width: auto; }
/**
* Two-Column DL layout overrides
*/
#dl.two .dlimage { float: right; height: 252px; width: 420px; }
#dl.two .dllist-item { float: left; width: 165px; padding-top: 0; }
#dl.two .read-more-link,
#dl.two #dl-control-wrapper { top: 225px; }
/* Single post overrides. Essentially the same as the block layout, but the title is above */
#dl.single .entry-title { padding: 6px 10px; }
/**
* DL with thumbnails
*/
#dl.with-thumbnails { position: relative; padding-bottom: 60px; }
#dl.with-thumbnails .dl-thumbnails { position: absolute; bottom: 10px; left: 10px; }
/* Including This Just in */
#dl.with-news-feed {
float: left;
margin: 0;
padding: 0;
width: 72%;
}
#dl.with-news-feed .dlimage {
height: 276px;
}
#dl.with-news-feed ul {
box-shadow: none;
}
#dl.with-news-feed .read-more-link,
#dl.with-news-feed #dl-control-wrapper {
margin-top: 0;
top: 242px;
}
.ellipse-it {
max-height: 3em;
}
.ione-widget-dynamic_lead:after {
clear: both;
}
.ione-widget-dynamic_lead:before,
.ione-widget-dynamic_lead:after {
content: " ";
display: block;
height: 0;
overflow: hidden;
}
.ione-widget-dynamic_lead {
border: 10px solid #f0f0f0;
}
#this-just-in.news-feed {
border-left: 10px solid #f0f0f0;
float: right;
width: 26.4%;
}
#this-just-in:after {
clear:both;
content: " ";
display: block;
height: 0;
overflow: hidden;
}
#this-just-in ul {
list-style: none;
margin: 0;
padding: 0;
}
#this-just-in li {
border-bottom: 1px solid #ebebeb;
padding: 0.5em;
line-height: 1em;
min-height: 50px;
}
#this-just-in .dateline {
width: 100%;
display: block;
overflow: hidden;
}
#this-just-in .date,
#this-just-in .updated {
float: left;
font-size: 0.7em;
font-weight: 600;
margin: 5px 5px 5px 0;
}
#this-just-in .date {
color: #a7a7a7;
}
#this-just-in .updated {
background: transparent url(/wp-content/themes/vip/ione2/css/../images/updated-icon.png) no-repeat 0 0;
color: #da2d0c;
display: block;
height: 10px;
padding-left: 15px;
text-transform: uppercase;
}
#this-just-in li a {
clear: both;
color: #000;
margin: 0.1em 0;
}
#this-just-in h3 {
border-bottom: 10px solid #F0F0F0;
font-size:144%;
padding:5px;
text-align: center;
text-transform:uppercase;
}
/**
* "Squeezed" DL within a narrow custom layout column
*/
.custom-layout .three-column #dl {
background-color: transparent;
padding: 0;
margin: 0;
}
.custom-layout .three-column #dl ul {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.custom-layout .three-column #dl.with-thumbnails ul { padding-bottom: 60px; }
.custom-layout .column-middle #dl li,
.custom-layout .column-middle #dl { height: auto; }
.custom-layout .column-middle #dl .dlimage { float: none; height: 236px; width: 100%; }
.custom-layout .column-middle #dl .dllist-item { float: none; width: auto; max-height: none; }
.custom-layout .column-middle #dl .read-more-link { left: 10px; margin-top: 0; }
.custom-layout .column-middle #dl .read-more-link,
.custom-layout .column-middle #dl #dl-control-wrapper { top: 215px; }
.custom-layout .column-middle #dl.with-thumbnails .dl-thumbnails { left: 10px; }
/* =Loop * Two Coulmn Standard * Two Coulmn Blocks */
.loop embed,
.loop object,
.loop iframe {
max-width: 100%;
}
.loop-twocolumn .loop {
float: right;
width: 480px;
margin-right: 20px;
}
.loop-twocolumn .loop .loop-ad {
margin: 0 auto;
}
.loop.two .post,
.loop.two .loop-ad {
margin-top: 8px;
padding-top: 8px;
}
.loop .ad {
margin-right: 20px;
}
.loop.blocks .ad {
clear: left;
}
.loop .post {
margin: 0;
}
.loop-twocolumn .post {
margin-right: 0;
}
.loop .category-title {
position: relative;
margin-bottom: 5px;
}
.loop .category-title a { display: block; }
.loop .category-title a.category-link,
.event-date {
display: inline-block;
font-size: 100%;
font-style: normal;
padding: 4px 6px 3px;
white-space: nowrap;
}
.event-date {
font-size: 100%;
}
.post-event .event-date,
.post-event .entry-title {
margin-bottom: 1em;
}
.loop .category-title .comments-link {
position: absolute;
top: 0;
right: 0;
}
.loop.blocks .category-title .comments-link {
top: 3px;
right: 4px;
}
.tax-oomph_event_type .loop .category-title .comments-link {
display: none;
}
.loop .entry-title {
font-size: 138.5%;
}
.loop.calendar .entry-title {
font-size: 138.5%;
}
.loop .entry-content {
padding-top: 5px;
position: relative;
}
.loop .author,
.loop .post-meta {
font-size: 93%;
}
.loop a.read-more {
font-weight: bold;
}
.loop.blocks .loop-ad {
margin: 0 10px 8px 0;
padding: 8px 0;
}
.loop.blocks .loop-ad img {
margin: 0;
}
.loop .post-meta .the-time,
.loop .post-meta .comment-count,
.loop .post-meta .by-author {
float: left;
line-height: 1;
margin: 0px 8px 0px 0px;
padding-right: 8px;
}
/* =Custom Layout Overrides for Loop
*/
.custom-layout .three-column .column-middle .loop.blocks .type-post {
width: 205px;
float: left;
margin: 0 5px 15px 0;
}
.custom-layout .three-column .column-middle .loop.blocks .thumbnail {
max-width: 205px; max-height: 123px;
}
.custom-layout .three-column .column-middle .loop.two .thumbnail {
max-width: 205px; max-height: 123px; float: left;
}
.custom-layout .three-column .column-middle .loop.blocks .thumbnail a { height: 123px; }
.custom-layout .three-column .column-middle .loop .read-more-link { float: right; }
.custom-layout .three-column .column-middle .loop .edit-link { float: left; }
/* =Secondary */
#secondary .widgetcontainer {
padding: 10px;
}
#secondary .widgettitle,
#secondary #author-description table th {
margin: 0 0 .80em 0;
padding: 5px 10px;
}
#secondary .widgetcontainer ul {
list-style: none;
margin: 0;
padding: 0;
}
#secondary .widgetcontainer ul li {
margin: 0 0 1em 0;
}
#secondary .widgetcontainer ul li ul {
margin: 0 0 0 20px;
list-style: square;
padding: 0;
}
/** =Site Footer */
footer {
clear: both;
}
#footer-around-the-web,
#footer-top-stories,
#footer-about-us {
margin: 0 0 1em 0;
padding: 0;
}
#sitefooter .footer-widgetregion.custom-menu.supernav {
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .widgetcontainer.widget_nav_menu {
margin: 0;
overflow: hidden;
padding: 0;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .widgettitle {
border: none;
margin: 0 20px 20px;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .widgetcontainer.widget_nav_menu > div {
margin: 0 40px;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .widgetcontainer.widget_nav_menu > div > ul {
margin: 0;
overflow: hidden;
padding: 0;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .menu-item {
clear: both;
display: block;
margin: 0 0 20px;
overflow: hidden;
padding: 0;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .menu-item a {
font-size: 13px;
font-weight: bold;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .widgetcontainer.widget_nav_menu > div > ul > li > a {
color: #444;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .menu-item .sub-menu {
margin: 10px 0 0;
overflow: hidden;
padding: 0;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .menu-item .sub-menu .menu-item {
clear: none;
display: block;
float: left;
margin: 0 5px 10px 0;
overflow: hidden;
padding: 0;
width: 179px;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .menu-item .sub-menu .menu-item a {
font-size: 12px;
font-weight: normal;
}
#sitefooter .widgetcontainer {
display: inline-block;
vertical-align: top;
margin: 10px 25px 10px 0;
padding: 0;
width: 170px;
clear: none;
word-wrap: break-word;
/** IE7 display: inline-block fix.
* See: http://uncorkedstudios.com/2011/12/12/how-to-fix-the-ie7-and-inline-block-css-bug/ */
zoom: 1;
*display: inline;
}
#sitefooter h3.widgettitle {
margin: 0 0 1em 0;
}
#sitefooter h3.widgettitle span {
margin: 0 0 0 10px;
min-width: 200px;
padding: 0 10px;
}
#sitefooter h5.widgettitle {
margin: 0 0 1em 0;
}
#sitefooter .widgetcontainer li {
display: inline-block;
margin: 0 20px 1em 0;
}
/* =Site Footer * Copyright */
#copyright {
font-size: 84.5%;
letter-spacing: 0.0625em;
padding: 15px 15px 25px;
}
#copyright .menu {
margin-bottom: 5px;
}
#copyright .menu ul {
margin: 0;
}
#copyright .menu li {
display: inline-block;
padding: 0 1em 0 0;
}
.ie7 #copyright .menu .page_item {
display: inline;
}
#copyright .menu .page_item a {
display: block;
}
#copyright .copyright-wrap {
float: left;
font-size: 84.5%;
}
#goTop {
padding: 5px;
position: fixed;
top: -100px;
right: 20px;
z-index: 99999;
font-size: 4em;
}
#goTop:hover {
opacity: 1 !important;
display: inline-block !important;
}
/* =Search */
#search #s {
border: 1px solid #000;
color: #aaa;
float: left;
height: 24px;
line-height: 24px;
padding: 0 6px;
width: 114px;
}
#search #submit {
-moz-border-radius: 0;
-webkit-border-radius: 0;
background-image: url(/wp-content/themes/vip/ione2/css/../images/search-icon-light.png);
background-repeat: no-repeat;
background-size: 14px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/vip/ione2/css/images/logo.gif', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/vip/ione2/css/images/logo.gif', sizingMethod='scale')";
background-position: center;
border-bottom: 1px solid #000;
border-radius: 0;
border-right: 1px solid #000;
border-top: 1px solid #000;
float: left;
height: 26px;
padding: 0 6px;
text-indent: -2000px;
width: 30px;
}
.ie7 #search #submit{
font-size: 0px;
line-height: 0px;
}
#search p {
clear: both;
font-size: 85%;
}
#search #submit input[type="submit"] {
filter: none;
}
/* =Search Results */
.search-results .loop .post {
margin-bottom: 2.5em;
}
.search-results .loop .thumbnail {
max-width: 64px;
max-height: 64px;;
float: left;
}
.search-results .loop .post .loop-post-content {
margin-left: 80px;
}
.search-results .loop .post .loop-post-content .post-meta {
float: left;
font-size: 100%;
}
.search-results .loop .post .loop-post-content .sep {
float: left;
margin: 0px 6px;
}
.search-results .loop .post .loop-post-content .the-permalink {
font-size: 93%;
}
.search-results .loop .advertorial {
margin-bottom: 2.5em;
}
#cse-search-results {
width: 100%;
}
/* =Images */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.entry-content img, .comment-content img,
.widget img {
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.post-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.5em;
}
p img,
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
background: #f2f2f2;
border: 1px solid #dfdfdf;
margin-bottom: 1.5em;
max-width: 100%;
padding: 1em .75em .75em;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.wp-caption .wp-caption-text {
color: #666;
font-size: 93%;
font-style: italic;
text-align: center;
}
.wp-caption .wp-caption-text {
padding: .75em .75em .5em;
position: relative;
}
/* Image caption modern style */
.ione-caption-modern {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
.ione-caption-modern .wp-caption-text {
font-size: 11px;
font-style: normal;
text-align: left;
}
/* iOne Image Credit */
.post-content .ione-image-credit-with-caption {
margin: -1.2em 0 1.5em;
max-width: 100%;
padding: 0 .75em;
}
.post-content .ione-caption-modern+.ione-image-credit-with-caption {
margin-top: 0;
}
.post-content .ione-image-credit-text {
color: #666;
font-size: 10px;
max-width: 97.5%;
text-align: right;
}
.post-content .ione-image-credit-with-caption .ione-image-credit-text {
max-width: 100%;
padding: 0;
}
.post-content .ione-caption-modern+.ione-image-credit-with-caption .ione-image-credit-text {
padding: 0 5px;
}
/* ! - - - Smart images for stupid posts - - - - */
.image-container {
overflow: hidden;
position: relative;
z-index: 0;
}
/* =Comments */
.comment-count {
float: right;
position: relative;
z-index: 1;
}
#article a.comment-counter {
padding: 0 !important;
color: #000;
cursor: default;
}
#respond {
clear: both;
margin-bottom: 10px;
}
#respond.ione-facebook-comments span {
display: inline-block;
}
#respond #comments-wrapper h3 {
font-size: 28px;
line-height: 28px;
text-transform: uppercase;
}
.comments-link a,
.comment-count a {
position: relative;
display: inline-block;
font-style: normal;
font-size: 100%;
font-weight: normal;
padding: 2px 6px 0px;
overflow: visible;
min-height: 20px;
min-width: 8px;
}
.ie7 .comments-link a,
.comment-count a {
min-height: 22px;
}
.ie8 .comments-link a,
.comment-count a {
min-height: 21px;
}
.comments-link span,
.comment-count span.point {
position: absolute;
top: 1.75em;
left: .4em;
display: none;
width: 0px;
height: 0px;
border-bottom: 0.75em solid transparent;
overflow: hidden;
}
.comment-count span.point {
left: auto;
right: .4em;
}
.loop.blocks .comments-link span,
.single .comment-count span.point {
display: none;
}
.single .comments-link a,
.single .comment-count a {
display: inline;
}
/* WP Comments */
h2#comments-title {
margin-bottom: 10px;
}
div.comment-author.vcard img {
margin-right: 10px;
}
article.comment {
margin-bottom: 7px;
}
h3#reply-title {
border-top: 1px solid #ccc;
margin-top: 15px;
padding: 7px 0 10px;
}
p.logged-in-as {
margin-bottom: 5px;
}
p.comment-form-comment label {
display: none;
}
p.comment-form-comment textarea {
margin-bottom: 5px;
width: 283px;
}
p.form-allowed-tags {
font-size: 0.85em;
margin-bottom: 7px;
}
div#comments-wrapper p.form-submit input#submit {
margin-bottom: 20px;
}
/* =Post Navigation */
#ione-pagination {
font-size: 1.15em;
clear: both;
}
#nav-below {
clear: left;
}
#nav-below .nav-previous,
#nav-below .nav-next {
display: block;
float: left;
height: 26px;
margin: .5em 0;
width: 50%;
}
#nav-below .nav-next {
text-align: right;
}
/* =Messages */
/* No JS */
#nojs {
clear: both;
background-color: #ff7;
border: 2px solid #cb3;
color: #900;
padding: 5px 10px 4px;
text-align: center;
margin-top: 10px;
}
.js #nojs,
.js .label-fornojs,
.no-js #dl-control-wrapper,
.no-js .comments-link,
.no-js .social-bar {
display: none;
}
.no-js #dsq-comments {
list-style: none;
margin: 0;
border-top: 1px solid #ddd;
}
.no-js #dsq-comments li {
padding: 10px;
border-bottom: 1px solid #ddd;
}
.no-js #dsq-comments li:nth-child(odd) {
background-color: #f2f2f2;
}
/* 404 */
.loop.blocks .post.not-found {
float: none;
width: auto;
}
.fourohfour form {
padding: 1em;
margin: 1em 0;
border: 1px solid #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.fourohfour form #s {
width: 50%;
padding: .25em;
}
/* =Author */
body.author .archive-title {
color: #333;
padding-bottom: 0;
}
body.author #mainwrapper.localnews .archive-title {
border-top: 1px dotted #ccc;
}
h3.author-title {
font-size: 1.8em;
color: #333;
line-height: 2em;
}
#author-info-wrapper.news92fm {
box-shadow: none;
border-bottom: 1px solid #ccc;
padding: 0;
}
#author-info-wrapper.news92fm #author-info {
border-bottom: 1px dotted #ccc;
padding: 10px 0;
}
#author-info-wrapper.news92fm #author-info #social-links li {
background-color: #009BFF;
margin: 0 5px;
padding: 3px 10px 3px 0;
}
#author-info-wrapper.news92fm #author-info #social-links a.author-info {
color: #fff;
font-weight: 600;
line-height: 2em;
}
#author-info-wrapper.news92fm #author-avatar,
#author-info-wrapper.news92fm #author-description {
margin: 10px 0;
}
.coming-up-wed-container {
background-color: #efefef;
display: block;
float: right;
right: 0;
top: 1em;
padding: 10px;
position: absolute;
}
.coming-up-wed-container h4 {
text-transform: uppercase;
color: #333;
}
.coming-up-wed-container .show-detail {
background-color: transparent;
font-size: 0.9em;
padding: 0.3em 0;
width: 100%;
}
#author-featured-gallery,
#author-audio-video {
overflow: hidden;
}
#author-featured-gallery {
margin: 20px 0;
}
#author-featured-gallery > a span.gallery-indicator {
background: url(/wp-content/themes/vip/ione2/css/../images/gallery-indicator.png) no-repeat scroll 4px 5px #009BFF;
color: #FFFFFF;
float: left;
left: 0;
margin: 18px 0 0 13px;
padding: 3px 5px 3px 25px;
position: absolute;
z-index: 1;
}
#author-featured-gallery > a,
#author-featured-gallery > div.gallery-details {
margin: 10px 0;
}
#author-featured-gallery img {
margin: 10px 5px;
max-height: none;
max-width: 315px;
width: 44%;
padding: 8px;
box-shadow: 1px 1px 2px 2px #ccc;
}
#author-featured-gallery .gallery-details {
width: 50%;
}
#author-featured-gallery .gallery-details h4{
color: #333;
font-size: 153.9%;
}
body.author h3 a,
body.author h2 a {
color: #333;
}
#author-audio-video {
box-shadow: 1px 1px 2px 2px #ccc;
padding: 10px;
margin: 10px 0;
}
.left,
.author-video-renderer,
#author-featured-gallery img,
ul.author-video-audio-tab li,
.audio-item img,
.video-item img {
float: left;
}
.right,
.author-video-detail,
#author-featured-gallery .gallery-details {
float: right;
}
.author-video-detail {
background-color: #e7e7e7;
min-height: 255px;
width: 32%;
}
ul.author-video-audio-tab {
list-style: none;
margin: 0;
overflow: hidden;
}
ul.author-video-audio-tab li {
color: #0078bc;
display: inline;
margin: 0;
padding: 0.5em 1.5em;
text-align: center;
width: 30%;
}
ul.author-video-audio-tab li.active {
background: transparent url(/wp-content/themes/vip/ione2/css/../images/author-tab-active.png) center 0 no-repeat;
display: block;
color: #fff;
height: 27px;
}
.hide {
display: none;
}
.author-video-renderer {
width: 420px;
padding-right: 10px;
}
.audio-content,
.video-content {
margin: -8px 0 0 0;
}
.audio-content .audio-item,
.video-content .video-item {
clear: both;
margin: 0;
font-weight: 600;
padding: 0.5em 0;
}
.audio-item.active,
.video-item.active {
background-color: #c7c7c7;
}
.video-title,
.audio-title,
ul.author-video-audio-tab li {
cursor: pointer;
}
#primary .theme-heading {
margin-bottom: 10px;
}
.audio-item img,
.video-item img {
padding: 5px;
}
.loop.news92fm .thumbnail a span.border {
border: none;
}
.loop.news92fm .category-title {
background-color: transparent;
}
.loop.news92fm .category-title a.category-link {
color: #01508E;
padding: 4px 0 0 0;
}
.loop.news92fm .comments-link a {
background: url(/wp-content/themes/vip/ione2/css/../images/comment-bubble-grey.png) no-repeat scroll 0 5px transparent;
border-radius: 0 0 0 0;
color: #01508E;
display: block;
padding-left: 20px;
}
.loop.news92fm .comments-link {
float: left;
padding-left: 2%;
}
.loop.news92fm p.author {
float: left;
border-right: 1px solid #999;
padding-right: 4%;
white-space: nowrap;
}
.loop.news92fm p.author a {
font-weight: 600;
}
.loop.news92fm span.author-title {
padding: 0 2%;
}
.loop.news92fm span.edit-link {
float: right;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#author-featured-gallery .gallery-details span.author {
width: 100%;
float: left;
}
}
/* Custom Social Icons */
ul.social-share {
list-style: none;
margin: 0;
}
ul.social-share li {
display: inline;
float: left;
padding: 0 20px 0 0;
}
ul.social-share li a {
background-color: #009bff;
direction:ltr;
display:block;
line-height: 1.8em;
overflow:hidden;
text-align:left;
}
ul.social-share li a {
color: #fff !important;
padding: 0 0 0 10px;
width: 90px;
height: 25px;
}
ul.social-share li a.addthis_button_google_plusone_share {
padding-left: 0;
}
ul.social-share li a:hover {
background-color: #da2d0c;
}
ul.social-share li a span {
background-image: url(/wp-content/themes/vip/ione2/css/../images/social-custom-icons-sprite.png) !important;
background-repeat: no-repeat;
float: left;
height: 20px;
margin: 2px;
width: 20px;
}
#author-info-wrapper.news92fm #author-info .facebook,
#author-info-wrapper.news92fm #author-info .twitter,
#author-info-wrapper.news92fm #author-info .rss,
#author-info-wrapper.news92fm #author-info .googleplus,
#author-info-wrapper.news92fm #author-info .linkedin,
#author-info-wrapper.news92fm #author-info .bloglink,
#author-info-wrapper.news92fm #author-info .email{
background-image: url(/wp-content/themes/vip/ione2/css/../images/social-custom-icons-sprite.png) !important;
background-repeat: no-repeat;
float: left;
height: 20px;
background-color: #009bff;
margin: 5px;
}
ul.social-share li a.addthis_button_email span,
#author-info-wrapper.news92fm #author-info .email {
background-position: 0 0 !important;
}
ul.social-share li a.addthis_button_facebook span,
#author-info-wrapper.news92fm #author-info .facebook {
background-position: 0 -20px !important;
}
ul.social-share li a.addthis_button_twitter span,
#author-info-wrapper.news92fm #author-info .twitter {
background-position: 0 -40px!important;
}
ul.social-share li a.addthis_button_google_plusone_share span,
#author-info-wrapper.news92fm #author-info .googleplus {
background-position: 0 -60px !important;
margin: 7px 0 0 0;
}
ul.social-share li a.addthis_button_pinterest_pinit span {
background-position: 0 -81px !important;
border: none;
}
.addthis_responsive_sharing .label {
width: auto;
font-weight: normal;
color: #fff !important;
}
#author-info-wrapper.news92fm #author-info .rss{
background-position: 0 -122px !important;
}
#author-info-wrapper.news92fm #author-info .linkedin{
background-position: 0 -100px !important;
}
#author-info-wrapper.news92fm #author-info .bloglink{
background-position: 0 -143px !important;
}
/* =Related Items */
.post-content.has-right {
float: left;
width: 500px;
}
.related-content {
float: right;
width: 150px;
background-color: #f0f0f0;
}
.related-content h4.related-content-header {
display: none;
}
.related-content .related-items {
list-style: none;
margin: 0;
}
.related-items .related-item {
border-top: 1px solid #333;
display: block;
padding: 10px 5px;
}
.related-item h4 {
font-size: 14px;
font-family: Arial;
color: #333;
text-decoration: none;
}
.related-item img {
padding: 5px 0;
width: 140px;
}
.related-item .related-link {
color: #000 !important;
font-family: Arial;
font-size: 0.9em;
}
.related-item span.type-icon.related-item-type-photos,
.related-item span.type-icon.related-item-type-videos {
background-image: url(/wp-content/themes/vip/ione2/css/../images/related-icons.png);
}
.related-item span.type-icon.related-item-type-photos {
background-position: 5px 5px;
}
.related-item span.type-icon.related-item-type-videos {
background-position: -18px 3px;
}
.related-item span.type-icon.related-item-type-audios {
background-image: url(/wp-content/themes/vip/ione2/css/../images/listenlive-icon.png);
background-position: 5px center;
}
.related-item span.type-icon {
background-color: #009BFF;
background-repeat: no-repeat;
display: block;
float: right;
height: 25px;
margin: 57px 5px 5px;
padding: 1px;
position: absolute;
right: 0;
width: 25px;
}
/* Simple layout for related items on narrow screens */
@media screen and (max-width: 768px) {
.post-content.has-right {
width: 100%;
}
.related-content {
width: 100%;
background-color: transparent;
}
.related-content h4.related-content-header {
display: block;
}
.related-items .related-item {
border-top: none;
border-bottom: 1px dotted #ccc;
}
.related-item span.type-icon,
.related-item .related-image {
display: none;
}
}
/* =Twitter Related */
.twitter-related ul {
list-style: none;
display: block;
overflow: hidden;
margin: 0;
}
li.twitter-item {
display: inline;
float: right;
padding: 0.5em ;
width: 45%;
border-bottom: 1px solid #ccc;
}
li.twitter-item.odd {
clear: both;
float: left;
}
li.twitter-item img {
float: left;
padding: 0.5em;
}
li.twitter-item a {
font-weight: 600;
}
/* =TweetBox */
#tbox {
margin: 10px 0 0;
padding: 10px 0 0;
}
/* Misc. styles */
.embed-youtube { /* Ensure youtube video iframes float */
overflow: auto;
}
.originally-seen-on {
clear:both;
margin-bottom:1em;
}
ol.commentlist {
margin-left: 2.5em;
}
/* =fitVids styles that get deleted by something on VIP when injected into DOM */
.fluid-width-video-wrapper {
width: 100%;
position: relative;
padding: 0;
}
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
}
/* =Next Post Link for Desktop and Mobile */
#next-article {
position: fixed;
top: 50%;
right: 10px;
z-index: 1000;
}
#previous-article {
position: fixed;
top: 50%;
left: 10px;
z-index: 1000;
}
.mobile #next-article {
right: -25px;
}
#next-article a,
#previous-article a {
display: block;
height: 100px;
width: 40px;
background: #555;
box-shadow: 0 0 10px #666;
overflow: hidden;
}
#next-article.open a,
#previous-article.open a {
width: 300px !important;
}
#next-article i {
display: block;
height: 100px;
width: 40px;
background: #555 url(/wp-content/themes/vip/ione2/css/../images/gallery_arrows.png) -32px 29px no-repeat;
position: absolute;
right: 0;
top: 0;
}
#previous-article i {
display: block;
height: 100px;
width: 40px;
background: #555 url(/wp-content/themes/vip/ione2/css/../images/gallery_arrows.png) 7px 29px no-repeat;
position: absolute;
left: 0;
top: 0;
}
.mobile #next-article i {
display: none;
}
.mobile #next-article a {
text-indent: -9999px;
height: 60px;
width: 60px;
background: rgba(51,153,255,0.75);;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
box-shadow: 0 0 10px #000;
}
#next-article a span {
display: block;
float: left;
padding: 5px;
background: #fff;
width: 250px;
height: 90px;
font-size: 14px;
}
#previous-article a span {
display: block;
float: right;
padding: 5px;
background: #fff;
width: 250px;
height: 90px;
font-size: 14px;
}
.mobile #next-article a span {
display: block;
width: 20px;
height: 25px;
background: url(/wp-content/themes/vip/ione2/css/../images/gallery_arrows.png) -90px -18px no-repeat;
position: absolute;
top: 50%;
left: 10px;
margin-top: -12.5px;
}
/* -------------------------------- River with no thumbnails -------------------------------- */
#mainwrapper .loop.hide-thumbnail {
overflow: hidden;
padding: 0;
width: 100%;
}
#mainwrapper .loop.hide-thumbnail .post {
overflow: hidden;
width: 100%;
}
#mainwrapper .loop.blocks.hide-thumbnail .post {
width: 310px;
}
#mainwrapper .loop.hide-thumbnail .thumbnail {
display: none;
}
#mainwrapper .loop.hide-thumbnail .loop-post-content {
width: 100%;
}
.custom-layout #mainwrapper .two-column .column-left .loop.blocks.hide-thumbnail .post {
width: 307px;
}
.custom-layout #mainwrapper .three-column .column-middle .loop.blocks.hide-thumbnail .post {
width: 205px;
}
/* ------------------------------ End river with no thumbnails ------------------------------ */
/*
* Anything that is related to social media 3rd party services.
*/
/*
* =Universal
* =AddThis Standard Social Bar
* =AddThis Floating Social Bar
* =AddThis Media Galleries
* =Facebook Share
* =Facebook Footer Like Box
* =Exit Post
* =Authors Sharing
* =Image Reveal
**/
/* =Universal
-------------------------------------------------------------- */
.addthis_menu {
float: left;
}
.addthis_menu ul {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}
.addthis_menu ul li {
margin: 0 10px 10px 0;
height: 20px;
float: left;
}
/* Single */
#socialbar-top,
#socialbar-bottom {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
clear: both;
height: auto;
padding: .5em 0;
}
#social > div {
margin-bottom: 5px;
height: 20px;
}
.at_PinItButton {
background-image: none !important;
}
.addthis_button_facebook span,
.addthis_button_twitter span,
.addthis_button_linkedin span,
.addthis_button_pinterest span,
.addthis_button_google_plusone span,
.addthis_button_email span {
text-indent: -9999px;
display: block;
}
.addthis_button_facebook,
.addthis_button_facebook_like,
.addthis_button_twitter,
.addthis_button_linkedin,
.addthis_button_pinterest,
.addthis_button_google_plusone,
.addthis_button_email {
display: block;
width: 57px !important;
height: 20px;
background: url(/wp-content/themes/vip/ione2/css/../images/social_btn_sprite.png?v=2) no-repeat;
float: left;
}
.addthis_button_facebook_like,
.addthis_button_google_plusone {
display: block;
background: url(/wp-content/themes/vip/ione2/css/../images/social_btn_sprite.png?v=2) no-repeat;
}
.addthis_button_facebook {
background-position: 0 -285px;
}
.addthis_button_facebook_like iframe,
.gallery-player .gallery-caption .addthis_button_facebook_like iframe {
max-width: 48px;
background: #fff;
z-index: 5;
}
.addthis_button_facebook_like iframe {
height: 20px;
}
.addthis_button_facebook_like.rec iframe {
max-width: 92px;
}
.addthis_button_facebook_like.rec iframe.fb_iframe_widget_lift,
.gallery-player .gallery-caption .addthis_button_facebook_like iframe.fb_iframe_widget_lift {
max-width: none;
}
.fb_iframe_widget iframe {
z-index: 101;
}
.addthis_button_facebook_like {
width: 48px !important;
background-position: 0 -253px;
}
.addthis_button_facebook_like.rec {
width: 92px !important;
background-position: 0 -315px;
}
.addthis_button_twitter {
background-position: 0 -40px;
}
.addthis_button_linkedin {
background-position: 0 -70px;
}
.addthis_button_pinterest {
background-position: 0 -100px;
}
.addthis_button_google_plusone {
background-position: 0 -223px;
}
.addthis_button_email {
background-position: 0 -161px;
}
/* AddThis */
.at300b:hover {
opacity: 1;
}
/* =AddThis Standard Social Bar
-------------------------------------------------------------- */
/* FB Share styles starts */
#socialbar-top,
#socialbar-bottom {
clear: both;
padding: 10px 0 0;
}
.ione_fb_share_count {
position: relative;
}
.ione_fb_share_count div {
float: left;
position: relative;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
.ione_share_bubble {
float: right;
margin-left: 6px;
display: none;
}
.pluginCountBox {
background: #fff;
color: #000;
font-family: Helvetica, Arial, sans-serif;
border: 1px solid #d3d3d3;
font-size: 13px;
margin: 0;
min-width: 5px;
padding: 0 5px;
text-align: center;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.pluginCountBoxNub {
height: 0;
left: -4px;
position: relative;
top: -16px;
width: 5px;
z-index: 2;
}
.pluginCountBoxNub s {
height: 2px;
}
.pluginCountBoxNub s, .pluginCountBoxNub i {
border-color: transparent #D7D7D7 transparent;
border-style: solid;
border-width: 4px 5px 4px 0;
display: block;
position: relative;
top: 1px;
}
.pluginCountBoxNub i {
border-right-color: #fff;
left: 1px;
top: -8px;
}
/* =AddThis Floating Social Bar
-------------------------------------------------------------- */
/* Single */
.addthis_floating_style {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background: transparent url(/wp-content/themes/vip/ione2/css/../images/opacity.png) repeat 0 0;
margin: 0 0 0 -85px;
top: 100px;
display: none;
z-index: 100;
position: fixed;
}
.addthis_floating_style ul {
margin: 0;
padding: 0;
list-style-type: none;
float: none;
}
.addthis_floating_style ul li {
float: none;
margin-bottom: 10px;
}
.addthis_floating_style ul li:last-child {
margin-bottom: 0;
}
.addthis_floating_style ul li a {
float: none;
margin: 0;
}
.addthis_floating_style .at300b {
padding: 0;
}
.addthis_floating_style .addthis_button_google_plusone {
height: auto;
background: none;
}
.addthis_floating_style .addthis_counter {
display: block !important;
}
.addthis_floating_style ul li .ione_share_bubble {
float: none;
margin: 0;
}
.addthis_floating_style.addthis_counter_style .addthis_counter {
padding-left: 0;
}
.addthis_floating_style .pluginCountBox {
background: #fff;
border: 1px solid #d3d3d3;
font-size: 13px;
height: 15px;
margin: 0;
min-width: 35px;
padding: 3px 1px 2px 2px;
text-align: center;
white-space: nowrap;
}
.addthis_floating_style .pluginCountBoxNub {
position: relative;
z-index: 2;
bottom: 1px;
height: 7px;
left: 7px;
width: 0;
}
.addthis_floating_style .pluginCountBoxNub s, .addthis_floating_style .pluginCountBoxNub i {
border-color: #D3D3D3 transparent transparent;
border-right: 5px solid transparent;
border-style: solid;
border-width: 5px;
display: block;
position: relative;
top: 15px;
}
.addthis_floating_style .pluginCountBoxNub i {
left: 0;
top: 1px;
border-top-color: #fff;
}
/* =AddThis Media Galleries
-------------------------------------------------------------- */
#secondary.mediagallery #gallery-content .addthis_toolbox {
margin-bottom: 10px;
}
#secondary.mediagallery #gallery-content .addthis_toolbox a {
display: block;
height: 26px;
margin: 0 10px 0 0;
padding: 0;
}
#secondary.mediagallery #gallery-content .addthis_button_facebook_like {
width: 74px;
}
#secondary.mediagallery #gallery-content .addthis_button_tweet {
width: 76px;
}
#secondary.mediagallery #gallery-content .addthis_button_google_plusone {
width: 60px;
}
#secondary.mediagallery #gallery-content .addthis_button_pinterest_pinit {
width: 50px;
}
/* =FaceBook Share - Not sure this is in use!!!
-------------------------------------------------------------- */
#facebook-share {
float: left;
margin-right: 10px;
}
#facebook-share .FBConnectButton,
#facebook-share .FBConnectButton_RTL {
background: none;
background: transparent url(/wp-content/themes/vip/ione2/css/../images/fb-share.png) no-repeat scroll 0 0;
height: 28px;
width: 79px;
}
#facebook-share .FBConnectButton:hover,
#facebook-share .FBConnectButton_RTL:hover {
background-position: 0 -28px;
}
#facebook-share .FBConnectButton_Small .FBConnectButton_Text {
display: none;
}
/* =Facebook Footer Like Box
-------------------------------------------------------------- */
#facebook-footer-like-box.hiding {
right: -450px;
}
#facebook-footer-like-box {
background: #fff;
text-align: center;
width: 380px;
position: fixed;
right: 0;
bottom: 0;
-moz-transition: right 1s ease-in-out 0s;
-webkit-transition: right 1s ease-in-out 0s;
transition: right 1s ease-in-out 0s;
z-index: 1001;
}
body.mobile #facebook-footer-like-box {
width: 310px;
}
#facebook-footer-like-box h2 {
font-size: 22px;
margin: 10px;
}
#facebook-footer-like-box a.fb-like-close {
display: block;
margin-bottom: 10px;
}
/* =Exit Post
-------------------------------------------------------------- */
#ione-exit-post {
position: fixed;
top: 20%;
width: 330px;
padding: 20px 10px;
border: 1px solid #000;
text-align: center;
background: #fff;
left: 50%;
margin-left: -175px;
border-radius: 4px;
z-index: 999999;
display: none;
}
#ione-exit-post.enable-exit-post-posts.ione-exit-post-num-3 {
width: 800px;
margin-left: -400px;
}
#ione-exit-post.enable-exit-post-posts.ione-exit-post-num-2 {
width: 600px;
margin-left: -300px;
}
#ione-exit-post.enable-exit-post-video {
width: 618px;
margin-left: -309px;
}
#ione-exit-post h2 {
font-size: 22px;
line-height: 22px;
margin-bottom: 5px;
}
#ione-exit-post h3 {
font-weight: normal;
font-size: 18px;
line-height: 18px;
margin-bottom: 5px;
}
#ione-exit-post iframe {
margin-top: 10px;
}
#ione-exit-post .addthis_big_buttons a.addthis_button_facebook {
width: auto !important;
margin-top: 10px;
padding-right: 20px;
padding-left: 20px;
}
a#ione-exit-post-x {
display: block;
font-size: 22px;
color: #aaa;
position: absolute;
right: 10px;
top: 0;
text-decoration: none !important;
}
a#ione-exit-post-close,
a#ione-exit-post-close:hover {
display: block;
margin-top: 10px;
color: #aaa;
}
a#ione-exit-post-close:hover {
text-decoration: underline;
}
#ione-exit-post-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
display: none;
z-index: 999998;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
/* IE 5-7 */
filter: alpha(opacity=90);
/* Netscape */
-moz-opacity: 0.9;
/* Safari 1.x */
-khtml-opacity: 0.9;
/* Good browsers */
opacity: 0.9;
}
#ione-exit-post-items {
margin: 10px 0;
padding: 0;
overflow: hidden;
}
#ione-exit-post-items li {
margin: 0;
padding: 0;
float: left;
list-style-type: none;
}
#ione-exit-post-items li h4 {
margin-top: 5px;
font-size: 16px;
line-height: 18px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#ione-exit-post #ione-exit-post-items li .addthis_big_buttons a.addthis_button_facebook {
font-size: 14px;
padding: 5px 20px;
line-height: 18px;
}
.ione-exit-post-num-1 #ione-exit-post-items li {
width: 100%;
}
.ione-exit-post-num-2 #ione-exit-post-items li {
width: 46%;
padding: 0 2%;
}
.ione-exit-post-num-3 #ione-exit-post-items li {
width: 31.3%;
padding: 0 1%;
}
/* =Authors Sharing
-------------------------------------------------------------- */
a.social {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 5px;
text-indent: -9999em;
}
.facebook,
.twitter,
.rss,
.googleplus,
.linkedin,
.bloglink,
.bplanet {
background: 0px 0px no-repeat url(/wp-content/themes/vip/ione2/css/../images/social-media-24sprite.png) transparent;
}
.facebook {
background-position: 0px 0px;
}
.facebook:hover,
.facebook:focus {
background-position: 0px -30px;
}
.twitter {
background-position: -30px 0px;
}
.twitter:hover,
.twitter:focus {
background-position: -30px -30px;
}
.rss {
background-position: -60px 0px;
}
.rss:hover,
a.rss:focus {
background-position: -60px -30px;
}
.googleplus {
background-position: -90px 0px;
}
.googleplus:hover,
.googleplus:focus {
background-position: -90px -30px;
}
.bloglink {
background-position: -180px 0px;
}
.bloglink:hover,
.bloglink:focus {
background-position: -180px -30px;
}
.bplanet {
background-position: -180px 0px;
}
.bplanet:hover,.bplanet:focus {
background-position: -180px -30px;
}
.linkedin {
background-position: -240px 0px;
}
.linkedin:hover,
.linkedin:focus {
background-position: -240px -30px;
}
.addthis_big_buttons {
text-align: center;
}
.addthis_big_buttons span {
text-indent: 0;
display: inline-block;
}
.addthis_big_buttons a.addthis_button_facebook,
.addthis_big_buttons a.addthis_button_twitter {
background: transparent none;
width: 42% !important;
height: 20px;
padding: 3%;
text-align: center;
font-size: 20px;
border: 1px solid #ebe8e4;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-right: 1%;
display: inline-block;
float: none;
line-height: 20px;
}
.addthis_big_buttons a.addthis_button_facebook:hover,
.addthis_big_buttons a.addthis_button_twitter:hover {
color: #fff !important;
}
.addthis_big_buttons a span.share-text {
font-weight: bold;
}
.addthis_big_buttons a.addthis_button_facebook {
border-color: #37538d #37538d #213256;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #ffffff !important;
text-shadow: 0 0px 1px #283d68;
background: #4466ae; /* Old browsers */
background: -moz-linear-gradient(top, #4466ae 0%, #37538d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4466ae), color-stop(100%,#37538d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4466ae 0%,#37538d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4466ae 0%,#37538d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4466ae 0%,#37538d 100%); /* IE10+ */
background: linear-gradient(to bottom, #4466ae 0%,#37538d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4466ae', endColorstr='#37538d',GradientType=0 ); /* IE6-9 */
border-color: #283d68;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
border-color: #37538d;
-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.2);
-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.2);
box-shadow: inset 0px 1px 1px rgba(255,255,255,.2);
}
.addthis_big_buttons a.addthis_button_facebook:hover {
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3);
-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3);
box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3);
border-color: #30487b;
text-shadow: 0px 1px 1px #213256;
background: #37538d; /* Old browsers */
background: -moz-linear-gradient(top, #37538d 0%, #4466ae 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37538d), color-stop(100%,#4466ae)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #37538d 0%,#4466ae 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #37538d 0%,#4466ae 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #37538d 0%,#4466ae 100%); /* IE10+ */
background: linear-gradient(to bottom, #37538d 0%,#4466ae 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37538d', endColorstr='#4466ae',GradientType=0 ); /* IE6-9 */
}
.addthis_big_buttons a.addthis_button_facebook .icon:before {
content: '\f09a';
color: #fff;
font-size: 1.2em;
padding: 0;
line-height: 1em;
margin-right: 10px;
}
.addthis_big_buttons a.addthis_button_twitter {
border-color: #00a6d4 #00a6d4 #006a87;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #ffffff !important;
text-shadow: 0 0px 1px #007ea1;
background: #02c9ff; /* Old browsers */
background: -moz-linear-gradient(top, #02c9ff 0%, #00a6d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02c9ff), color-stop(100%,#00a6d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #02c9ff 0%,#00a6d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #02c9ff 0%,#00a6d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #02c9ff 0%,#00a6d4 100%); /* IE10+ */
background: linear-gradient(to bottom, #02c9ff 0%,#00a6d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c9ff', endColorstr='#00a6d4',GradientType=0 ); /* IE6-9 */
border-color: #007ea1;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
border-color: #00a6d4;
-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.2);
-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.2);
box-shadow: inset 0px 1px 1px rgba(255,255,255,.2);
}
.addthis_big_buttons a.addthis_button_twitter:hover {
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3);
-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3);
box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3);
border-color: #0092ba;
text-shadow: 0px 1px 1px #006a87;
background: #00a6d4; /* Old browsers */
background: -moz-linear-gradient(top, #00a6d4 0%, #02c9ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a6d4), color-stop(100%,#02c9ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00a6d4 0%,#02c9ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00a6d4 0%,#02c9ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00a6d4 0%,#02c9ff 100%); /* IE10+ */
background: linear-gradient(to bottom, #00a6d4 0%,#02c9ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6d4', endColorstr='#02c9ff',GradientType=0 ); /* IE6-9 */
}
.addthis_big_buttons a.addthis_button_twitter .icon:before {
content: '\f099';
color: #fff;
font-size: 1.2em;
padding: 0;
line-height: 1em;
margin-right: 10px;
}
.default-share-buttons {
margin: 15px 0;
}
.default-share-buttons h3 {
text-align: center;
font-size: 20px;
}
/* =Image Reveal
-------------------------------------------------------------- */
.img-reveal-wrapper {
position: relative;
overflow: hidden;
opacity: 0;
cursor: pointer;
}
.img-reveal-wrapper img.img-hidden {
-webkit-transform: translate3d(0, 0, 0);
-webkit-filter: blur(30px);
-moz-filter: blur(30px);
-o-filter: blur(30px);
-ms-filter: blur(30px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='60');
filter: blur(30px);
filter: url(/wp-content/themes/vip/ione2/css/../images/blur.svg#blur);
}
html.ie .img-reveal-wrapper img.img-hidden {
visibility: hidden;
}
html.ie .img-reveal-wrapper img {
visibility: visible;
}
.img-reveal-wrapper.fast .img-reveal {
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.img-reveal-wrapper .img-reveal,
.img-reveal-wrapper.medium .img-reveal {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.img-reveal-wrapper.slow .img-reveal {
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.reveal-btn {
padding: 15px 25px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, .75);
color: #fff;
font-weight: bold;
position: absolute;
font-size: 20px;
line-height: 20px;
width: 200px;
text-align: center;
top: 50%;
left: 50%;
margin-left: -125px;
margin-top: -25px;
z-index: 10;
cursor: pointer;
}
.hide-img-btn {
display: none;
}
.img-reveal-wrapper.img-revealed:hover .hide-img-btn {
display: block;
}
/* Twitter intent */
.ione-tweet a {
color: #000;
display: inline;
margin: 0 -2px;
padding: 0 2px;
}
.ione-tweet .ione-tweet-icon:before {
content: '\f099';
color: #000;
padding: 0;
margin-left: 5px;
color: #069eec;
}
.ione-tweet a:hover,
.ione-tweet a:hover .ione-tweet-icon:before {
color: #fff;
background: #069eec;
text-decoration: none;
}
/* = Single Gallery Views (under #gallery) */
#gallery { width: 100%; }
#gallery-anchor {
position: absolute;
top: -50px;
width: 0;
height: 0;
z-index: -100;
}
#gallery-footer,
#gallery .entry-content {
padding: 2px 10px;
}
.single-media_playlist .breadcrumbs {
line-height: 28px;
margin: 0 30px;
padding: 0;
}
#gallery #after-post .prevnext {
margin: 0 0 0 -15px;
}
#gallery-footer {
margin-top: 10px;
}
#gallery-footer .gallery-sharing {
min-height: 100px;
padding: 0px;
width: 78px;
position: relative;
padding-right: 1px;
margin-right: -79px;
}
#gallery-footer .gallery-sharing-divider {
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100px;
display: block;
background: #6b6b6b; /* Old browsers */
background: -moz-linear-gradient(top, #6b6b6b 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6b6b6b 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6b6b6b 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6b6b6b 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #6b6b6b 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#gallery-footer .gallery-sharing .addthis_toolbox a {
display: block;
float: none;
height: 20px;
margin: 0 auto;
/*overflow: hidden;*/
padding: 0 0 10px;
margin: 0;
}
#gallery-footer .gallery-sharing .addthis_toolbox .addthis_button_facebook_like {
width: 46px;
}
#gallery-footer .gallery-sharing .addthis_toolbox .addthis_button_tweet {
width: 56px;
}
#gallery-footer .gallery-sharing .addthis_toolbox .addthis_button_google_plusone,
#gallery-footer .gallery-sharing .addthis_toolbox .addthis_button_pinterest_pinit {
width: 50px;
}
#gallery-footer .gallery-caption {
padding: 0 10px;
}
.single #gallery-footer .gallery-caption {
clear: none;
margin-left: 79px;
}
#gallery-footer .gallery-caption .gallery-title {
margin: 0 0 5px 0;
padding: 0;
}
#gallery-footer .gallery-caption p {
line-height: 1.3em;
margin: 0;
padding: 0;
}
#comments-wrapper {
clear: both;
}
#comments-template {
background-color: #fff;
padding: 10px 0 10px 15px;
}
#secondary.mediagallery aside {
clear: both;
}
#secondary.mediagallery {
margin-top: 525px;
}
/* =Latest Galleries */
#latest-galleries {
width: 100%;
float: left;
clear: both;
margin-top: .5em;
}
#latest-galleries ul {
list-style: none;
margin: 0;
}
#latest-galleries li {
background-color: #333;
position: relative;
float: left;
text-align: center;
margin: 10px 20px 10px;
}
#latest-galleries a {
display: block;
text-align: center;
width: 225px;
padding: 30px;
color: #ccc;
position: relative;
font-size: 1.2em;
}
#latest-galleries a:hover {
color: #fff;
}
#latest-galleries .thumbnail {
width: auto;
height: auto;
max-height: 264px;
margin: 0 auto;
float: none;
}
#latest-galleries .thumbnail .border {
display: none;
}
#latest-galleries .title {
padding: 1em 0 0;
text-align: center;
display: block;
line-height: 1.2em;
height: 3.6em;
overflow: hidden;
}
#latest-galleries .comments-link {
width: 100%;
}
/**
* Generic class for centering objects vertically using the Flexbox CSS3 module
* Won't work on dumb / old browsers (I'm looking at you, Internet Explorer.)
* This will work for CSS3+ browsers. It has limited support, but allows for flexibly
* vertically centering blocks of unknown dimensions
*/
.vertical-center-box {
width: 100%;
height: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-pack: center;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-pack: center;
display: -ms-box;
-ms-box-orient: vertical;
-ms-box-align: stretch;
-ms-box-pack: center;
display: box;
box-orient: vertical;
box-align: stretch;
}
/** Fix for instagram embed **/
li.media-oembed{
text-align: center;
}
li.media-oembed .vertical-center-box{
display: inline-block;
height: auto;
width: auto;
}
li.media-oembed .vertical-center-box *{
max-height:100%;
}
/** end fix for instagram embed **/
.vertical-center-box > * {
/**
* CSS3 flexbox support for vertically centering whatever might be
* in this container (think: embeds)
*/
-webkit-box-flex: 0;
-moz-box-flex: 0;
-mz-box-flex: 0;
}
.vertical-center-box * {
max-width: 100%;
max-height: 402px; /* Changed from 100% to 402px to fix IE */
display: block;
margin: 0 auto;
}
/* Fliqz Video Player */
.fliqz-video,
.fliqz-video object {
height: 100%;
}
/* = Gallery Containers (for both players and launchers) */
.gallery-container {
background: #000;
position: relative;
z-index: 102;
margin: 1em 0;
clear: both;
}
.gallery-container .ad {
background: transparent;
}
.gallery-container .gallery-title {
font-size: 153.9%;
line-height: 1.3;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 5px 5px .55em;
}
.gallery-container .gallery-title a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0;
color: inherit;
}
.gallery-container .gallery-title a:hover {
color: inherit;
text-decoration: underline;
}
.gallery-container .gallery-meta {
color: #fff;
padding: 5px;
height: 100%;
}
.gallery-container .meta-wrapper {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.gallery-container .media-wrapper li.media-image img {
opacity: 0.89;
filter: alpha(opacity=89);
}
.gallery-container .media-wrapper li.media-image.selected img {
opacity: 1;
filter: alpha(opacity=100);
}
.gallery-container .media-wrapper li video,
.gallery-container .media-wrapper li object,
.gallery-container .media-wrapper li embed,
.gallery-container .media-wrapper li iframe,
.gallery-container .media-wrapper li audio {
display: none; /* Media is having some display issues in some browsers */
}
.gallery-container .media-wrapper li.selected video,
.gallery-container .media-wrapper li.selected object,
.gallery-container .media-wrapper li.selected embed,
.gallery-container .media-wrapper li.selected iframe,
.gallery-container .media-wrapper li.selected audio {
display: block; /* Media shows when it's selected, but not when it's supposed to be hidden */
}
.gallery-container .post-content a {
white-space: nowrap;
}
.gallery-container .below-gallery-ad {
position: absolute;
left: 0;
bottom: 0;
z-index: 999;
transition: bottom 0.4s, right 0.4s;
background: #000;
right: 0;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
height: 100px;
}
@media all and (max-width: 767px) {
.below-gallery-ad {
display: none;
}
}
.single-media_playlist .gallery-container {
padding-bottom: 100px;
}
.single-media_playlist .gallery-container .below-gallery-ad {
right: 0;
bottom: -100px;
}
.gallery-expanded .gallery-player .below-gallery-ad {
right: -310px;
bottom: -100px;
}
.gallery-expanded .gallery-player .gallery-meta {
right: -310px;
}
.gallery-container .below-gallery-ad .ad {
margin: 0 auto;
padding: 5px;
width: 728px;
}
.gallery-container .gallery-error {
color: #fff;
padding: 0 1em;
}
/* Gallery player (embeddable or otherwise) */
/* Master height. Image size in gallery is dictated by this value and this value alone! */
.gallery-player {
position: relative;
height: 100%;
}
/* Leave room for navigation next to title */
.gallery-player .gallery-title {
padding-right: 110px;
height: 1.3em;
}
/* Navigation text and arrows */
.gallery-player .gallery-navigation {
background: transparent;
height: 25px;
line-height: 25px;
position: absolute;
right: 5px;
top: 5px;
padding-right: 50px;
}
/* Left / right navigation buttons in title */
.gallery-player .gallery-navigation a {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
display: inline-block;
zoom: 1;
*display: inline;
}
.gallery-player a,
#article .gallery-player a {
color: #fff;
}
.gallery-player .gallery-navigation a span {
display: block;
height: 25px;
text-indent: -9999em;
width: 20px;
}
.gallery-player .gallery-navigation a.previous-item {
right: 25px;
}
.gallery-player .gallery-navigation a.previous-item span {
background: #555 url(/wp-content/themes/vip/ione2/css/../images/gallery_arrows.png) -70px -18px no-repeat;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
.gallery-player .gallery-navigation a strong {
display: block;
}
.gallery-player .gallery-navigation a:hover strong span {
background-color: #999;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.gallery-player .gallery-navigation a.next-item span {
background: #555 url(/wp-content/themes/vip/ione2/css/../images/gallery_arrows.png) -90px -18px no-repeat;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.gallery-player .gallery-navigation a.disabled {
cursor: default;
opacity: 0.3;
}
.oldie .gallery-player .gallery-navigation a.disabled {
filter: alpha(opacity=30);
}
.gallery-player .gallery-main {
position: relative;
z-index: 1001;
background: #000;
border: 5px solid #000;
}
.gallery-player .media-slider-container {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-top: 43px;
margin-top: -43px;
padding-bottom: 90px;
margin-bottom: -90px;
}
.ie7 .gallery-player .media-slider-container {
height: expression((this.parentNode.clientHeight - parseInt(this.currentStyle['paddingTop'])*2 - parseInt(this.currentStyle['paddingBottom'])) + 'px');
}
.gallery-player .media-slider {
outline: 1px solid #555;
overflow: hidden;
width: auto;
position: relative;
}
.ie6 .gallery-player .media-slider-container,
.ie7 .gallery-player .media-slider-container { border: 1px solid #555; }
.gallery-player .media-slider-container strong {
display: block;
}
.gallery-player .media-slider-container a {
position: absolute;
top: 50%;
margin-top: -35px;
z-index: 1;
}
.gallery-player .media-slider-container a.next-item {
right: 0;
}
.gallery-player .media-slider-container a.previous-item {
left: 0
}
.gallery-player .media-slider-container a.disabled strong,
.gallery-player .media-slider-container a.disabled:hover strong,
.gallery-player .media-slider-container a.disabled:focus strong {
display: none;
}
/* Next / Previous arrows over image */
.gallery-player .media-slider-container a strong span {
display: block;
height: 70px;
margin: 0;
text-indent: -9999em;
width: 40px;
}
.oldie .gallery-player .media-slider-container a strong span {
filter: alpha(opacity=10);
}
.gallery-player .media-slider-container a:hover strong span {
opacity: 1;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.oldie .gallery-player .media-slider-container a:hover strong span {
filter: none;
}
.gallery-player .media-slider-container a.previous-item strong span {
background: #555 url(/wp-content/themes/vip/ione2/css/../images/gallery_arrows.png) 7px 14px no-repeat;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.gallery-player .media-slider-container a.previous-item.adjacent strong span,
.gallery-container .media a.next-item.adjacent strong span {
background-color: #f00;
}
.gallery-player .media-slider-container a.previous-item.adjacent,
.gallery-player .gallery-navigation a.previous-item.adjacent {
display: none;
}
.gallery-player .media-slider-container a.next-item strong span {
background: #555 url(/wp-content/themes/vip/ione2/css/../images/gallery_arrows.png) -32px 14px no-repeat;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
.gallery-player .media-credit {
color: #ccc;
text-align: right;
white-space: nowrap;
text-overflow: ellipsis;
height: auto;
line-height: 20px;
}
/* Slide meta */
.gallery-player .gallery-meta {
position: absolute;
z-index: 1000;
background: #000;
color: #fff;
width: 310px;
top: 0;
right: 0;
padding: 0 5px;
margin: 0;
box-sizing: border-box;
transition: right 0.4s, padding 0.4s;
height: 100%;
}
/* Scroll content in available space */
.gallery-player .gallery-content {
overflow: auto;
}
.gallery-player .gallery-overflow {
position: absolute;
top: 53px;
bottom: 260px;
right: 10px;
left: 10px;
overflow: auto;
}
.gallery-player .the-gallery-content {
margin-top: 10px;
padding-bottom: 15px;
}
/* Stick sharing to the top */
.gallery-player .gallery-sharing {
padding-top: 7px;
position: absolute;
top: 0;
left: 10px;
}
/* Link to referring post */
.gallery-player .gallery-referrer {
-moz-border-radius: 4px;
-moz-box-shadow: 0 1px 1px rgba(255,255,255,0.3);
-ms-box-shadow: 0 1px 1px rgba(255,255,255,0.3);
-o-box-shadow: 0 1px 1px rgba(255,255,255,0.3);
-webkit-border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3);
background: #b4b4b4; /* Old browsers */
background: -moz-linear-gradient(top, #b4b4b4 0%, #e3e3e3 40%, #e3e3e3 60%, #afafaf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(40%,#e3e3e3), color-stop(60%,#e3e3e3), color-stop(100%,#afafaf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4b4b4 0%,#e3e3e3 40%,#e3e3e3 60%,#afafaf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4b4b4 0%,#e3e3e3 40%,#e3e3e3 60%,#afafaf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b4b4b4 0%,#e3e3e3 40%,#e3e3e3 60%,#afafaf 100%); /* IE10+ */
background: linear-gradient(top, #b4b4b4 0%,#e3e3e3 40%,#e3e3e3 60%,#afafaf 100%); /* W3C */
border-radius: 4px;
box-shadow: 0 1px 1px rgba(255,255,255,0.3);
color: #444;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b4', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
font-style: normal;
height: 20px;
line-height: 19px !important;
margin: 0 !important;
padding: 3px;
position: absolute;
top: 7px;
right: 7px;
}
.gallery-player .gallery-referrer:hover {
background: #969696; /* Old browsers */
background: -moz-linear-gradient(top, #969696 0%, #c5c5c5 40%, #c5c5c5 60%, #919191 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(40%,#c5c5c5), color-stop(60%,#c5c5c5), color-stop(100%,#919191)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #969696 0%,#c5c5c5 40%,#c5c5c5 60%,#919191 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #969696 0%,#c5c5c5 40%,#c5c5c5 60%,#919191 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #969696 0%,#c5c5c5 40%,#c5c5c5 60%,#919191 100%); /* IE10+ */
background: linear-gradient(top, #969696 0%,#c5c5c5 40%,#c5c5c5 60%,#919191 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#919191',GradientType=0 ); /* IE6-9 */
color: #262626;
}
.gallery-player .gallery-referrer .left-pointer {
color: #676767;
display: inline;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
text-indent: 0 !important;
width: auto !important;
}
.gallery-player .gallery-referrer:hover .left-pointer {
color: #494949;
}
/* Individual media styles */
.gallery-player .media-video .media-injected img { display: none; }
.gallery-player .media-player { float: none; }
.gallery-player .media-slider-container img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
margin: auto;
}
.ie7 .gallery-player .media-slider-container img, .ie6 .gallery-player .media-slider-container img {
position: static;
margin: 0 auto;
}
/* Image credit */
.gallery-player .galimage-credit {
color: #000;
}
.gallery-player .galimage-credit,
.gallery-player .media-credit {
font: normal 85% Arial, sans-serif;
padding: 2px 4px;
height: 20px;
line-height: 20px;
}
/* Counter */
.gallery-player .gallery-count {
color: #fff;
margin-right: 5px;
}
/* Item caption */
.gallery-player .gallery-caption h1 {
color: #fff;
font-weight: bold;
font-size: 125%;
clear: left;
}
.gallery-player .gallery-caption p {
clear: both;
font-family: arial, sans-serif;
line-height: 1.25em;
font-size: 1em;
padding-bottom: 6px;
}
.gallery-player .gallery-caption object,
.gallery-player .gallery-caption iframe,
.gallery-player .gallery-caption .fluid-width-video-wrapper,
.gallery-player .gallery-caption video,
.gallery-player .gallery-caption audio {
max-width: 100%;
height: auto;
}
.gallery-player .gallery-caption .the-time {
border-right: 1px solid #474747;
color: #fff;
font-size: 0.85em;
padding: 0 10px 0 0;
display: inline;
}
.gallery-player .gallery-caption .comment-count {
display: none;
}
.gallery-player .gallery-caption .by-author {
font-size: 0.8em;
margin-left: 10px;
padding: 0;
position: relative;
display: inline;
}
.gallery-player .gallery-caption .by-author a {
color: #fff;
}
.gallery-player .the-gallery-content a {
color: #fff;
text-decoration: underline;
}
.gallery-player .the-gallery-content a:hover {
color: #ccc;
text-decoration: none;
}
/* Next gallery end slate */
.gallery-player .media-next a.next-gallery {
padding: 3% 0;
height: 8%;
font-size: 1.2em;
clear: both;
text-align: center;
width: auto;
float: none;
margin: 0 auto;
}
.gallery-player .media-next a {
display: block;
width: 27%;
padding: 0 3%;
text-align: center;
float: left;
color: white;
position: static;
height: 42%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
margin-top: 0;
}
.gallery-player .media-next a span {
display: block;
overflow: hidden;
padding-top: .2em;
line-height: 1.2em;
height: 3.6em;
}
.gallery-player .media-next img {
display: block;
margin: 0 auto;
position: static;
max-width: 90px;
max-height: 90px;
}
/* Gallery sharing link */
.gallery-player .gallery-sharing {
margin: 5px 0 15px;
min-height: 28px;
}
/* Reveal sharing buttons when .gallery-sharing has .sharing-revealed */
.gallery-player .gallery-sharing .reveal-share {
display: none;
}
.mobile .gallery-content .gallery-sharing .reveal-share {
display: block;
}
.mobile .gallery-content .gallery-sharing .addthis_gallery_sharing {
display: none;
}
.mobile .gallery-content .sharing-revealed .reveal-share {
display: none;
}
.mobile .gallery-content .sharing-revealed .addthis_gallery_sharing {
display: block;
}
/* Lightbox overlay */
#gallery-overlay {
display: none;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 100%;
background: #000;
top: 0;
left: 0;
z-index: 999;
overflow: hidden;
}
/* Meta sidebar is always expanded on single gallery pages */
#gallery .gallery-player { padding-right: 320px; }
.gallery-container .media-wrapper {
width: 100%;
margin: 0;
/* 60% top padding gives us 5:3 */
padding: 60% 0 0;
white-space: nowrap;
position: relative;
top: 0;
left: 0;
/** so that this element takes the width of its children */
float: left;
}
/* Gallery players in either orientation should clear floats */
.gallery-portrait,
.gallery-landscape {
clear: both;
}
/* Portrait containers get 4:5 aspect ratio */
.gallery-container.gallery-portrait .media-wrapper {
padding-top: 80%;
}
.gallery-container .media-wrapper li {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 0;
white-space: normal;
vertical-align: top;
width: 100%;
height: 100%;
}
.media-slider-container a.nav-item {
display: block;
opacity: .3;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.gallery-player .media-slider-container a.nav-item:hover {
opacity: 1;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.media-slider-container:hover a.nav-item {
display: block;
opacity: .5;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
a.nav-item:focus {
outline: 0;
}
.fg-grad {
height: 68px;
width: 100%;
position: absolute;
left: 0;
bottom: 260px;
background: url(/wp-content/themes/vip/ione2/css/../images/fg-gradient.png) repeat-x;
}
.gallery-meta:hover .fg-grad {
display: none;
}
.mobile .fg-grad {
display: none;
}
.the-gallery-content:hover .fg-grad {
display: none;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.gallery-ad {
position: absolute;
right: 5px;
bottom: 5px;
}
.gallery-ad .ad {
background-color: transparent;
}
.gallery-list {
margin: 10px 0;
position: relative;
}
.gallery-list ul {
white-space: nowrap;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.gallery-list-wrap {
margin: 0 22px 0 29px;
height: 52px;
overflow: hidden;
position: relative;
}
li.gallery-list-item {
list-style-type: none;
height: 50px;
width: 50px;
margin-right: 8px;
border: 1px solid #555;
opacity: .5;
white-space: normal;
vertical-align: top;
display: inline-block;
*display: inline;
*zoom: 1;
overflow: hidden;
}
.ie7 li.gallery-list-item, .ie6 li.gallery-list-item {
margin-right: 7px;
}
.oldie li.gallery-list-item {
filter: alpha(opacity=50);
}
li.gallery-list-item:hover {
border-color: #999;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
opacity: 1;
}
li.gallery-list-item.selected {
border-color: #fff;
opacity: 1;
}
.oldie li.gallery-list-item:hover,
.oldie li.gallery-list-item.selected {
filter: none;
}
li.gallery-list-item a {
display: block;
background-size: 50px 50px;
height: 50px;
width: 50px;
}
li.gallery-list-item a img {
display: none;
}
/* No suport for background-size in IE <= 8, so show the images instead */
.oldie li.gallery-list-item a {
background: transparent !important;
text-align: center;
}
.oldie li.gallery-list-item a img {
display: inline;
height: 100%;
width: auto;
max-width: none;
}
.list-nav {
position: absolute;
height: 52px;
width: 21px;
background: #555;
text-indent: -9999px;
top: 0;
display: block;
}
.list-nav:hover {
background-color: #999;
}
.list-nav.disabled {
opacity: .25;
cursor: default;
}
.list-nav.disabled:hover {
background-color: #555;
}
.list-forward {
right: 0;
background: #555 url(/wp-content/themes/vip/ione2/css/../images/gallery_arrows.png) -89px -5px no-repeat;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.list-backward {
left: 0;
background: #555 url(/wp-content/themes/vip/ione2/css/../images/gallery_arrows.png) -69px -5px no-repeat;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
.embed-cover {
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
}
body.gallery-enabled .embed-cover {
display: none;
}
body.mobile .gallery-player .media-slider-container .mpl-item {
display: none;
}
/* Gallery launcher */
.gallery-launcher {
border: 1px solid #000;
margin-bottom: 25px;
position: relative;
display: inline-block;
max-width: 420px;
}
.gallery-launcher .gallery-launcher-inner-container {
margin: 10px;
padding: 2px;
position: relative;
background: center no-repeat url(/wp-content/themes/vip/ione2/css/../images/gallery-bgtrans24.png) black;
}
.gallery-launcher .gallery-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.gallery-launcher .gallery-hero-image {
list-style: none;
position: relative;
z-index: 3;
margin: 0;
padding: 0;
}
.gallery-launcher .gallery-hero-image li {
height: 100%;
}
.gallery-launcher .gallery-hero-image li > * {
height: 100%;
}
.gallery-launcher .gallery-hero-image img {
display: block;
float: none;
margin: 0 auto;
max-width: 85%;
max-height: 200px;
height: auto;
width: auto;
}
.gallery-launcher .gallery-meta {
text-align: center;
}
.gallery-launcher .gallery-button {
color: #fff !important;
font-family: arial, sans-serif;
font-size: 20px;
height: 33px;
line-height: 33px;
margin: 10px 0 0;
text-align: center;
vertical-align: middle;
}
.gallery-launcher .gallery-button img {
display: inline;
float: none;
height: 24px;
vertical-align: middle;
width: 24px;
}
.gallery-launcher .gallery-images {
height: 72px;
margin: 10px 50px;
overflow: hidden;
text-align: center;
}
.gallery-launcher .gallery-images span {
display: inline-block;
height: 100%;
}
.gallery-launcher .gallery-images img {
display: inline-block;
height: 100%;
width: auto;
}
.gallery-close {
position: absolute;
display: block;
right: 10px;
top: 0;
font-size: 25px;
cursor: pointer;
font-weight: bold;
text-decoration: none !important;
display: none;
}
#article .gallery-close {
display: block;
}
#article .gallery-close:hover {
color: #ccc;
}
h4.gallery-intro,
.post-content h4.gallery-intro {
border-bottom: 1px solid #000;
letter-spacing: 0;
clear: both;
font-size: 108%;
text-transform: uppercase;
font-weight: bold;
}
.inject-gallery {
display: none;
position: absolute;
background: #000;
left: 0;
right: 0;
top: 42px;
bottom: 0;
margin-bottom: 96px;
}
.inject-gallery-ad {
height: 250px;
margin-left: -4px;
}
.mobile .inject-gallery {
top: 30px;
margin: 0;
right: -1px;
left: -1px;
height: 460px;
z-index: 2;
}
.inject-gallery small {
color: #fff;
display: block;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
margin: 10px auto;
text-align: center;
}
.inject-gallery span.ione-inject-close {
color: #fff;
display: block;
font-size: 20px;
line-height: 24px;
font-weight: bold;
margin: 10px auto;
text-align: center;
cursor: pointer;
position: absolute;
right: 75px;
top: 50%;
margin-top: -15px;
}
.mobile .inject-gallery small {
text-align: left;
}
.mobile .inject-gallery span.ione-inject-close {
right: 0;
top: 15px;
}
/* Hack to fix bad creatives... */
#div-gpt-gallery-inject > div {
display: block !important;
}
body:not(.mobile) .at-svc-whatsapp {
display: none !important;
}
/* 768 */
@media all and (max-width: 1000px) and (min-width: 768px) {
.gallery-player .gallery-caption h1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.gallery-player .media-next a {
padding: 0;
}
.gallery-player .media-next a:nth-child(2),
.gallery-player .media-next a:nth-child(5) {
padding-left: 9%;
}
}
/* 480 + 320 */
@media all and (max-width: 767px) {
#gallery .gallery-player {
padding-right: 5px;
height: auto !important;
}
.gallery-container {
width: auto;
}
.gallery-player .gallery-main {
height: auto;
}
/* Adjust buttons to be optimized for mobile */
.gallery-player .media-slider-container a.next-item strong span,
.gallery-player .media-slider-container a.previous-item strong span {
background-color: transparent;
}
.gallery-player .media-slider-container a.previous-item.adjacent strong span,
.gallery-container .media a.next-item.adjacent strong span {
background-color: transparent;
}
/* media-sldier-container needs a defined height when .gallery-main has height: auto */
.gallery-launcher .gallery-hero-image,
.gallery-player .media-slider-container {
padding-bottom: 5px;
margin-bottom: auto;
}
.gallery-player .gallery-list {
display: none;
}
.gallery-player .gallery-meta {
width: auto;
height: auto;
float: none;
position: static;
padding: 0;
}
.gallery-player .gallery-meta {
width: 100%;
clear: both;
}
.gallery-player .gallery-overflow {
position: static;
width: 100%;
float: left;
clear: both;
}
.the-gallery-content, .gallery-content-wrap {
height: auto;
}
.gallery-player .gallery-content {
padding: 10px;
}
.gallery-player .gallery-caption h1 {
margin-top: 10px;
}
.gallery-player .mobile-gallery-ad-unit {
position: fixed;
z-index: 1002;
margin: 0 10px;
right: 0;
left: 0;
bottom: 0;
}
.gallery-player .mobile-gallery-ad-unit .iframe-ad {
width: 300px;
margin: 0 auto;
}
.gallery-player .gallery-sharing {
position: static;
margin: 0;
min-height: 0;
}
#latest-galleries li {
padding: 10px 1.5%;
width: 44%;
margin: 5px 1.5%;
}
#latest-galleries .title {
padding-top: .5em;
font-size: .8em;
}
#latest-galleries a {
padding: 5px;
width: auto;
}
#latest-galleries .comments-link {
display: none;
}
.gallery-player .media-slider-container {
height: auto;
}
}
/* 480 only */
@media all and (min-width: 480px) and (max-width: 767px) {
.media-wrapper li iframe {
height: 279px;
}
}
/* 320 only */
@media all and (max-width: 479px) {
.media-wrapper li iframe {
height: 183px;
}
/** Use ALL available horizontal width for containers / launchers **/
.gallery-player .gallery-main {
height: auto;
}
.gallery-player .gallery-navigation {
margin: 0;
top: 0;
}
.gallery-launcher .gallery-hero-image {
height: 280px;
}
.gallery-player .media-slider-container {
margin-top: -31px;
padding-top: 31px;
}
.gallery-container .gallery-title {
font-size: 110%;
}
.gallery-player .gallery-meta .addthis_toolbox {
white-space: nowrap;
}
.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs {
display: inline-block;
float: none;
vertical-align: top;
}
.the-gallery-content, .gallery-content-wrap {
height: auto;
}
/* shrink text and images on next slide */
.gallery-player .media-next {
margin-top: 0;
font-size: .75em;
}
.gallery-player .media-next img { max-width: 45px; max-height: 45px; }
}
/*
* =Globals
* =Listen Live
* =Current Weather
* =Live Traffic
* =DART Ads
* =5 Day Weather Forecast
* =Outbrain
* =nRelate
* =Daily Links
* =Category Posts
* =Scribol
* =Monster Jobs
* =iOne Find A Job
* =CrowdIgnite
* =iOne In The Studio
* =iOne Show Categories
* =Categories with Descriptions
* =iOne Unstyled Text
* =Songza
* =iOne Newsletter Sign Up
* =iOne BlackPlanet Newsletter Signup
* =iOne RSS
* =Custom Menu
* =iOne Selected Category Posts Widget
* =iOne MojoPages widget styles
* =iOne Featured Authors
* =iOne Disqus
* =iOne Media Galleries
* =Core Image Widget
* =Related Articles Widget
* =Related Audio Widget
* =Related Video Widget
* =iOne River Widget
* =iOne Interviews
* =iOne More Videos
* =iOne Events Highlight
* =iOne Featured Category Posts Widget
* =iOne Trending Now Widget
* =iOne Author On Air Widget
* =iOne Gallery Carousel Widget
* =iOne Happening Right Now Widget
* =iOne Stories By Other Authors Widget
* =iOne Traffic Widget
* =Shop Local Walmart Widget
* =iOne Flex Posts Widget
* =iOne Image Widget
* =iOne YouTube Playlist
* =iOne Editors' Soapbox
* =iOne Get More Widget
* =SailThru Widget
* =iOne Related Galleries
* =iOne Diversity One Jobs
**/
/* =Globals
-------------------------------------------------------------- */
#secondary .widgettitle,
#single-sidebar-left .widgettitle,
.loop .widgettitle,
#author-description table th {
font-size: 138.5%;
}
.widget_text h1 {
font-size: 138.5%;
padding-bottom: .5em;
}
.widget_text h2 {
font-size: 123.1%;
padding-bottom: .55em;
}
.widget_text h3 {
font-size: 116%;
padding-bottom: .65em;
}
.widget_text h4 {
font-size: 108%;
text-transform: uppercase;
letter-spacing: 0.0625em;
}
.widget_text h5 {
font-size: 108%;
}
.widget_text h6 {
font-size: 100%;
text-transform: uppercase;
letter-spacing: 0.0625em;
}
.widget_text p,
.widget_text ul,
.widget_text ol,
.widget_text dl,
.widget_text address {
padding-bottom: 1em;
}
.widget_text ul {
margin-left: 1.5em;
list-style: square;
}
.widget_text ol {
margin-left: 1.5em;
list-style: decimal;
}
.widget_text li {
margin: 5px 0 0;
}
.widgetcontainer a {
text-decoration: none;
}
.widgetcontainer a:hover,
.widgetcontainer a:focus {
text-decoration: underline;
}
.widgetcontainer cite {
white-space: nowrap;
}
/* =Listen Live * Current Weather * Live Traffic
-------------------------------------------------------------- */
#live-updates-bar .widget_ione-current_weather,
#live-updates-bar .widget_ione-live_traffic,
#live-updates-bar .widget_ione-listen_live_radio {
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
background-color: #e6e6e6;
border-bottom: 1px solid #fff;
border-top: 1px solid #cfcfcf;
box-sizing:border-box;
float: left;
margin-right: 10px;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
margin-bottom: 0;
clear: none;
}
#live-updates-bar .widget_ione-current_weather,
#live-updates-bar .widget_ione-listen_live_radio {
width: 235px;
}
#live-updates-bar .oldie .widget_ione-current_weather,
#live-updates-bar .oldie .widget_ione-listen_live_radio {
width: 16%;
}
#live-updates-bar .ione-widget-current_weather,
#live-updates-bar .ione-widget-live_traffic,
#live-updates-bar .ione-widget-listen_live_radio {
height: 34px;
position: relative;
}
#live-updates-bar .current-weather,
#live-updates-bar .current-traffic {
line-height: 34px;
position: relative;
}
#live-updates-bar .current-weather .weather-link,
#live-updates-bar .current-traffic .traffic-link {
background: transparent url(/wp-content/themes/vip/ione2/css/../images/livetraffic-sponsored-more-bg.png) no-repeat left top;
font-size: 93%;
font-weight: bold;
padding: 0 10px 0 20px;
position: absolute;
right: 0;
top: 0;
}
#live-updates-bar .widget_ione-image {
float: left;
margin: 10px 14px 0 0;
width: auto;
clear: none;
}
/* =Listen Live
-------------------------------------------------------------- */
#live-updates-bar .widget_ione-listen_live_radio {
background-color: #bfbfbf;
border-top: 1px solid #bfbfbf;
}
.listen_live_widget_container {
cursor: pointer;
}
.listen_live_widget_container:hover a {
text-decoration: underline;
}
.listen_live_widget_container a.link_bpradio {
height: 18px;
line-height: 15px;
padding-top: 1px;
font-size: 18px;
}
.listen_live_widget_container .subtext {
font-size: 80%;
text-transform: uppercase;
}
/* =Current Weather
-------------------------------------------------------------- */
#live-updates-bar .current-weather .weather-title {
font-size: 108%;
margin-right: .65em;
white-space: nowrap;
}
#live-updates-bar .current-weather img {
padding: 7px 0 7px 3px;
vertical-align: middle;
}
/* =Live Traffic
-------------------------------------------------------------- */
#live-updates-bar .widget_ione-live_traffic {
width: 480px;
}
#live-updates-bar .oldie .widget_ione-live_traffic {
width: 55%;
}
#live-updates-bar .current-traffic strong,
#live-updates-bar .current-traffic .road-0,
#live-updates-bar .current-traffic .road-1,
#live-updates-bar .current-traffic .road-2,
#live-updates-bar .current-traffic .road-3,
#live-updates-bar .current-traffic .road-4,
#live-updates-bar .current-traffic .road-5 {
font-size: 108%;
margin-right: .65em;
white-space: nowrap;
}
#live-updates-bar .current-traffic strong {
margin-left: 15px;
}
#live-updates-bar .current-traffic .severity-1 {
color: #449f42;
}
#live-updates-bar .current-traffic .severity-2 {
color: #e5b517;
}
#live-updates-bar .current-traffic .severity-3 {
color: #d90b1f;
}
#live-updates-bar .current-weather a.link-fallback,
#live-updates-bar .current-traffic a.link-fallback,
.listen_live_widget_container a {
display: inline-block;
font-weight: bold;
height: 34px;
line-height: 33px;
vertical-align: middle;
}
#live-updates-bar .current-weather .img-fallback,
#live-updates-bar .current-traffic .img-fallback,
.listen_live_widget_container img {
display: inline-block;
padding: 4px 0 5px 5px;
vertical-align: middle;
}
/* =DART Ads
-------------------------------------------------------------- */
.widget_ione-dart-ad {
padding: 0 !important;
position: relative;
}
.widget_ione-dart-ad iframe {
display: block;
margin: 0 auto;
}
#secondary .widget_ione-dart-ad {
border: none;
clear: both;
padding: 0;
}
#secondary .widget_ione-dart-ad img {
max-width: none;
}
.ione-widget-dart-ad {
margin-left: -10px;
padding: 10px 10px 13px;
position: relative;
width: 100%;
}
#secondary .ione-widget-dart-ad,
.column-right .ione-widget-dart-ad {
background: none;
padding-top: 0;
}
small.ad-callout {
bottom: 0;
color: #777;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 9px;
position: absolute;
right: 10px;
}
.column-left .ione-widget-dart-ad,
#single-sidebar-left .ione-widget-dart-ad {
height: 623px;
margin: 0 auto 15px;
width: 160px;
}
#live-updates-bar .sponsored {
background: transparent url(/wp-content/themes/vip/ione2/css/../images/livetraffic-sponsored-more-bg.png) no-repeat left top;
height: 34px;
line-height: 34px;
padding: 0 0 0 14px;
position: absolute;
right: 0;
top: 0;
}
#live-updates-bar .widget_ione-listen_live_radio .sponsored {
background: transparent url(/wp-content/themes/vip/ione2/css/../images/listen_live_gradient_mask.png) no-repeat left top;
}
#live-updates-bar .sponsored .copy {
display: block;
float: left;
font-size: 8px;
font-weight: bold;
height: 34px;
line-height: 34px;
margin-right: 5px;
}
#live-updates-bar .sponsored .ad {
background-color: transparent;
float: left;
height: 34px;
width: 88px;
}
#live-updates-bar .sponsored .ad a {
height: 31px;
margin: 1px 0 2px;
width: 88px;
}
#live-updates-bar .sponsored .ad a img {
margin: 0;
padding: 0;
}
/* =5 Day Weather Forecast
-------------------------------------------------------------- */
.five_day_weather_forecast table {
border-collapse: collapse;
width: 100%;
}
.five_day_weather_forecast th {
font-size: 93%;
font-weight: normal;
}
.five_day_weather_forecast td {
line-height: 1.2;
text-align: center;
}
.weather-td img {
width: 52px;
}
.weather_td_hi_tmp {
font-weight: bold;
padding-bottom: .5em;
}
/* =Outbrain
-------------------------------------------------------------- */
#after-post .widget_ione-outbrain, #after-post .widget_ione-taboola, #after-post .widget_text { clear: both; float: none; width: 96%; }
#after-post .xoxo {
width: auto !important; /* overwrite Outbrain's 800px width which makes no sense... */
}
#module_outbrain ul { padding: 0; }
#module_outbrain .ob_org_header, #module_outbrain .ob_ads_header {
display: block;
font-weight: bold;
font-size: 108%;
padding-bottom: .75em;
}
#module_outbrain .ob_dual_container {
width: 100%;
}
#module_outbrain .ob_dual_container .ob_dual_left ul,
#module_outbrain .ob_dual_container .ob_dual_right ul {
margin-left: 0;
}
#module_outbrain .odb_li { padding-bottom: .75em; }
#module_outbrain .ob_dual_right .odb_li { }
#module_outbrain .ob-text-content a, #module_outbrain .ob-text-content span { display: inline; }
#module_outbrain .ob-text-content span { color: #888; }
/* =nRelate
-------------------------------------------------------------- */
.nr_inner ul {
margin: 0;
list-style-type: none;
}
#after-post .widget_ione-nrelate {
width: 100%;
}
/* =Daily Links
-------------------------------------------------------------- */
#after-post .widgetcontainer.widget_ione-daily-links {
clear: both;
float: none;
width: auto;
}
#after-post .widget_ione-daily-links .link-image {
float: left;
width: 300px;
}
#after-post .widget_ione-daily-links .links {
float: left;
width: 304px;
}
#after-post .widget_ione-daily-links .link-first {
padding-bottom: 15px;
}
#after-post .widget_ione-daily-links .link-first a {
font-size: 153.9%;
line-height: normal;
}
#after-post .widget_ione-daily-links ul {
list-style: disc outside none;
padding: 0 0 0 18px;
}
#after-post .widget_ione-daily-links ul li {
padding-bottom: 10px;
}
#after-post .widget_ione-daily-links a {
display: inline;
}
#after-post .widget_ione-daily-links .link-source {
font-size: 85%;
}
/* =Category Posts
-------------------------------------------------------------- */
#after-post .widget_ione-category_posts {
clear: both;
float: none;
width: 96%;
}
#after-post .widget_ione-category_posts .category_post_image {
float: right;
margin: 0 0 15px 15px;
width: 285px;
}
#after-post .widget_ione-category_posts .category_post_first_link {
display: inline;
font-size: 153.9%;
line-height: normal;
}
#after-post .widget_ione-category_posts .category_post_link_source {
font-size: 85%;
}
#after-post .widget_ione-category_posts ul {
list-style: disc outside none;
margin-top: 15px;
padding: 0 0 0 18px;
}
#after-post .widget_ione-category_posts ul li {
padding-bottom: 10px;
}
#after-post .widget_ione-category_posts .category_post_link {
display: inline;
}
/* =Scribol
-------------------------------------------------------------- */
#after-post .widget_ione-scribol {
width: 100%;
}
#after-post .scribol {
width: 100%;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0px;
border-style: initial;
border-color: initial;
border-image: initial;
}
/* =Monster Jobs
-------------------------------------------------------------- */
#after-post .widgetcontainer.widget_ione-jobs,
#after-post .widgetcontainer.widget_ione-jobs_v2 {
clear: both;
float: none;
width: 96%;
}
#after-post .widgetcontainer.widget_ione-jobs .ione-widget-jobs,
#after-post .widgetcontainer.widget_ione-jobs_v2 .ione-widget-jobs_v2 {
height: 360px;
overflow: hidden;
}
.ione-widget-jobs,
.ione-widget-jobs_v2{
height: 500px;
overflow: hidden;
}
/* =iOne Find A Job
-------------------------------------------------------------- */
.widget_ione-find_a_job form {
width: auto;
max-width: 417px;
height: 247px;
padding: 10px;
}
/* =CrowdIgnite Widget
-------------------------------------------------------------- */
#after-post .widgetcontainer.widget_ione-crowdignite {
float: none;
margin: 10px 0;
overflow: hidden;
padding: 0;
width: 660px;
}
#primary #after-post .ione-widget-container.ione-widget-crowdignite {
border: none;
margin: 0;
padding: 0;
}
#after-post .widgetcontainer.widget_ione-crowdignite div,
#after-post .widgetcontainer.widget_ione-crowdignite table {
width: 100%;
}
#after-post .widgetcontainer.widget_ione-crowdignite table {
table-layout: fixed;
}
#after-post .widgetcontainer.widget_ione-crowdignite td {
margin: 0 0 15px;
width: 165px;
}
#after-post .widgetcontainer.widget_ione-crowdignite td img {
display: inline;
}
/* =iOne In The Studio
-------------------------------------------------------------- */
.widget_ione-in_the_studio .ione-widget-in_the_studio .listen_live_widget_container {
background-color: #bfbfbf;
margin: 0 auto 10px;
padding: 5px 0;
text-align: center;
}
.in_the_studio_widget_current_show { border-bottom: 1px solid #c2c2c2; overflow: hidden; padding-bottom: .5em; }
.in_the_studio_widget_host_photo { float: right; margin-left: 1em; }
.in_the_studio_widget_host_name { font-size: 108%; font-weight: bold; }
.in_the_studio_widget_show_name, .in_the_studio_widget_links { font-size: 93%; }
.in_the_studio_widget_links a { display: inline-block; }
.in_the_studio_widget_show_schedule { clear:both; font-size: 93%; margin-top: .5em; }
.in_the_studio_widget_show_schedule table { width: 100%; }
.in_the_studio_widget_show_schedule th { text-align: left; padding-bottom: .5em; }
.in_the_studio_widget_show_schedule tbody tr:nth-child(odd) { background: #e6e6e6; background: rgba(170,170,170,0.2); }
.in_the_studio_widget_show_schedule tbody tr:nth-child(even) { background: #f2f2f2; background: rgba(170,170,170,0.1); }
.in_the_studio_widget_show_schedule td { padding: .25em; }
.in_the_studio_widget_show_schedule .show_name { padding-right: 1.25em; }
.in_the_studio_widget_show_schedule .show_time { text-align: right; white-space: nowrap; }
/* =iOne Show Categories
-------------------------------------------------------------- */
#secondary .ione-widget-show_categories .show_categories_title_bar {
-khtml-border-top-left-radius: 3px;
-khtml-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
background-color: #57a1d2;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #fff;
font-size: 1.2em;
font-weight: 600;
padding: 2px 60px 2px 10px;
position: relative;
}
#secondary .ione-widget-show_categories .show_categories_title_bar_link {
position: absolute;
right: 10px;
top: 5px;
}
#secondary .ione-widget-show_categories .show_categories_title_bar_link a {
color: #fff !important;
font-size: 0.65em;
}
#secondary .ione-widget-show_categories .show_categories_list {
background-color: #dfedf5;
padding: 3px;
}
#secondary .ione-widget-show_categories .show_categories_list ul {
background-color: #fff;
border: 1px solid #b4d6ef !important;
height: 98px;
overflow-y: scroll;
padding: 2px 7px;
}
#secondary .ione-widget-show_categories .show_categories_list ul a {
color: #333 !important;
}
/* =Categories with Descriptions
-------------------------------------------------------------- */
.post-content .see-all { display: none; }
.post-content ul.show-categories {
list-style-type: none;
}
.post-content li.widgetcontainer.widget_ione-show_categories {
list-style-type: none;
margin-bottom: 1em;
padding: 0px;
}
.post-content .show_categories_list li {
border-bottom: 1px solid #f4f4f4;
float: left;
width: 44%;
margin-right: 6%;
}
.ie7 .post-content .show_categories_list li {
margin-top: 4px;
}
.post-content .show_categories_list li .plus-sign {
font-weight: bold;
margin-right: 4px;
}
.post-content .show_categories_list li a {
display: inline-block;
}
.post-content .show_categories_list li.even { clear: left; }
.ie7 .post-content .show_categories_list li a {
display: inline;
}
.post-content .show_categories_list li .category-description {
font-size: 85%;
padding-bottom: .5em;
line-height: 1.5;
}
.post-content .show_health_conditions_title {
font-size: 138.5%;
font-weight: bold;
line-height: 1.3;
}
.category-health-conditions .post-content .show_categories_list ul,
.category-healthy-living .post-content .show_categories_list ul {
list-style-type: none;
margin-left: 0;
}
/* =iOne Unstyled Text
-------------------------------------------------------------- */
#secondary .ione_custom_text {
margin: 15px 0 15px -10px;
padding: 0 0 0 5px;
width: 315px;
}
/* =Songza
-------------------------------------------------------------- */
#songza-widget {
background-image: url(/wp-content/themes/vip/ione2/css/../images/playlist_background.jpg);
float: left;
width: 619px;
height: 224px;
}
#songza-widget .header-songza, #songza-widget .header-songza-name, #songza-widget .link-songza-name {
color: #fff;
font-weight: 800;
font: 116% Arial, Helvetica, sans-serif;
}
#songza-widget .header-songza {
padding: 5px;
}
#songza-widget .header-songza-name {
padding-left: 5px;
padding-bottom: 6px;
}
#songza-widget .songza-content {
position: relative;
padding-top: 10px;
padding-right: 169px;
padding-left: 5px;
}
#songza-widget .songza-play {
background-color: #fff;
float: left;
position: relative;
height: 130px;
width: 130px;
text-align: center;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-moz-box-shadow: 0 0 7px 1px #ccc;
-webkit-box-shadow: 0 0 7px 1px #ccc;
box-shadow: 0 0 7px 1px #ccc;
}
#songza-widget .img-songza-cover, #songza-widget .img-songza-play-icon {
height: auto;
margin: 0 auto;
max-width: 100%;
}
#songza-widget .img-songza-cover {
position: absolute;
top: 5px;
left: 5px;
z-index: 0;
}
#songza-widget .img-songza-play-icon {
z-index: 10;
position: absolute;
top: 24px;
left: 22px;
}
#songza-widget .songza-footer {
display: inline-block;
width: 41%;
color: #007ac5;
font-size: 77%;
font-weight: 400;
top: 125px;
margin-left: 13px;
}
#songza-widget .sub-header-songza {
color: #000;
font-size: 69.5%;
text-indent: 13px;
}
#songza-widget .songza-artists-list {
color: #000;
font-size: 123%;
padding-left: 143px;
padding-right: 75px;
}
#songza-widget .songza-creator-image {
position: absolute;
top: 15px;
left: 380px;
height: auto;
max-width: 100%;
}
/* =iOne Newsletter Sign Up
-------------------------------------------------------------- */
/* Common Styles */
.ione-widget-newsletter_sign_up {
overflow: hidden;
padding: 0 0 20px;
}
.ione-widget-newsletter_sign_up .nl-widget-container {
text-align: center;
}
.ione-widget-newsletter_sign_up .widget_title {
padding: 5px 10px 3px;
}
.ione-widget-newsletter_sign_up .widget_body {
line-height: 16px;
padding: 0 10px 10px;
}
.ione-widget-newsletter_sign_up .widget_button {
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ione-widget-newsletter_sign_up .widget_button a {
display: inline-block;
padding: 7px 15px;
text-align: center;
}
.ione-widget-newsletter_sign_up .widget_button a:hover {
text-decoration: none;
}
/* Custom Layout, Right Column - Unique Styles */
.custom-layout .column-right .ione-widget-newsletter_sign_up {
color: #666;
}
/* Home and Category Sidebars - Unique Styles */
#secondary .ione-widget-newsletter_sign_up img {
margin-left: -10px;
}
/* Under Single Post Sidebar - Unique Styles */
#after-post .widget_ione-newsletter_sign_up.widgetcontainer {
width: 100%;
}
#primary .ione-widget-container {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
float: none;
margin: 0 0 15px 0;
padding: 10px 10px 15px;
width: 100%;
overflow: hidden;
}
.ie7 #primary .ione-widget-container,
.ie8 #primary .ione-widget-container,
.ie9 #primary .ione-widget-container {
width: auto;
}
#primary .ione-widget-newsletter_sign_up {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: none;
box-sizing: border-box;
display: table-row;
}
#primary .ione-widget-newsletter_sign_up img {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
margin-right: 15px;
}
#primary .ione-widget-newsletter_sign_up .nl-widget-container {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ccc;
box-sizing: border-box;
display: table-cell;
padding-left: 15px;
text-align: left;
vertical-align: top;
}
#primary .ione-widget-newsletter_sign_up .widget_title {
padding: 5px 0 3px;
}
#primary .ione-widget-newsletter_sign_up .widget_body {
padding: 0 0 10px;
}
/* Modal window */
.ui-widget-overlay {
background-color: #000;
left: 0;
opacity: 0.0;
filter: alpha(opacity=0);
position: fixed;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.ui-dialog {
z-index: 100;
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 7px #000;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 7px #000;
border-radius: 7px;
box-shadow: 0 0 7px #000;
}
.newsletter-sign-up-modal-window .ui-dialog-titlebar {
-khtml-border-top-left-radius: 7px;
-khtml-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
font-size: 29px;
height: 52px;
line-height: 52px;
overflow: hidden;
padding: 0;
text-align: center;
vertical-align: middle;
word-spacing: 2px;
}
.newsletter-sign-up-modal-window .ui-dialog-titlebar-close {
display: none;
}
.newsletter-sign-up-modal-window #newsletter_sign_up_container {
-khtml-border-bottom-left-radius: 7px;
-khtml-border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
background-color: #fff;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
font-size: 14px;
height: 450px;
line-height: 17px;
overflow: auto;
padding: 10px 15px;
position: relative;
}
.newsletter-sign-up-modal-window #newsletter_sign_up_close_button {
display: none;
}
.newsletter-sign-up-modal-window #newsletter_sign_up_instructions {
min-height: 51px;
margin: 0 0 15px 0;
overflow: hidden;
width: auto;
}
.newsletter-sign-up-modal-window #newsletter_sign_up_iframe {
height: 150px;
width: 270px;
/*
height: 150px;
position: absolute;
bottom: 16px;
right: 43px;
*/
}
#newsletter_sign_up_cancel_button {
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
background: #f0f0f0 !important;
background: -moz-linear-gradient(top, #f0f0f0 0%, #c8c8c8 100%) !important;
background: -ms-linear-gradient(top, #f0f0f0 0%, #c8c8c8 100%) !important;
background: -o-linear-gradient(top, #f0f0f0 0%, #c8c8c8 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #c8c8c8)) !important;
background: -webkit-linear-gradient(top, #f0f0f0 0%, #c8c8c8 100%) !important;
background: linear-gradient(top, #f0f0f0 0%, #c8c8c8 100%) !important;
border: 1px solid #999 !important;
border-radius: 5px !important;
bottom: 22px;
color: #666 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c8c8c8', GradientType=0) !important;
font-size: 16px;
font-weight: normal;
height: 37px;
left: 15px;
line-height: 37px;
padding: 0 !important;
position: absolute;
text-align: center;
vertical-align: middle;
width: 93px;
z-index: 1;
}
#newsletter_sign_up_cancel_button:hover {
background: #c8c8c8 !important;
background: -moz-linear-gradient(top, #c8c8c8 0%, #f0f0f0 100%) !important;
background: -ms-linear-gradient(top, #c8c8c8 0%, #f0f0f0 100%) !important;
background: -o-linear-gradient(top, #c8c8c8 0%, #f0f0f0 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c8c8c8), color-stop(100%, #f0f0f0)) !important;
background: -webkit-linear-gradient(top, #c8c8c8 0%, #f0f0f0 100%) !important;
background: linear-gradient(top, #c8c8c8 0%, #f0f0f0 100%) !important;
color: #000 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#f0f0f0', GradientType=0) !important;
}
.ione-widget-bp_newsletter_signup input.email {
background: none;
border: none;
border: 1px solid #CCC;
padding: 4px 4px 5px 4px;
}
.ie8 .ione-widget-bp_newsletter_signup input.email { padding: 5px 4px 5px 4px; }
.ie7 .ione-widget-bp_newsletter_signup input.email { padding: 7px 4px 7px 4px; }
/* =iOne CustomNewsletter Sign Up
-------------------------------------------------------------- */
form.ees-subscribe label {
width: 75px;
float: left;
margin-right: 10px;
font-size: 11px;
line-height: 12px;
text-align: right;
}
form.ees-subscribe p {
margin: 5px 0;
}
form.ees-subscribe input.ees-submit {
margin: 5px 0 0 85px;
}
form.ees-subscribe .alert-error {
color: #f00;
margin-bottom: 10px;
font-weight: bold;
}
.ione-widget-custom_newsletter_sign_up .alert-success {
font-weight: bold;
}
.post-content form.ees-subscribe p {
padding: 0;
margin: 10px 0;
}
.post-content form.ees-subscribe label {
width: 140px;
font-size: 16px;
line-height: 25px;
}
.post-content form.ees-subscribe input[type="text"],
.post-content form.ees-subscribe input[type="email"] {
padding: 3px;
width: 200px;
}
.post-content form.ees-subscribe input.ees-submit {
margin: 10px 0 0 150px;
}
/* =iOne RSS
-------------------------------------------------------------- */
.widget_rss .widgettitle .rsswidget {
vertical-align: text-baseline;
}
.widget_rss .widgettitle a[href="http://xml.web.aol.com/aolportal/dynamiclead.xml"] {
display: none;
}
#sitefooter .widget_rss .widgettitle .rsswidget img {
display: none;
}
.widget_rss li {
padding-bottom: 1em;
} /* this is because the A's have been forced to display: inline, so the padding they had is gone */
.widget_rss li a,
.widget_rss .rss-date {
display: inline;
}
.widget_rss li a.rsswidget {
padding-right: .5em;
}
.widget_rss .rss-date {
white-space: nowrap;
}
.widget_rss .rssSummary,
.widget_rss cite {
font-size: 93%;
}
#sitefooter .widget_rss .widgettitle,
#sitefooter .widget_ione-rss .widgettitle {
font-size: 115%;
}
#sitefooter .widget_rss,
#sitefooter .widget_ione-rss {
margin: 0 20px 1em 0;
width: 170px;
}
#sitefooter .widget_rss ul,
#sitefooter .widget_ione-rss ul {
list-style: none;
margin: 0;
padding: 0;
}
#sitefooter .widget_rss li li,
#sitefooter .widget_ione-rss li li {
margin: 0 0 1em 0;
}
.footer-widgetregion h5.widgettitle {
border-bottom: 1px solid #000;
text-transform: capitalize !important;
}
/* =Custom Menu
-------------------------------------------------------------- */
#sitefooter .menu-primary-menu-container ul > li {
display: block;
width: auto;
}
#sitefooter .menu-primary-menu-container ul > li ul {
list-style: none;
margin: 1em 0 0 0;
}
#sitefooter .menu-primary-menu-container ul > li ul li {
display: inline-block;
width: 170px;
}
#sitefooter .menu-primary-menu-container > ul > li > a {
color: #444;
font-family: arial, sans-serif;
font-size: 13px;
font-weight: bold;
}
/* =iOne Latest Gallery Widget
-------------------------------------------------------------- */
.ione-widget-latest-gallery .custom-layout-image {
display: block;
height: 252px;
overflow: hidden;
}
.ione-widget-latest-gallery .custom-layout-image img {
height: 252px;
}
.ione-widget-latest-gallery .pill.widgettitle {
padding: 10px !important;
}
#secondary .ione-widget-latest-gallery .pill.widgettitle,
#single-sidebar-left .ione-widget-latest-gallery .pill.widgettitle {
margin-bottom: 0;
}
#secondary .ione-widget-latest-gallery {
overflow: hidden;
width: 280px;
}
#single-sidebar-left .ione-widget-latest-gallery {
overflow: hidden;
width: 220px;
}
.ione-widget-latest-gallery .custom-layout-title {
font-size: 15px;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
}
/* =iOne MojoPages widget styles
-------------------------------------------------------------- */
#secondary .ione-widget-mojopages .widgettitle {
overflow: hidden;
}
/* =iOne Featured Authors
-------------------------------------------------------------- */
.ione-widget-featured_authors ul {
list-style: none;
margin: 0;
padding: 10px 0 0;
}
.ione-widget-featured_authors .the-featured-authors > ul > li {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
}
#secondary .widgetcontainer .ione-widget-featured_authors .the-featured-authors > ul > li {
border-bottom: 1px solid #ccc;
}
.ione-widget-featured_authors .the-featured-authors > ul > li:last-child,
#secondary .widgetcontainer .ione-widget-featured_authors .the-featured-authors > ul > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.ione-widget-featured_authors .featured-author-profile {
position: relative;
margin-bottom: .8em;
}
.ione-widget-featured_authors .author-profile-name {
float: left;
max-width: 80%;
text-transform: uppercase;
}
.ione-widget-featured_authors .author-profile-title {
clear: left;
float: left;
max-width: 80%;
}
.ione-widget-featured_authors .author-profile-link {
text-transform: lowercase;
position: absolute;
top: 0px;
right: 0px;
}
.ione-widget-featured_authors .featured-author-thumbnail {
float: left;
margin-right: 9px;
max-height: 110px;
}
.ione-widget-featured_authors .featured-author-posts {
float: left;
width: 175px;
}
.ione-widget-featured_authors .featured-author-posts li {
list-style-type: disc;
}
.ione-widget-featured_authors ul .featured-author-posts ul {
margin: 0 0 0 20px;
}
/* =iOne Disqus
-------------------------------------------------------------- */
.widgetcontainer a.dsq-widget-thread {
font-weight: normal !important;
}
/* =iOne Media Galleries
-------------------------------------------------------------- */
.ione-widget-galleries a img,
.ione-widget-galleries .description {
display: inline-block;
vertical-align: top;
}
.ione-widget-galleries .description {
margin-left: 10px;
width: 175px;
}
.single-ione_media_gallery .ione-widget-galleries .description {
width: 190px;
}
.ione-widget-galleries .description span {
display: block;
}
.ione-widget-galleries .gal-title {
font-size: 108%;
line-height: 1.2;
font-weight: bold;
}
.ione-widget-galleries a:hover .gal-title,
.ione-widget-galleries a:focus .gal-title {
color: #000;
}
.ione-widget-galleries a .gal-date {
padding-top: .5em;
color: #888;
}
/* =Core Image Widget
-------------------------------------------------------------- */
#secondary .widgetcontainer.widget_image {
padding: 0;
margin-bottom: 1em;
}
/* Specific widget overrides */
.widget_archive a, .widget_categories a, .widget_links a, .tagcloud a { display: inline-block; }
.widget_recent_comments li { padding: .25em 0 .5em; }
.tagcloud a { letter-spacing: -0.025em; }
.ione-widget-authors a, .ione-widget-authors a img { display: inline-block !important; vertical-align: middle !important; }
.ione-widget-authors a img { margin-right: 10px; }
/* =Media Playlist Launcher Widget
-------------------------------------------------------------- */
.ione-widget-media_playlist_launcher {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100% !important;
}
.ione-widget-media_playlist_launcher .widgettitle {
border: none !important;
margin: 0 !important;
padding: 10px 10px 10px 0 !important;
}
.ione-widget-media_playlist_launcher .pill.widgettitle {
padding: 10px !important;
}
.ione-widget-media_playlist_launcher .mp-outer {
padding: 5px;
background: #000;
}
.ione-widget-media_playlist_launcher .mp-wrapper {
background-color: #333;
box-sizing: border-box; /* IE fix */
display: table;
padding: 13px 0 22px 5px;
width: 100%;
}
.ione-widget-media_playlist_launcher .mp-container {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
display: block;
float: left;
height: 100%;
}
.ione-widget-more_videos .comments-box,
.ione-widget-media_playlist_launcher .comments-box {
width: 100%;
left: 0;
bottom: 0px;
border-bottom: 5px solid #ddd;
}
.no-comment-links .ione-widget-media_playlist_launcher .mp-container {
padding-bottom: 0px;
}
.column-left .ione-widget-media_playlist_launcher .mp-container,
#single-sidebar-left .ione-widget-media_playlist_launcher .mp-container {
display: block;
}
.ione-widget-media_playlist_launcher .mp-container:hover {
background-color: #2a2a2a;
}
.ione-widget-media_playlist_launcher .mp-container-full {
width: 100%;
}
.ione-widget-media_playlist_launcher .mp-container-half {
width: 50%;
}
.ione-widget-media_playlist_launcher .mp-container-third {
width: 33%;
}
.column-left .ione-widget-media_playlist_launcher .mp-container-half,
.column-left .ione-widget-media_playlist_launcher .mp-container-third,
#single-sidebar-left .ione-widget-media_playlist_launcher .mp-container-half,
#single-sidebar-left .ione-widget-media_playlist_launcher .mp-container-third {
width: 100%;
}
.ione-widget-media_playlist_launcher .mp-thumbnail {
padding: 5px;
}
.ione-widget-media_playlist_launcher .mp-title {
padding: 2px 5px 5px;
}
.ione-widget-media_playlist_launcher .mp-title a {
color: #ccc !important;
font-size: 1.15em;
font-weight: bold;
}
.ione-widget-media_playlist_launcher .mp-title a:hover {
color: #fff !important;
text-decoration: none;
}
.ione-widget-media_playlist_launcher .mp-excerpt {
color: #ccc;
padding: 2px 5px 5px;
}
.ione-widget-media_playlist_launcher .mp-comments-container {
bottom: 5px;
height: 43px;
position: absolute;
right: 0;
width: 100%;
}
#latest-galleries .comments-link a,
.ione-widget-more_videos .comments-link a,
.ione-widget-media_playlist_launcher .comments-link a {
color: #ccc !important;
background: transparent url(/wp-content/themes/vip/ione2/css/../images/comment_bubble_light.png) no-repeat center right;
display: block;
line-height: 30px;
border: 0;
border-top: 1px solid #999;
text-align: right;
padding-right: 42px;
text-decoration: none;
margin: 0 5px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.ione-widget-media_playlist_launcher .comments-link a:hover { color: #fff !important; }
.ione-widget-media_playlist_launcher .mp-comments-border {
background-color: #999;
height: 1px;
margin: 0 5px;
}
.ione-widget-media_playlist_launcher .mp-comments {
float: right;
padding: 10px 5px;
}
.ione-widget-media_playlist_launcher .mp-comments a {
color: #ccc !important;
float: left;
height: 22px;
line-height: 22px;
padding: 0 5px;
}
.ione-widget-media_playlist_launcher .mp-comments a:hover {
color: #fff !important;
text-decoration: none;
}
.ione-widget-media_playlist_launcher .mp-comments img {
float: left;
}
.ione-widget-media_playlist_launcher .mp-border {
background-color: #999;
bottom: 0;
clear: both;
height: 5px;
position: absolute;
width: 100%;
}
/* =Selected Category Posts Widget
/* =Selected Zone Posts Widget
/* =iOne Featured Category Posts Widget
-------------------------------------------------------------- */
.widget_ione-selected_category_posts,
.widget_ione-selected_zone_posts {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #666;
padding: 10px !important;
width: 100% !important;
}
.ione-widget-featured_category_posts {
display: block;
overflow: hidden;
}
.ione-widget-selected_category_posts,
.ione-widget-selected_zone_posts {
padding-top: 10px;
}
.ione-widget-selected_category_posts{
padding-top: 10px;
}
.ione-widget-selected_category_posts .sponsored{
float: right;
width: 88px;
height: 31px;
font-size: 85%;
margin-top: -10px;
}
#custom-layout-right-rail .ione-widget-featured_category_posts ul {
margin: 0;
}
.ione-widget-selected_category_posts .widgettitle {
line-height: 1.5em
}
.ione-widget-selected_zone_posts .widgettitle {
margin: 0 !important;
}
.ione-widget-selected_category_posts .pill.widgettitle,
.ione-widget-selected_zone_posts .pill.widgettitle {
padding: 10px !important;
}
.select-cat-post,
.featured-cat-post {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px solid #000;
box-sizing: border-box;
padding: 10px;
width: auto;
overflow: hidden;
}
.widgetcontainer .textwidget,
.ione-widget-container ul#most-popular {
margin-top:10px;
}
#live-updates-bar .widgetcontainer .textwidget,
#live-updates-bar .ione-widget-container ul#most-popular {
margin-top: 5px;
}
.ione-widget-latest-gallery h3.widgettitle,
div[id^='twitter-'] h3.widgettitle {
margin-bottom:10px;
}
#custom-layout-right-rail .featured-cat-post.text-only {
border-top: none;
}
.ione-widget-selected_category_posts .pill.widgettitle + .select-cat-post.first-post,
.ione-widget-selected_zone_posts .pill.widgettitle + .select-cat-post.first-post {
border-top: none;
overflow: hidden;
}
table.select-cat-post td {
padding: 10px;
width: 50%;
}
table.select-cat-post td.odd {
border-right: 1px solid #d2d2d2;
}
table.select-cat-post td:hover,
div.select-cat-post:hover {
background-color: #e2e2e2;
}
.select-cat-post .featured-image {
float: left;
margin-right: 10px;
overflow: hidden;
width: 50%;
}
.column-left div.select-cat-post .featured-image {
float: none;
margin: 0;
width: 100%;
}
.column-middle .select-cat-post .featured-image {
width: 179px;
}
.column-right .select-cat-post .featured-image {
width: 119px;
}
.select-cat-post .featured-image a {
position: relative;
}
.select-cat-post .author-avatar {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
height: 55px;
margin: 0 10px 5px 0;
overflow: hidden;
width: 55px;
}
.select-cat-post .author-avatar img {
width: 55px;
}
.select-cat-post .display_name {
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.select-cat-post .byline {
font-size: 12px;
font-style: italic;
line-height: 18px;
}
.select-cat-post-date {
font-size: 11px;
font-weight: 600;
line-height: 15px;
text-transform: uppercase;
}
.author-post .select-cat-post-date {
line-height: 24px;
}
.select-cat-post-featured-title {
font-size: 16px;
line-height: 21px;
}
.select-cat-post .comments-link {
float: right;
margin-top: 5px;
padding-left: 10px;
position: relative;
background: transparent url(/wp-content/themes/vip/ione2/css/../images/comment_bubble.png) no-repeat center right;
}
.select-cat-post .comments-link a,
.featured-cat-post .comments-link a {
background: transparent;
text-decoration: none;
padding-right: 37px;
color: inherit;
line-height: 16px;
}
.select-cat-post.text-only {
background: url(/wp-content/themes/vip/ione2/css/../images/arrow_bullet.png) no-repeat 0 12px;
min-height: 22px;
padding: 10px 70px 10px 14px;
position: relative;
}
.select-cat-post .select-cat-post-comment-link,
.featured-cat-post .featured-cat-post-comment-bubble {
float: right;
margin-top: 5px;
position: relative;
}
.select-cat-post.text-only .select-cat-post-comment-link,
.featured-cat-post.text-only .featured-cat-post-comment-bubble {
margin-top: 0;
position: absolute;
right: 10px;
top: 8px;
}
.select-cat-post-comment-link a,
.featured-cat-post-comment-bubble a {
float: left;
height: 22px;
line-height: 22px;
padding: 0 5px;
}
.select-cat-post-comment-bubble img,
.featured-cat-post-comment-bubble img {
float: left;
}
.featured-cat-post .post-title {
color: #000;
}
.featured-cat-post-featured-title {
color: #000;
display: block;
font-size: 1em;
font-weight: 600;
}
.featured-cat-post .display_name {
float: left;
font-size: 0.9em;
}
.featured-cat-post .display_name a {
font-weight: 600;
}
.featured-cat-post {
padding: 0.5em 0.5em 0.5em 0;
}
.featured-image {
margin: 0 1em 0 0;
padding: 0;
}
.ione-widget-featured_category_posts ul {
list-style: none;
}
li.featured-cat-post {
overflow: hidden;
}
li.featured-cat-post.author-post {
border-bottom: 1px solid #d2d2d2;
}
li.featured-cat-post.text-only:before {
content: "\2022";
}
li.featured-cat-post.text-only {
display: list-item;
padding: 0.2em;
}
.widgetcontainer a.more-link {
float: left;
font-weight: 600;
border-top: 1px solid #d2d2d2;
width: 100%;
}
.ione-widget-featured_category_posts a.more-link {
margin: 0 0 1em 1.5em;
}
.ione-widget-selected_category_posts a.more-link {
margin-left: 10px;
}
footer #after-post .widget_ione-current_category_posts {
width: 100%;
}
footer #after-post .widget_ione-current_category_posts img {
float: left;
margin-right: 30px;
max-width: 47%;
}
/* =National News Video Widget
-------------------------------------------------------------- */
.ione-widget-national_news_video {
padding-bottom: 10px
}
.ione-widget-national_news_video iframe {
display: block;
height: 163px;
margin: 0 auto;
width: 402px;
}
.ione-widget-national_news_video .widgettitle {
border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
margin: 0 0 10px 0 !important;
}
.ione-widget-national_news_video .pill.widgettitle {
border-bottom: none !important;
padding: 10px !important;
}
/* =iOne Related Articles Widget
/* =iOne Related Audio Widget
/* =iOne Related Video Widget
-------------------------------------------------------------- */
.widget_ione-related-articles,
.widget_ione-related-audio,
.widget_ione-related-video {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #666;
padding: 10px !important;
width: 100% !important;
}
.ione-widget-related-articles,
.ione-widget-related-audio {
border-bottom: 1px solid #d2d2d2;
}
.ione-widget-related-articles .widgettitle,
.ione-widget-related-audio .widgettitle,
.ione-widget-related-video .widgettitle {
border: none !important;
margin: 0 !important;
padding: 10px 10px 10px 0 !important;
}
.ione-widget-related-articles .pill.widgettitle,
.ione-widget-related-audio .pill.widgettitle,
.ione-widget-related-video .pill.widgettitle {
padding: 10px !important;
}
.ione-widget-related-articles ul,
.ione-widget-related-audio ul,
.ione-widget-related-video ul {
list-style: none;
margin: 0;
padding: 0;
}
.ione-widget-related-articles ul li,
.ione-widget-related-audio ul li,
.ione-widget-related-video ul li {
margin: 0 !important;
}
.ione-widget-related-articles .related-content-li,
.ione-widget-related-audio .related-content-li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url(/wp-content/themes/vip/ione2/css/../images/arrow_bullet.png) no-repeat 0 12px;
border-top: 1px solid #d2d2d2 !important;
box-sizing: border-box;
min-height: 22px;
padding: 10px 10px 10px 14px;
width: 100%;
}
.ione-widget-related-articles .related-content-li.first-post,
.ione-widget-related-audio .related-content-li.first-post {
border-top: none;
}
.ione-widget-related-articles .related-content-li:hover,
.ione-widget-related-audio .related-content-li:hover {
background-color: #e2e2e2;
}
/* =iOne Related Video Widget
-------------------------------------------------------------- */
.ione-widget-related-video .related-video-spacer {
background-color: #333;
height: 14px;
}
.ione-widget-related-video .related-video-li {
background-color: #333;
border-bottom-color: #999 !important;
border-bottom-style: dotted !important;
border-bottom-width: 1px !important;
clear: both;
display: block;
margin: 0;
overflow: auto;
padding: 0 10px 5px 1px;
position: relative;
}
#secondary .widgetcontainer ul .related-video-li:hover {
background-color: #2a2a2a;
}
.ione-widget-related-video .related-video-a:hover {
text-decoration: none !important;
}
.ione-widget-related-video .related-video-img {
float: left;
margin-right: 7px;
width: 100px;
}
.ione-widget-related-video .related-video-a span {
color: #ccc;
font-size: 12px;
font-weight: bold;
line-height: 14px;
}
.ione-widget-related-video .related-video-a span:hover {
color: #fff;
}
.ione-widget-related-video .related-video-a span strong {
color: #ff0000;
}
.ione-widget-related-video .related-video-play-icon {
background-image: url(/wp-content/themes/vip/ione2/css/../images/related-video.png);
display: block;
height: 49px;
left: 26px;
position: absolute;
top: 5px;
width: 50px;
}
/* =iOne River Widget
-------------------------------------------------------------- */
.ione-widget-river .custom-layout-image {
display: none;
}
/* =iOne Interviews
-------------------------------------------------------------- */
.interview-widget-img {
float: left;
margin: 0.5em;
}
ul.interviews-list {
list-style: none;
float: right;
margin: 0.5em 0;
width: 84%;
}
li.interview {
float: left;
line-height:1.2em;
margin: 0.15em;
width: 48%;
}
li.interview a {
color: #000;
}
li.interview.odd {
padding: 0 2% 0 0;
}
li.interview a img{
float: left;
margin: 0.2em 0.5em 0.2em 0;
}
/* =iOne More Videos
-------------------------------------------------------------- */
.ione-widget-more_videos {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.ione-widget-more_videos .widgettitle {
border: none !important;
margin: 0 !important;
padding: 10px 10px 10px 0 !important;
}
.ione-widget-more_videos .pill.widgettitle {
padding: 10px !important;
}
.ione-widget-more_videos .more-videos-container {
background: #000;
padding: 5px;
}
.ione-widget-more_videos .more-videos-ul {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #333;
box-sizing: border-box;
display: table;
list-style: none;
margin: 0;
overflow: hidden;
padding: 13px 0 22px 5px !important;
width: 100%;
}
.ione-widget-more_videos .more-videos-li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
width: 33%;
}
.column-left .ione-widget-more_videos .more-videos-li {
width: 100%;
}
.ione-widget-more_videos .more-videos-li:hover {
background-color: #2a2a2a;
}
.ione-widget-more_videos .more-videos-thumbnail {
padding: 5px;
}
.ione-widget-more_videos .more-videos-title {
padding: 2px 5px 5px;
}
.ione-widget-more_videos .more-videos-title a {
color: #ccc !important;
font-size: 1.15em;
font-weight: bold;
}
.ione-widget-more_videos .more-videos-title a:hover {
color: #fff !important;
text-decoration: none;
}
/* =iOne Events Highlight
-------------------------------------------------------------- */
.ione-widget-events_hightlight h3.widgettitle {
margin-bottom: 0;
}
.ie7 .ione-widget-events_hightlight h3.widgettitle .month {
position: absolute;
top: 5px;
right: 15px;
}
.events-highlight ul.oomph-calendar,
.events-highlight {
width: 100%;
}
.ie7 .events-highlight {
font-size: 95%;
width: 90%;
}
.events-highlight ul li {
display: inline;
float: left;
margin: 0 !important;
padding: 0.2em;
text-align: center;
}
#secondary .widgetcontainer .events-highlight ul.oomph-calendar li,
.events-highlight ul.oomph-calendar li {
background-color: #dfdfdf;
border: 1px solid #FFFFFF;
font-weight: 600;
height: 35px;
width: 30px;
}
#secondary .widgetcontainer .events-highlight ul.oomph-calendar li{
padding: 0.1em;
}
#secondary .widgetcontainer .events-highlight ul li.has-events,
.events-highlight ul li.has-events{
background-color: #898989;
}
#secondary .widgetcontainer .events-highlight ul li.active,
.events-highlight ul li.active {
background-color: #0072bc;
}
#secondary .widgetcontainer .events-highlight ul li:hover,
.events-highlight ul li:hover {
background-color: #c0d7e6;
}
#secondary .widgetcontainer .events-highlight ul li.active a,
.events-highlight ul li.active a,
#secondary .widgetcontainer .events-highlight ul li:hover a,
.events-highlight ul li:hover a {
color: #fff;
text-decoration: none;
}
#secondary .widgetcontainer .events-highlight ul li:hover a,
.events-highlight ul li:hover a {
color: #555;
}
.events-highlight ul a {
color: #444;
text-decoration: none;
}
.events-highlight ul span.day {
font-size: 1em;
}
.events-highlight ul span.name {
font-size: 0.8em;
}
.widgettitle .month {
color: #666666;
float: right;
font-size: 0.7em;
font-weight: 300 !important;
line-height: 3em;
}
.ione-widget-events_hightlight .prev-week,
.ione-widget-events_hightlight .next-week {
background: transparent url(/wp-content/themes/vip/ione2/css/../images/blue-arrow.png) no-repeat left top;
width: 15px;
height: 17px;
display: block;
cursor: pointer;
position: relative;
}
.ione-widget-events_hightlight .prev-week {
background-position: -15px 0;
float: left;
margin-right: 5px;
top: 22px;
}
#secondary aside .ione-widget-events_hightlight .prev-week {
top: 10px;
}
.ione-widget-events_hightlight .next-week {
background-position: 0 0;
float: right;
top: 10px;
}
.ie7 .ione-widget-events_hightlight .next-week {
position: relative;
right: -5px;
top: -60px;
}
.highlighted-events {
clear: both;
color: #333333;
}
.highlighted-events ul {
display: block;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0.5em 0;
}
.highlighted-events li.event-highlight {
float: left;
border: none;
overflow: hidden;
padding: 0.5em 0.3em;
width: 46%;
}
.highlighted-events .event-excerpt {
border-top: solid 1px #ebebeb;
padding: 1em 0;
font-size: 0.85em;
line-height: 1.2em;
}
.highlighted-events .event-excerpt a{
font-weight: 600;
}
li.event-highlight .event-date {
background-color: transparent;
border-radius: 0;
padding: 4px 0;
color: #999999;
font-weight: 600;
font-size: 0.9em;
}
li.event-highlight.even {
float: right;
}
.ione-widget-events_hightlight a.more-events {
border-top: 1px solid #EBEBEB;
display: block;
font-weight: 600;
padding: 0.5em 0;
text-align: left;
width: 100%;
}
/*= iOne Trending Now Widget
-------------------------------------------------------------- */
.widget_ione-trending_now {
margin: 0;
padding: 0;
}
ul.trending-now-ul {
background-color: #F0F0F0;
list-style: none;
margin: 0.5em 1em 0 0;
padding: 0.5em;
}
ul.trending-now-ul h3 {
border-bottom: none;
display: inline-block;
font-size: 115%;
}
li.trending-now-li {
border-right: 1px solid #666;
display: inline;
padding: 0 1em;
}
li.trending-now-li:last-child {
border-right: none;
}
/*= iOne Author On Air Widget
-------------------------------------------------------------- */
ul.authors-onair {
list-style: none;
margin: 1em 0;
}
ul.authors-onair li {
border-bottom: 1px solid #D2D2D2 !important;
padding: 0.5em 0;
}
ul.authors-onair li a.author-onair-img {
float: left;
padding: 0 1em 0 0;
}
ul.authors-onair span.on-air {
background-color: #ff0000;
color: #ffffff;
font-weight: 600;
padding: 0.2em;
}
.authors-onair-profile {
float: left;
width: 65%;
}
.author-onair-name {
font-size: 1.2em;
font-weight: 600;
}
.author-onair-name a,
.author-onair-title a {
color: #666;
}
.author-onair-title {
clear: both;
}
.author-more-link {
font-weight: 600;
}
/* =iOne Gallery Carousel Widget
/* =iOne Happening Right Now Widget
-------------------------------------------------------------- */
.ione-widget-gallery_carousel,
.ione-widget-happening_now {
background-color: #efefef;
}
#gallery-carousel,
#happening-now {
padding: 1.5% 0;
display: block;
height: 100px;
overflow: hidden;
}
ul.gallery-carousel,
ul.happening-now {
list-style: none;
}
li.gallery-item {
display: inline;
}
li.gallery-item a,
li.happening-item .happening-img {
float: left;
min-width: 154px;
}
li.gallery-item a img,
li.happening-item a img {
border: 5px solid #6e6f71;
margin: 5px;
}
.gallery-carousel-detail,
.happening-now-detail {
float: right;
width: 420px;
height: 110px;
overflow: hidden;
display: block;
}
.gallery-carousel-detail > h4,
.gallery-carousel-detail > a {
margin-left: 2%;
}
.gallery-carousel-detail > h4.gallery-carousel-title,
.happening-now-detail > h4 {
font-size: 1.2em;
}
.gallery-carousel-detail > a,
.happening-now-detail > a {
color: #666;
}
.gallery-carousel-detail > a .more-link,
.happening-now-detail > a .more-link {
color: #01508e;
font-weight: 600;
}
.gc-prev,
.gc-next,
.hn-prev,
.hn-next {
width: 32px;
height: 120px;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.gc-prev:before,
.gc-next:before,
.hn-prev:before,
.hn-next:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.gc-prev,
.hn-prev {
background: url(/wp-content/themes/vip/ione2/css/../functions/single-dynamic-carousel/images/prev.png) no-repeat scroll center center #6E6F71;
float: left;
}
.gc-next,
.hn-next {
background: url(/wp-content/themes/vip/ione2/css/../functions/single-dynamic-carousel/images/next.png) no-repeat scroll center center #6E6F71;
float: right;
}
.gallery-carousel-nav,
.happening-now-nav {
background-color: #fff;
float: left;
text-align: center;
width: 100%;
}
.dot {
color: #6E6F71;
cursor: pointer;
font-size: 30px;
text-align: center;
}
a.dot:hover,
a.dot:focus,
.gallery-carousel-detail > a:hover,
.gallery-carousel-detail > a:focus {
text-decoration: none;
}
.dot.active {
color: #000;
}
/* =iOne Stories By Other Authors Widget
-------------------------------------------------------------- */
li.story-by-other-authors,
.story-by-other-authors-img {
float: left;
}
#secondary .widgetcontainer li.story-by-other-authors {
border-bottom: 1px solid #efefef;
padding-bottom: 3%;
}
.story-detail {
float: right;
width: 65%;
}
.story-by-other-authors-img {
width: 25%;
}
#secondary .widgetcontainer .story-detail > a {
color: #333;
}
.story-detail a {
font-weight: 600;
}
/* =iOne Traffic Widget
-------------------------------------------------------------- */
.ione-widget-traffic .widgettitle {
border: none !important;
padding: 5px 10px;
}
.ione-widget-traffic {
background-color: #f0f0f0;
overflow: hidden;
}
.ione-traffic iframe {
margin: 0 10px;
}
.ione-widget-traffic .traffic {
background: url(/wp-content/themes/vip/ione2/css/../images/traffic-alert.png) no-repeat 0 5px;
display: block;
height: 30px;
margin: 5px 5px 5px 10px;
}
.ione-widget-traffic .traffic > a {
background-color: #ABABAB;
float: left;
height: 20px;
margin: 5px 5px 5px 25px;
text-decoration: none;
width: 200px;
}
.ione-widget-traffic .traffic > a span.road-title {
color: #FFFFFF;
display: block;
font-weight: 300;
padding: 5px;
position: relative;
text-transform: uppercase;
top: -25px;
z-index: 1;
}
.ione-widget-traffic .traffic > a span.bg {
background-color: #009BFF;
display: block;
height: 20px;
}
.ione-widget-traffic .traffic > span {
color: #999999;
display: block;
font-size: 14px;
height: 20px;
line-height: 18px;
padding: 5px;
}
a.traffic-link {
clear: both;
font-weight: 600;
margin: 10px;
}
/* =Shop Local Walmart Widget
-------------------------------------------------------------- */
/* Shop Local Walmart widget */
body .MicrosoftMap .Infobox .infobox-info {
font-size: 11px;
text-transform: capitalize;
}
body .MicrosoftMap .Infobox a:hover {
text-decoration: none;
}
body .MicrosoftMap .MicrosoftNav, .OverlaysBR-logoAware, .OverlaysBL {
display: none !important;
}
#myMap {
background: url(/wp-content/themes/vip/ione2/css/../images/walmart_map_default.jpg) center -61px no-repeat;
}
.sl-inputs {
margin-bottom: 10px;
}
.sl-text {
width: 185px;
padding: 5px;
}
.sl-bottom {
text-align: right;
overflow: hidden;
margin-top: 5px;
}
.sl-bottom span {
}
.widgetcontainer a.sl-submit {
float: right;
}
a.sl-submit {
padding: 5px 15px;
}
a.sl-submit:hover {
text-decoration: none;
}
.widgetcontainer a.sl-submit:hover {
text-decoration: none;
}
.walmart-logo {
width: 83px;
height: 20px;
background: url(/wp-content/themes/vip/ione2/css/../images/Walmart_logo.png) no-repeat;
float: right;
}
/* Telemundo Indy adjustment */
#secondary .widgetcontainer.widget_ione-telemundo_indy {
padding: 0;
position: relative;
z-index: 1;
}
.ione-widget-telemundo_indy.ione-widget-container {
width: 300px;
}
/* =iOne Flex Posts Widget
-------------------------------------------------------------- */
.ione-widget-flex_posts,
.ione-widget-trending_category {
overflow: hidden;
}
.ione-widget-container .flex-post-master-container {
margin: 8px 0 0;
}
.ione-widget-container .flex-post-container {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.ione-widget-container .flex-post-container:hover {
background-color: #e2e2e2;
}
.ione-widget-container .full {
clear: both;
}
.ione-widget-container .flex-post-featured-title {
font-size: 16px;
}
.ione-widget-container .third-col-left .flex-post-featured-title,
.ione-widget-container .third-col-middle .flex-post-featured-title,
.ione-widget-container .third-col-right .flex-post-featured-title {
font-size: 13px;
}
.ione-widget-container .flex-post-featured-title a {
font-weight: bold;
}
.ione-widget-container .flex-post-featured-title a:hover {
text-decoration: none;
}
.ione-widget-container .flex-post-image,
.ione-widget-container .flex-post-avatar {
padding: 0 0 10px;
}
.ione-widget-container .half-col-left,
.ione-widget-container .half-col-right {
float: left;
width: 49%;
}
.ione-widget-container .half-col-left {
clear: both;
margin-right: 2%;
}
.ione-widget-container .third-col-left,
.ione-widget-container .third-col-middle,
.ione-widget-container .third-col-right {
float: left;
width: 32%;
}
.ione-widget-container .third-col-left,
.ione-widget-container .third-col-middle {
margin-right: 2%;
}
.ione-widget-container .third-col-left {
clear: both;
}
.ione-widget-container .flex-post-image .flex-post-date,
.ione-widget-container .flex-post-avatar .flex-post-date {
font-size: 10px;
text-transform: uppercase;
}
.ione-widget-container .flex-post-image .flex-post-featured-title,
.ione-widget-container .flex-post-image .flex-post-author-name,
.ione-widget-container .flex-post-image .flex-post-date,
.ione-widget-container .flex-post-image .flex-post-excerpt,
.ione-widget-container .flex-post-avatar .flex-post-featured-title,
.ione-widget-container .flex-post-avatar .flex-post-featured-author-name,
.ione-widget-container .flex-post-avatar .flex-post-date,
.ione-widget-container .flex-post-avatar .flex-post-excerpt {
padding: 0 3px;
}
.ione-widget-container .flex-post-avatar .flex-post-featured-author-name {
font-weight: bold;
}
.ione-widget-container .flex-post-image .flex-post-excerpt,
.ione-widget-container .flex-post-avatar .flex-post-excerpt {
margin: 5px 0 0;
}
.ione-widget-container .flex-post-more-link {
clear: both;
display: block;
font-weight: bold;
}
.ione-widget-container .flex-post-image-container {
margin: 0 0 10px;
overflow: hidden;
padding-top: 60%;
position: relative;
}
.ione-widget-container .flex-post-avatar-container {
float: left;
height: 55px;
margin: 0 7px 0 0;
overflow: hidden;
width: 55px;
}
.flex-post-container .thumbnail {
height: auto;
width: auto;
}
.flex-post-image-container img {
left: 0;
position: absolute;
top: 0;
}
.ione-widget-container .flex-post-text {
background-image: url(/wp-content/themes/vip/ione2/css/../images/arrow_bullet.png);
background-position: 0 12px;
background-repeat: no-repeat;
border-top: 1px solid #d2d2d2;
padding: 10px 10px 10px 14px;
}
.ione-widget-container .last-post {
border-bottom: 1px solid #d2d2d2;
margin-bottom: 10px;
}
/* Post title resize based on image width */
.three-column .column-left .ione-widget-container .half-col-left .flex-post-featured-title,
.three-column .column-left .ione-widget-container .half-col-right .flex-post-featured-title,
.three-column .column-left .ione-widget-container .third-col-left .flex-post-featured-title,
.three-column .column-left .ione-widget-container .third-col-middle .flex-post-featured-title,
.three-column .column-left .ione-widget-container .third-col-right .flex-post-featured-title,
.three-column .column-middle .ione-widget-container .third-col-left .flex-post-featured-title,
.three-column .column-middle .ione-widget-container .third-col-middle .flex-post-featured-title,
.three-column .column-middle .ione-widget-container .third-col-right .flex-post-featured-title,
.three-column .column-right .ione-widget-container .half-col-left .flex-post-featured-title,
.three-column .column-right .ione-widget-container .half-col-right .flex-post-featured-title,
.three-column .column-right .ione-widget-container .third-col-left .flex-post-featured-title,
.three-column .column-right .ione-widget-container .third-col-middle .flex-post-featured-title,
.three-column .column-right .ione-widget-container .third-col-right .flex-post-featured-title,
#custom-layout-right-rail .ione-widget-container .half-col-left .flex-post-featured-title,
#custom-layout-right-rail .ione-widget-container .half-col-right .flex-post-featured-title,
#custom-layout-right-rail .ione-widget-container .third-col-left .flex-post-featured-title,
#custom-layout-right-rail .ione-widget-container .third-col-middle .flex-post-featured-title,
#custom-layout-right-rail .ione-widget-container .third-col-right .flex-post-featured-title,
.two-column .column-right .ione-widget-container .half-col-left .flex-post-featured-title,
.two-column .column-right .ione-widget-container .half-col-right .flex-post-featured-title,
.two-column .column-right .ione-widget-container .third-col-left .flex-post-featured-title,
.two-column .column-right .ione-widget-container .third-col-middle .flex-post-featured-title,
.two-column .column-right .ione-widget-container .third-col-right .flex-post-featured-title,
#secondary .ione-widget-container .half-col-left .flex-post-featured-title,
#secondary .ione-widget-container .half-col-right .flex-post-featured-title,
#secondary .ione-widget-container .third-col-left .flex-post-featured-title,
#secondary .ione-widget-container .third-col-middle .flex-post-featured-title,
#secondary .ione-widget-container .third-col-right .flex-post-featured-title,
#single-sidebar-left .ione-widget-container .half-col-left .flex-post-featured-title,
#single-sidebar-left .ione-widget-container .half-col-right .flex-post-featured-title,
#single-sidebar-left .ione-widget-container .third-col-left .flex-post-featured-title,
#single-sidebar-left .ione-widget-container .third-col-middle .flex-post-featured-title,
#single-sidebar-left .ione-widget-container .third-col-right .flex-post-featured-title {
font-size: 13px;
}
/* End iOne Flex Posts Widget -------------------------------- */
/* Most Popular Widget */
.ione-widget-most_popular ul#most-popular li {
margin: 0 0 1em 0;
}
#secondary .ione-widget-most_popular ul#most-popular li{
list-style:none;
clear: both;
}
.ione-widget-most_popular ul#most-popular li img{
float: left;
width: 65px;
max-height: 49px;
margin: 0 14px 0 0;
}
/* Text Widget */
.textwidget {
margin-top:10px;
}
/* Recent Posts */
div[id^="recent-posts-"] ul {
margin-top:10px;
}
div[id^="recent-posts-"] ul li {
margin: 0 0 1em 0;
}
/* Poll Daddy for Text Widget */
div[id^="PDI_container"] .pds-box {
width:auto !important;
}
/* =iOne Image Widget
-------------------------------------------------------------- */
.ione-widget-image .image-widget-wrapper {
margin: 8px 0 0;
}
.ione-widget-image .image-widget-description {
display: inline-block;
margin: 10px 0 0 0;
}
.ione-widget-image .image-widget-text-link:hover span {
text-decoration: underline;
}
/* =iOne Page Promo Widget
-------------------------------------------------------------- */
.pp-overlay,
.sc-overlay,
.fblike-widg-overlay{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 999998;
display: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
/* IE 5-7 */
filter: alpha(opacity=90);
/* Netscape */
-moz-opacity: 0.9;
/* Safari 1.x */
-khtml-opacity: 0.9;
/* Good browsers */
opacity: 0.9;
}
.pp-wrapper,
.sc-wrapper,
.fblike-widget.fblike-popup {
position: absolute;
width: 640px;
background: #fff;
left: 50%;
margin-left: -365px;
top: 100px;
z-index: 999999;
padding: 20px 45px;
border: 1px solid #ccc;
box-shadow: 0 0 40px #333;
display: none;
}
.mobile .pp-wrapper,
.mobile .sc-wrapper,
.mobile .fblike-widget.fblike-popup {
padding: 20px 32px;
}
.fblike-widget h2 {
display: none;
font-size: 20px;
text-align: center;
margin-bottom: 10px;
}
.fblike-widget.fblike-popup h2 {
display: block;
}
.fblike-widget.fblike-popup {
width: 279px;
margin-left: -185px;
}
.sc-wrapper,
.fblike-widget.fblike-popup {
position: fixed;
}
#secondary .widgetcontainer a.pp-close, a.pp-close,
#secondary .widgetcontainer a.sc-close, a.sc-close,
.fblike-widget .fblike-close {
position: absolute;
top: -5px;
right: 10px;
font-size: 25px;
cursor: pointer;
color: #ccc;
font-weight: bold;
text-decoration: none !important;
display: block;
}
.sc-wrap a.sc-close,
.sc-wrap .sc-do-not-show,
.sc-wrap .sc-not-now,
.fblike-widget .fblike-close,
.fblike-widget .fblike-do-not-show,
.fblike-widget .fblike-not-now {
display: none !important;
}
.fblike-widget.fblike-popup .fblike-close,
.fblike-widget.fblike-popup .fblike-do-not-show,
.fblike-widget.fblike-popup .fblike-not-now {
display: block !important;
}
.sc-wrapper .sc-do-not-show a,
.sc-wrapper .sc-not-now a {
color: #666;
}
#secondary .widgetcontainer a.pp-close:hover, a.pp-close:hover,
#secondary .widgetcontainer a.sc-close:hover, a.sc-close:hover {
color: #ddd;
}
#secondary .pp-wrapper h3.widgettitle, .pp-wrapper h3.widgettitle,
#secondary .sc-wrapper h3.widgettitle, .sc-wrapper h3.widgettitle {
font-size: 24px !important;
font-weight: bold !important;
text-align: center;
margin-left: -45px;
margin-right: -45px;
border-color: #ccc;
padding: 5px 10px;
margin: 0 0 .80em 0
}
.pp-content,
.sc-content {
margin-bottom: 20px;
}
.pp-embed * {
margin: 0 auto;
}
.pp-embed * {
max-width: 640px;
}
.pp-bottom,
.sc-bottom {
padding: 20px 0 0;
overflow: hidden;
}
.widgetcontainer .sc-newsletter .sailthru-signup-widget label {
display: block;
text-align: left;
}
.widgetcontainer .sc-newsletter .sailthru-signup-widget .btn.btn-reverse {
display: inline;
margin: 0;
font-size: 22px;
}
.sc-newsletter,
.sc-share {
text-align: center;
}
.sc-share {
display: none;
}
.sc-newsletter p,
.sc-share p {
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
}
#secondary .widgetcontainer .pp-do-not-show, .pp-do-not-show,
#secondary .widgetcontainer .sc-do-not-show, .sc-do-not-show,
.fblike-widget.fblike-popup .fblike-do-not-show {
float: left;
line-height: 30px;
}
#secondary .widgetcontainer .sc-not-now, .sc-not-now,
.fblike-widget.fblike-popup .fblike-not-now {
float: right;
line-height: 30px;
}
#secondary .widgetcontainer .pp-give-a-try, .pp-give-a-try {
float: right;
font-size: 15px;
line-height: 30px;
}
.widgetcontainer .sc-newsletter .sailthru-signup-widget .form-control {
padding: 4px 0;
height: auto;
text-indent: 2%;
max-width: 100%;
}
.widgetcontainer .sc-wrapper .sailthru-signup-widget input.sailthru_email {
max-width: 100%;
}
#after-post .widget_ione-social_conversion {
width: 96%;
}
#after-post .sc-wrap .sc-newsletter p,
#after-post .sc-wrap .sc-share p {
text-align: left;
}
#after-post .widgetcontainer .sc-wrap .sailthru-signup-widget input.sailthru_email {
max-width: 100%;
}
#after-post .sc-wrap .sc-newsletter,
#after-post .sc-wrap .sc-share {
text-align: left;
}
/* 768 */
@media all and (max-width: 1000px) and (min-width: 768px) {
.pp-wrapper {
}
.pp-embed * {
}
}
/* 480 */
@media all and (min-width: 480px) and (max-width: 767px) {
.pp-wrapper {
width: 460px;
padding: 10px;
margin: 0;
left: 0;
}
.pp-embed * {
max-width: 460px;
}
}
/* 320 */
@media all and (max-width: 479px) {
.pp-wrapper {
width: 300px;
padding: 10px;
margin: 0;
left: 0;
}
.pp-embed * {
max-width: 300px;
}
}
/* Walmart shortcode starts */
#myMap.wal-container{
background: url(/wp-content/themes/vip/ione2/css/../images/walmart_map_default_wide.jpg);
width:660px;
height:300px;
margin:0 auto;
border:1px solid;
border-color: #666;
cursor: pointer;
}
.walmart-wrapper {
position: relative;
}
.walmart-wrapper .shop-local {
position: absolute;
z-index: 1;
left: 194px;
top: 5px;
}
.mobile .walmart-wrapper .shop-local {
position: static;
margin-left: 10px;
}
.mobile #myMap.wal-container {
width: 278px;
height: 250px;
background: url(/wp-content/themes/vip/ione2/css/../images/walmart_map_default.jpg) center -61px no-repeat;
}
.wal-clock{
width:300px;
width:41px;
margin-top: 250px;
}
.wal-button{
background-image:url(/wp-content/themes/vip/ione2/css/Click-Hereup.png);
width:108px;
height:31px;
margin:0 auto;
display:block;
overflow: hidden;
}
.wal-button:hover{
background-image:url(/wp-content/themes/vip/ione2/css/Click-heredwn.png);
width:108px;
height:31px;
margin:0 auto;
display:block;
overflow: hidden;
}
.wal-seconds {
margin-bottom: -10px;
margin-left: 10px;
padding: 0px;
width: 45px;
text-align: center;
font-family: Arial;
font-size: 40px;
font-weight: bold;
font-style: normal;
color: #EFCC90;
}
.wal-numbers {
margin-bottom:-10px;
padding: 0px;
width: 45px;
text-align: center;
font-family: Arial;
font-size: 40px;
font-weight: bold;
font-style: normal;
color: #f3f3f3;
}
.wal-titlesecs {
margin-left:10px;
border-style: none;
padding: 0px 0px 10px 0px;
width: 45px;
text-align: center;
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #FFF;
}
.wal-title {
border-style: none;
padding: 0px 0px 10px 0px;
width: 45px;
text-align: center;
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #EFCC90;
}
#wal-table {
width: 300px;
height: 60px;
margin: 0px auto;
position: relative;
top: 0px;
left: 0px;
}
.sl-walmart .sl-submit {
padding: 5px 15px;
}
.sl-walmart .sl-submit:hover {
text-decoration: none;
}
.sl-walmart .sl-text {
width: 215px;
}
/* Walmart shortcode ends */
/* =iOne Youtube Playlist Widget
-------------------------------------------------------------- */
.ione-widget-youtube_playlist a#youtube-sub-hp {
width: 655px;
height: 36px;
margin-bottom: 10px;
text-indent: -999999px;
background: url(/wp-content/themes/vip/ione2/css/../images/GG-YouTube-HP-Static.png);
background-size: 655px;
background-repeat: no-repeat;
display: block;
}
.ione-widget-youtube_playlist a#youtube-sub-hp:hover {
background: url(/wp-content/themes/vip/ione2/css/../images/GG-YouTube-HP-Rollover.png);
background-size: 655px;
background-repeat: no-repeat;
}
.ione-widget-youtube_playlist .yt-list {
overflow: hidden;
}
.ione-widget-youtube_playlist .yt-views {
color: #545454;
font-size: 11px;
margin-bottom: 4px;
}
.ione-widget-youtube_playlist .yt-playing {
display: none;
}
/* Center well */
.ione-widget-youtube_playlist .gg_youtube_blocks_wide {
overflow: hidden;
color: #000;
margin-bottom: 10px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .content {
margin-bottom: 30px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-ftitle {
font-size: 26px;
border-bottom: dotted 0px #000;
padding-bottom: 15px;
margin-bottom: 8px;
line-height: 26px;
font-family: HelveticaNeue-CondensedMedium,"Arial Narrow",Arial,sans-serif;
font-stretch: condensed;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-player {
margin-bottom: 12px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-item.selected {
color: green;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-item {
width: 150px;
float: left;
margin-right: 18px;
cursor: pointer;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-list > div:first-child + div + div + div {
margin-right: 0px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-img {
width: 150px;
max-width: 100%;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-title {
font-size: 12px;
font-weight: bold;
margin-bottom: 1px;
font-family: Helvetica,Arial,sans-serif;
max-height: 67px;
overflow: hidden;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide p.yt-title:hover {
color: #43AB39;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .selected .yt-playing {
display: block;
width: 150px;
height: 21px;
background: url(/wp-content/themes/vip/ione2/css/../images/yt-now-playing.png) no-repeat;
background-size: 150px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .hr {
background: url(/wp-content/themes/vip/ione2/css/../images/bg_dots.gif) repeat;
height: 14px;
margin-bottom: 12px;
}
#secondary .ione-widget-youtube_playlist .gg_youtube_blocks_rt {
padding-top: 0px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_rt a#youtube-sub-hp {
width: 300px;
height: 20px;
margin-bottom: 10px;
text-indent: -999999px;
background: url(/wp-content/themes/vip/ione2/css/../images/GG-YouTube-RR-Static.jpg);
background-size: 300px;
background-repeat: no-repeat;
display: block;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_rt a#youtube-sub-hp:hover {
background: url(/wp-content/themes/vip/ione2/css/../images/GG-YouTube-RR-Rollover.jpg);
background-size: 300px;
}
.ione-widget-youtube_playlist .block h2 {
border-bottom: 4px solid #000000;
color: #000000;
font-size: 22px;
font-weight: bold;
margin-bottom: 13px;
text-transform: none;
font-family: regular,Helvetica,Arial,sans-serif;
}
.ione-widget-youtube_playlist .block h2 .inner-title {
background: #000;
color: #fff;
padding: 1px 22px 0px 16px;
display: inline-block;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_rt .yt-ftitle {
color: #000;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_rt .yt-ftitle {
font-size: 20px;
margin-bottom: 8px;
line-height: 21px;
font-family: HelveticaNeue-CondensedMedium,"Arial Narrow",Arial,sans-serif;
font-stretch: condensed;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_rt .yt-item {
overflow: hidden;
border-bottom: dotted 1px #000;
padding: 12px 0px;
cursor: pointer;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_rt .yt-img {
float: left;
margin-right: 12px;
width: 120px;
height: 90px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_rt .selected .yt-playing {
display: block;
margin-left: 130px;
width: 120px;
height: 17px;
background: url(/wp-content/themes/vip/ione2/css/../images/yt-now-playing.png) 0px -17px no-repeat;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_rt .yt-title {
margin-bottom: 1px;
color: #000;
font-size: 14px;
}
/* Target a width range that accomodates 768 – portrait iPad */
@media all and (max-width: 1000px) and (min-width: 768px) {
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-item {
width: 190px;
height: 200px;
margin: 27px 23px 0 0;
margin-right: 23px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-img {
width: 100%;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .selected .yt-playing {
width: 190px;
height: 25px;
background: url(/wp-content/themes/vip/ione2/css/../images/yt-now-playing.png) no-repeat;
background-size: 190px;
position: absolute;
margin-top: -227px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-list > div:first-child + div {
margin-right: 0px;
}
}
/* Target iPhones and similar in landscape mode, 480px. */
@media all and (min-width: 480px) and (max-width: 767px) {
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-item {
width: 215px;
height: 229px;
margin: 30px 20px 0 0;
margin-right: 20px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-img {
width: 100%;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-title {
height: 3em;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .selected .yt-playing {
width: 215px;
height: 28px;
background: url(/wp-content/themes/vip/ione2/css/../images/yt-now-playing.png) no-repeat;
background-size: 215px;
position: absolute;
margin-top: -252px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-list > div:first-child + div {
margin-right: 0px;
}
}
/* Target iPhones and similar in portrait mode, 320px. */
@media all and (max-width: 479px) {
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-item {
height: 188px;
width: 140px;
margin: 22px 10px 0 0;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-img {
width: 100%;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-title {
height: 3em;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .selected .yt-playing {
width: 140px;
height: 20px;
background: url(/wp-content/themes/vip/ione2/css/../images/yt-now-playing.png) no-repeat;
background-size: 140px;
position: absolute;
margin-top: -188px;
}
.ione-widget-youtube_playlist .gg_youtube_blocks_wide .yt-list > div:first-child + div {
margin-right: 0px;
}
}
/*
* =iOne Editors' Soapbox
*/
.loop .widget_ione-editors_soapbox {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(0,0,0,0.2);
}
.ione-widget-editors_soapbox {
background: url(/wp-content/themes/vip/ione2/css/../images/bg_dots.gif) repeat;
padding: 0;
margin-bottom: 20px;
}
.ione-widget-editors_soapbox h2 {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
display: block;
font-size: 2em;
line-height: 1;
padding: 6px 15px;
width: 230px;
margin-bottom: 20px;
}
.ione-widget-editors_soapbox h2 span {
text-transform: uppercase;
font-family: bold,Helvetica,Arial,sans-serif;
}
.ione-widget-editors_soapbox h2 .suffix {
color: #FA34AB;
font-weight: bold;
font-family: light,Helvetica,Arial,sans-serif;
}
.ione-widget-editors_soapbox .headlines {
padding: 0 20px 20px;
}
.ione-widget-editors_soapbox .headlines .headline {
float: left;
width: 33%;
margin-right: 0.3%;
background-color: #000;
border-bottom: none;
overflow: hidden;
}
.ione-widget-editors_soapbox .headlines .headline img {
width: 100%;
max-width: 100%;
}
.ione-widget-editors_soapbox .image-container {
height: 271px;
overflow: hidden;
}
.ione-widget-editors_soapbox .title-container {
background-color: black;
height: 4.7em;
margin: 13px;
line-height: 1.2em;
overflow: hidden;
}
.ione-widget-editors_soapbox .title-container a {
color: #fff;
font-weight: bold;
}
@media all and (max-width: 1000px) and (min-width: 768px) {
.ione-widget-editors_soapbox .image-container {
height: 167px;
}
}
@media all and (min-width: 480px) and (max-width: 767px) {
.ione-widget-editors_soapbox .image-container {
height: 180px;
}
}
@media all and (max-width: 479px) {
.ione-widget-editors_soapbox .image-container {
height: 115px;
}
}
/*
* =iOne Get More Widget
*/
#after-post .xoxo .widget_ione-get_more,
#after-post .xoxo .ione-widget-get_more {
width: 100%;
padding: 0;
margin-right: 0;
}
#after-post .widget_ione-get_more .get-more-post-container {
float: left;
width: 210px;
}
#after-post .widget_ione-get_more #get-more-container > div:first-child,
#after-post .widget_ione-get_more #get-more-container > div:first-child + div {
margin-right: 2%;
}
#after-post .widget_ione-get_more .thumbnail {
height: 126px;
width: auto;
overflow: hidden;
margin: 0 0 .5em;
}
@media all and (max-width: 1000px) and (min-width: 768px) {
#after-post .widget_ione-get_more .get-more-post-container {
width: 137px;
}
#after-post .widget_ione-get_more .thumbnail {
height: 83px;
}
}
@media all and (min-width: 480px) and (max-width: 767px) {
#after-post .widget_ione-get_more .get-more-post-container {
width: 147px;
}
#after-post .widget_ione-get_more .thumbnail {
height: 88px;
}
}
@media all and (max-width: 479px) {
#after-post .widget_ione-get_more #get-more-container {
font-size: 80%;
}
#after-post .widget_ione-get_more .get-more-post-container {
width: 96px;
}
#after-post .widget_ione-get_more .thumbnail {
height: 57px;
}
}
/*
* =SailThru Widget
*/
form.sailthru-add-subscriber-form {
padding: 8px 0 0;
}
.post-content .sailthru-signup-widget label,
.widgetcontainer .sailthru-signup-widget label {
float: none;
margin-bottom: 2px;
}
.post-content .sailthru-signup-widget input[type="text"],
.post-content .sailthru-signup-widget input[type="email"],
.widgetcontainer .sailthru-signup-widget input[type="text"],
.widgetcontainer .sailthru-signup-widget input[type="email"] {
width: 100%;
height: auto;
padding: 4px 0;
text-indent: 2%;
max-width: 300px;
float: none;
}
.post-content .sailthru-signup-widget button,
.widgetcontainer .sailthru-signup-widget button {
clear: both;
border: 0 none;
cursor: pointer;
height: 36px;
line-height: 36px;
padding: 0 25px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: auto;
color: #fff;
background-color: #3b7fc4;
background-image: -moz-linear-gradient(top, #3b7fc4, #336ea9);
background-image: -ms-linear-gradient(top, #3b7fc4, #336ea9);
background-image: -webkit-linear-gradient(top, #3b7fc4, #336ea9);
background-image: -o-linear-gradient(top, #3b7fc4, #336ea9);
background-image: linear-gradient(to bottom, #3b7fc4, #336ea9);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
.post-content .sailthru-signup-widget .form-group,
.widgetcontainer .sailthru-signup-widget .form-group {
margin-bottom: 10px;
}
.post-content .sailthru-signup-widget button:hover,
.widgetcontainer .sailthru-signup-widget button:hover {
background-color: #777;
}
.post-content .sailthru_form_input {
margin-bottom: 10px;
}
.post-content .sailthru-signup-widget input[type="submit"],
.widgetcontainer .sailthru-signup-widget input[type="submit"] {
padding: 5px 25px;
margin-top: 15px;
font-weight: normal;
border-radius: 0;
}
form#sailthru-add-subscriber-form {
margin-top: 10px;
}
#mastercontainer #sailthru-modal {
position: fixed;
}
.recommendationThumb {
overflow: hidden;
position: relative;
}
.recommendationThumb img {
max-height: 50px;
left: -25%;
position: absolute;
}
body .recommendation {
border: 1px solid #333;
box-shadow: 0 0 10px #666;
}
/**
* =iOne Related Galleries
*/
.related-galleries-container li {
text-align: center;
}
.related-galleries-container .related-galleries-item-title {
display: inline-block;
margin: 5px 0 0;
}
/**
* =iOne Diversity One Jobs
*/
#secondary .widgetcontainer.widget_ione-diversity_one_jobs {
background: #fff;
}
.ione-diversity-one-more,
#secondary .widget_ione-diversity_one_jobs .ione-diversity-one-more {
border-top: 1px solid #c6c6c6;
padding-top: 10px;
font-size: 11px;
}
/**
* =iOne Amplify
*/
.widget_ione-amplify{
list-style-type: none;
}
/**
* iOne Current Category Posts
*/
.ione-widget-current_category_posts {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.ione-widget-current_category_posts img {
width: 100%;
}
/*
* =Master Container
* =Site Header
* =Primary Nav
* =Super Nav
* =Mobile Nav
** =Primary
** =Dynamic Lead
** =Loop
* =Secondary
* =Site Footer
* =Search
* =Widgets
* =DART Ads
* =Social
* =Images
* =Media Galleries
* =Author
* =Article
* =Calendar
* =Gallery
* =Gallery Carousel Widget
* =Left Column Category Menus
**/
/* Target a width range that accomodates 768 – portrait iPad */
/* The way this works is unfortunate. If we add 20 more pixels, the size refreshes when the scrollbars get close to these dimensions in most browsers. Safari subtracts the width of the scrollbar from the viewable area, though, so if we make it 1020 Safari on a 1024 screen will not allow it to fit. */
@media all and (max-width: 1000px) and (min-width: 768px) {
/* =Main Layout */
#mastercontainer {
width: 100%;
}
#primary {
margin: 0 0 0 10px;
width: 430px;
}
#secondary {
margin-left: 5px;
}
#secondary .widgetcontainer {
padding: 10px 0;
}
#gallery-meta {
margin: 0;
}
/* =Site Header */
#sitelogo #logo img {
max-width: 300px;
width: 100%;
}
header.localnews #search {
margin: 1% 0 1% 2%;
}
header.localnews .localnews-weather-traffic {
width: 40%;
}
header.localnews .localnews-weather-traffic .weather-container > img {
width: 35%;
max-width: 32px;
}
header.localnews .header-weather {
font-size: 30px;
padding-right: 7px;
}
header.localnews #search #s {
width: 60%;
}
header.localnews .weather-container,
header.localnews .traffic-container {
width: 49%;
}
header.localnews .traffic > a {
margin: 5px 0;
width: 90px;
}
header.localnews .traffic > span {
font-size: 11px;
}
/* =Dynamic Lead */
#dl.two,
#dl.two li {
height: auto;
}
#dl.two .dlimage {
float: none;
height: 224px;
width: 100%;
}
#dl.two .read-more-link {
top: 189px;
}
#dl.two .dllist-item {
width: auto;
float: none;
max-height: none;
}
#dl.two #dl-control-wrapper {
top: 197px;
}
#dl.with-news-feed { width: 100%; }
#dl.with-news-feed .dlimage {
height: 232px;
}
#dl.with-news-feed .read-more-link { top: 186px; }
#dl.with-news-feed #dl-control-wrapper { top: 194px; }
#this-just-in.news-feed {
border: none;
float: left;
width: 100%;
}
#this-just-in h3{
text-align: left;
border-bottom: 10px solid #F0F0F0 !important;
border-top: 10px solid #F0F0F0;
}
#this-just-in ul {
list-style: disc;
padding-left: 15px;
}
#this-just-in li {
border: none;
line-height: 1.5em;
min-height: 0;
padding: 0;
}
#this-just-in .dateline {
display: none;
}
#dl .read-more-link,
#dl.two .read-more-link { left: 10px; }
/* =Loop */
.loop {
/* A little extra rail space to the right */
padding-right: 10px;
}
.loop .entry-title {
font-size: 123.1%;
}
.loop.two .post {
margin: 0 0 1em 0;
}
.loop.blocks .post {
margin: 0 10px 1em 0;
width: 205px;
margin-right: 10px;
}
.loop.blocks .thumbnail,
.loop.two .thumbnail {
width: 205px;
height: 123px;
margin-right: 10px;
}
.loop.two .thumbnail {
margin-right: 10px;
}
.loop.two .loop-post-content {
width: 205px;
float: left;
}
/* =Widgets */
#after-post .widgetcontainer,
#sitefooter .widgetcontainer {
width: auto;
}
#sitefooter .widget_ione-rss {
width: 220px;
}
/* =Search */
#search #s {
width: 70px;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .menu-item .sub-menu .menu-item {
width: 162px;
}
/* Live Updates Bar */
#live-updates-bar .widget_ione-current_weather,
#live-updates-bar .widget_ione-live_traffic,
#live-updates-bar .widget_ione-listen_live_radio {
padding-left: 0 !important;
text-align: center !important;
width: 100% !important;
}
#live-updates-bar .widget_ione-current_weather,
#live-updates-bar .widget_ione-listen_live_radio {
width: 131px !important;
}
#live-updates-bar .widget_ione-live_traffic {
width: 440px !important;
}
#live-updates-bar .sponsored {
display: none;
}
/* Featured Authors */
.featured-author-wrapper .author {
padding-top: 2px;
}
/* Songza */
#songza-widget {
background-size: 100%;
width: 400px;
height: 144px;
}
#songza-widget .songza-content {
padding-top: 5px;
padding-right: 137px;
padding-left: 3px;
}
#songza-widget .header-songza,
#songza-widget .header-songza-name,
#songza-widget .link-songza-name {
font-size: 95%;
}
#songza-widget .songza-play {
height: 90px;
width: 90px;
}
#songza-widget .img-songza-cover {
max-width: 90%;
}
#songza-widget .img-songza-play-icon {
max-width: 55%;
top: 20px;
left: 20px;
}
#songza-widget .header-songza {
padding: 3px 0 1px 3px;
}
#songza-widget .songza-artists-list {
font-size: 9px;
padding-left: 102px;
padding-right: 25px;
}
#songza-widget .sub-header-songza {
font-size: 8px;
}
#songza-widget .header-songza-name {
padding-left: 3px;
padding-bottom: 2px;
}
#songza-widget .songza-creator-image {
left: 240px;
max-width: 40px;
}
#songza-widget .songza-footer {
font-size: 8px;
top: 92px;
width: 48%;
margin-top: 10px;
}
/* Interview Widget */
.interview-widget-img {
width: 25%;
}
ul.interviews-list {
width: 70%;
}
li.interview {
float: none;
width: 100%;
}
/* =iOne Newsletter Sign Up */
/* Custom Layout, Right Column - Unique Styles */
.custom-layout .column-right .ione-widget-newsletter_sign_up {
margin: 0 auto;
width: 300px;
}
.widget_ione-newsletter_sign_up #container {
width: 131px;
}
/* =Widgets */
#after-post .widgetcontainer {
width: auto;
}
/* =Single */
#after-post .widget_ione-newsletter_sign_up {
width: 100%;
}
#gallery #after-post .prevnext,
#after-post .prevnext {
margin: 0 -10px;
}
#single-sidebar-left {
display: none;
}
/* Category Posts */
#after-post .widget_ione-category_posts .category_post_image {
display: block;
float: none;
margin: 0 0 15px 0;
width: 300px;
}
/* Outbrain */
#after-post .widget_ione-outbrain {
clear: both;
float: none;
}
/* CrowdIgnite */
#after-post .widgetcontainer.widget_ione-crowdignite {
width: 430px;
}
#after-post .widgetcontainer.widget_ione-crowdignite td {
width: 50%;
}
.ie9 #after-post .widgetcontainer.widget_ione-crowdignite td {
float: left;
height: 150px;
}
/* Daily Links */
#after-post .widget_ione-daily-links .link-image {
overflow: hidden;
}
#after-post .widget_ione-daily-links .links {
clear: both;
width: auto;
}
/* SDC */
#single-dynamic-carousel-wrapper {
display: none;
}
/* Sribol */
#after-post .widget_ione-scribol {
padding-left: 50px;
width: 75%;
}
/* =Social */
.addthis_floating_style {
display: none !important;
}
/* =Images */
.post-content img.aligncenter,
.post-content img.alignnone {
max-width: 410px;
height: auto;
}
.post-content img.alignleft,
.post-content img.alignright {
max-width: 200px;
height: auto;
}
.featured-thumb {
float: none;
margin: auto;
text-align: center;
}
#article .post-content .playlist-container img {
max-width: 360px;
}
.media-gallery-link {
width: 398px;
}
#nav-below {
margin: 10px 10px 10px 0;
}
#author-description {
width: 250px;
}
#contentright {
float: none !important;
width: auto;
border-left: none;
padding: 0;
margin: 0;
}
/* =Selected Category Posts Widget
/* =Selected Zone Posts Widget */
.column-right .select-cat-post .featured-image {
width: 339px;
}
/* =Author */
.author-video-detail {
min-height: 0;
width: 100%;
}
#author-audio-video .default img,
.author-video-renderer,
.author-video-renderer .ooyala-video-wrapper,
.video-item .OoyalaVideoPlayer {
width: 100%;
}
#author-featured-gallery img {
margin-right: 0;
}
ul.author-video-audio-tab li {
width: 40%;
}
ul.author-video-audio-tab li.video-tab {
float: right;
}
/* =Articles */
.post-content.has-right {
width: 100%;
}
.related-content {
width: 100%;
background-color: transparent;
}
.related-content h4.related-content-header {
display: block;
}
.related-items .related-item {
border-top: none;
border-bottom: 1px dotted #ccc;
}
.related-item span.type-icon,
.related-item .related-image {
display: none;
}
.related-item a {
color: #000;
}
/* =Calendar */
.loop.blocks article.post-event {
clear: both;
width: 420px;
}
.post-event .read-more-link {
clear: both;
}
/* =iOne Latest Gallery Widget */
.column-right .ione-widget-latest-gallery {
margin: 0 auto;
width: 300px;
}
#latest-galleries li {
margin: 10px 12px 0;
}
#latest-galleries a {
width: 170px;
font-size: 1em;
padding: 10px;
}
/* =Gallery */
.gallery-player .media-next a span {
white-space: nowrap;
overflow: hidden;
height: auto;
text-overflow: ellipsis;
padding: 10px 15px 0;
}
.gallery-player .media-next img {
max-width: 100%;
max-height: 75px;
min-height: 75px;
}
/* =Gallery Carousel Widget */
.gallery-carousel-detail,
.happening-now-detail {
float: right;
width: 200px;
height: 110px;
}
.gc-prev,
.gc-next,
.hn-prev,
.hn-next {
width: 22px;
height: 110px;
}
li.gallery-item a img,
li.happening-item a img {
width: 128px;
height: 72px;
}
/* =DART Ads */
#secondary .ione-widget-dart-ad {
margin-left: 0;
padding: 10px 0 13px;
}
.custom-layout .column-right .ione-widget-dart-ad {
margin: 0 auto;
width: 300px;
}
/* Category takeover microsite banner */
#microsite_banner_ad {
text-indent: 436px;
width: 748px;
}
#microsite_banner_ad .ad {
left: 534px;
}
/* Category takeover posts sort by */
#loop.two #takeover-posts-sort-by,
#loop.blocks #takeover-posts-sort-by {
width: 420px;
}
.custom-layout-row .column-middle #loop.two #takeover-posts-sort-by {
width: 483px;
}
.custom-layout-row .column-middle #loop.blocks #takeover-posts-sort-by {
width: 415px;
}
#custom-layout-left .column-middle #loop.two #takeover-posts-sort-by,
#custom-layout-left .column-middle #loop.blocks #takeover-posts-sort-by,
.custom-layout-row .column-left #loop.two #takeover-posts-sort-by,
.custom-layout-row .column-left #loop.blocks #takeover-posts-sort-by,
#custom-layout-left .column-left #loop.two #takeover-posts-sort-by,
#custom-layout-left .column-left #loop.blocks #takeover-posts-sort-by {
width: 403px;
}
/* =Overrides for Custom Layout. Body doesn't have padding, columns do.
-------------------------------------------------------------- */
/* Custom Layout Three Columns */
.custom-layout .three-column .column-left {
margin: 0 0 0 -733px;
}
.custom-layout .three-column .column-middle {
width: 483px;
}
.custom-layout .three-column .column-right {
float: none;
padding: 0 15px;
width: 718px;
}
/* Custom Layout Two Columns */
.custom-layout .two-column .column-left {
width: 403px;
}
/* Custom Layout Fixed Right Rail */
.custom-layout #custom-layout-left {
width: 433px;
}
.custom-layout #custom-layout-left .three-column .column-left {
float: none;
margin: 0;
width: 403px;
}
.custom-layout #custom-layout-left .three-column .column-middle {
float: none;
margin: 0;
width: 403px;
}
.custom-layout .three-column .column-middle .loop { margin: 0; width: 483px; }
.custom-layout .three-column .column-middle .loop.blocks .type-post {
margin: 0 15px 15px 0;
}
.custom-layout .two-column .column-right .select-cat-post .featured-image {
width: 130px;
}
#ione-community-blogs_recent_posts .loop {
width: 426px;
}
/* =Left Column Category Menus */
#has-category-menu {
width: 258px;
}
#has-category-menu .thumbnail.ione-315 {
width: 258px;
height: 154px;
margin-bottom: 8px;
}
/* =iOne Flex Posts Widget
-------------------------------------------------------------- */
/* Post title resize based on image width */
#custom-layout-left .three-column .column-left .ione-widget-container .half-col-left .flex-post-featured-title,
#custom-layout-left .three-column .column-left .ione-widget-container .half-col-right .flex-post-featured-title,
.three-column .column-right .ione-widget-container .half-col-left .flex-post-featured-title,
.three-column .column-right .ione-widget-container .half-col-right .flex-post-featured-title,
.three-column .column-right .ione-widget-container .third-col-left .flex-post-featured-title,
.three-column .column-right .ione-widget-container .third-col-middle .flex-post-featured-title,
.three-column .column-right .ione-widget-container .third-col-right .flex-post-featured-title {
font-size: 16px;
}
.two-column .column-left .ione-widget-container .third-col-left .flex-post-featured-title,
.two-column .column-left .ione-widget-container .third-col-middle .flex-post-featured-title,
.two-column .column-left .ione-widget-container .third-col-right .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .third-col-left .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .third-col-middle .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .third-col-right .flex-post-featured-title {
font-size: 13px;
}
/* End iOne Flex Posts Widget -------------------------------- */
/* -------------------------------- River with no thumbnails -------------------------------- */
#mainwrapper .loop.blocks.hide-thumbnail .post {
width: 205px;
}
.custom-layout #mainwrapper .two-column .column-left .loop.blocks.hide-thumbnail .post {
width: 191px;
}
.custom-layout #mainwrapper .three-column .column-middle .loop.blocks.hide-thumbnail .post {
width: 226px;
}
/* ------------------------------ End river with no thumbnails ------------------------------ */
/* DiversityOne Pages */
.ione-blackplanet-jobs-table {
width: 430px;
}
table.ione-blackplanet-jobs-table td:nth-child(4),
table.ione-blackplanet-jobs-table th:nth-child(4),
table.ione-blackplanet-jobs-table td:nth-child(5),
table.ione-blackplanet-jobs-table th:nth-child(5) {
display: none;
}
/* Button button ione_share shortcode resize for mobile */
.addthis_big_buttons a .desktop-only {
display: none;
}
}
/*
* =Advertisements
* =IONE Header
* =Master Container
* =Site Header
* =Primary Nav
* =Super Nav
* =Mobile Nav
** =Primary
** =Primary * Three Column Standard
** =Dynamic Lead
** =Loop
** =Loop * Three Column Standard
* =Secondary
* =Secondary * Three Column Standard
* =Site Footer
* =Widgets
* =DART Ads
* =Images
* =Media Galleries
* =Author
* =Calendar
* =Article
* =Left Column Category Menus
**/
/* Target iPhones and similar in landscape mode, 480px. */
@media all and (min-width: 480px) and (max-width: 767px) {
/* =Advertisements */
#ad-header,
#ad-footer {
display: none;
}
/* Category takeover microsite banner */
#microsite_banner_ad {
line-height: 35px;
text-indent: 330px;
width: 480px;
}
#microsite_banner_ad .ad {
left: 277px;
top: 35px;
}
/* Category takeover posts sort by */
#loop.two #takeover-posts-sort-by,
#loop.blocks #takeover-posts-sort-by {
width: 460px;
}
.custom-layout-row .column-middle #loop.two #takeover-posts-sort-by,
#custom-layout-left .column-middle #loop.two #takeover-posts-sort-by,
.custom-layout-row .column-left #loop.two #takeover-posts-sort-by,
.custom-layout-row .column-left #loop.blocks #takeover-posts-sort-by,
#custom-layout-left .column-left #loop.two #takeover-posts-sort-by,
#custom-layout-left .column-left #loop.blocks #takeover-posts-sort-by {
width: 450px;
}
.custom-layout-row .column-middle #loop.blocks #takeover-posts-sort-by,
#custom-layout-left .column-middle #loop.blocks #takeover-posts-sort-by {
width: 415px;
}
/* =IONE Header ( Blackhat - BlackPlanet ) */
#blackplanet {
display: none;
}
.comment-count {
float: none;
}
/* =Main Layout */
#mastercontainer {
width: 100%;
overflow: hidden;
}
#mainwrapper {
padding: 0 0 10px;
}
#primary {
float: none;
margin: 0 10px 0;
padding: 4px 0 0 0;
width: auto;
}
#secondary {
float: none;
width: auto;
margin: 0 10px;
}
#gallery-meta {
width: auto;
float: none;
margin: 0;
}
#gallery-footer {
padding: 2px 0;
}
#gallery-footer .gallery-caption {
padding: 0 0 0 10px;
}
.below-gallery-ad {
display: none;
}
/* =Site Header */
#siteheader {
padding: 0;
}
#siteheader #social > div {
float: left;
margin-right: 5px;
}
#siteheader #social > #twitter-link {
width: 60px;
overflow: hidden;
}
#siteheader #social > #plusone-link {
width: 33px;
overflow: hidden;
}
#sitelogo #logo img {
max-width: 400px;
}
#search {
display: none;
}
.custom-layout-row .widgetcontainer .widgettitle,
#secondary .widgettitle,
.loop .widgettitle,
#author-description table th,
.twitter-related h3,
#author-featured-gallery h3,
#primary h3.theme-heading,
.column-left h3.widgettitle,
.mobile #this-just-in h3 {
font-size: 115%;
font-weight: 500;
text-transform: uppercase;
padding-bottom: 1%;
}
header.localnews .localnews-weather-traffic {
width: 100%;
}
header.localnews .weather-container {
width: 35%
}
header.localnews .traffic-container {
width: 30%;
}
header.localnews .traffic > a,
header.localnews .traffic > a span.bg {
font-size: 11px;
height: 15px;
}
header.localnews .traffic > a {
width: 70px;
}
header.localnews .traffic > span {
font-size: 11px;
padding: 4px 0;
}
header.localnews .traffic > a span.road-title {
padding: 0 5px;
top: -15px;
}
header.localnews .weather-container img {
float: left;
}
header.localnews .header-weather{
font-size: 28px;
}
header.localnews .weather-container .border-right{
border: none;
}
.mobile div.listen-live a {
background-position: 315px 5px !important;
}
.mobile div.listen-live a img.avatar {
padding: 0 30px 0 80px !important;
}
/* =Columns */
div.column { float: none; }
/* =Dynamic Lead */
#dl {
margin: 0;
padding: 0;
}
.ione-widget-dynamic_lead {
border: none;
}
#dl.with-news-feed {
width: 100%;
}
#this-just-in.news-feed {
border: none;
float: left;
width: 100%;
}
#this-just-in h3{
text-align: left;
}
#this-just-in ul {
list-style: disc;
padding-left: 15px;
}
#this-just-in li {
border: none;
line-height: 1.5em;
min-height: 0;
padding: 0;
}
#this-just-in .dateline {
display: none;
}
#dl .entry-title {
font-size: 120%;
}
/**
* Remove layout variations
*/
#dl,
#dl.two,
#dl ul,
#dl.two ul,
#dl li,
#dl.two li { height: auto; }
#dl.two .dllist-item {
width: auto;
max-height: none;
padding-bottom: 5px;
}
#dl .entry-title {
font-size: 120%;
}
#dl .dlimage,
#dl.two .dlimage {
float: none;
height: 270px;
width: 100%;
}
#dl.two .read-more-link {
top: 213px;
}
#dl.two .dllist-item {
max-height: none;
}
#dl.two #dl-control-wrapper {
top: 235px;
}
#dl.two .read-more-link,
#dl .read-more-link { margin-top: 0; left: 10px; }
#dl.two #dl-control-wrapper,
#dl #dl-control-wrapper { right: 10px; }
.custom-layout .column-middle #dl .dlimage {
height: 270px;
}
.custom-layout .column-middle #dl .dllist-item .read-more-link {
left: auto;
top: 233px;
bottom: auto;
}
/* =Loop */
.loop {
float: none;
}
.loop {
margin: 10px 0 0 0;
width: auto;
}
.loop.blocks {
/* A little wider than container to accommodate margins in floated posts */
width: 470px;
}
.loop .ad {
margin: 0;
}
.loop .ad img {
width: 460px;
}
.loop.two .thumbnail,
.loop.blocks .thumbnail {
width: 225px;
height: 135px;
}
.loop.two .thumbnail {
margin-right: 10px;
}
.loop.blocks .post {
margin: 0 10px 10px 0;
width: 225px;
}
.loop.blocks #nav-below {
margin-left: 10px;
}
.loop.two .loop-post-content {
width: 225px;
}
.loop.blocks .loop-post-content {
float: none;
width: auto;
margin-right: 0;
}
.edit-link {
display: none;
}
/* =Single */
#single-sidebar-left {
display: none;
}
.featured-thumb {
float: none;
margin: auto;
text-align: center;
}
#gallery #after-post .prevnext,
#after-post .prevnext {
margin: 0 -10px;
}
/* =Site Footer */
#sitefooter .widgetcontainer {
float: none;
width: auto;
}
#sitefooter .widgetcontainer ul {
font-size: 100%;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .menu-item .sub-menu .menu-item {
width: 195px;
}
/* =Widgets */
#after-post .widgetcontainer {
width: auto;
}
.pp-wrapper,
.sc-wrapper {
top: 5px;
}
/* Live Updates Bar */
#live-updates-bar .widget_ione-current_weather,
#live-updates-bar .widget_ione-live_traffic,
#live-updates-bar .widget_ione-listen_live_radio {
padding-left: 0 !important;
text-align: center !important;
width: 100% !important;
}
#live-updates-bar .sponsored {
display: none;
}
/* Featured Authors */
.featured-author-wrapper .author {
padding-top: 2px;
}
/* Songza */
#songza-widget {
display: none;
}
/* iOne Newsletter Sign Up Widget */
#after-post .widgetcontainer.widget_ione-newsletter_sign_up {
display: none;
}
/* Category Posts */
#after-post .widget_ione-category_posts {
width: 96%;
}
#after-post .widget_ione-category_posts .category_post_image {
display: block;
float: none;
margin: 0 0 15px 0;
width: 300px;
}
/* Outbrain */
#after-post .widget_ione-outbrain {
clear: both;
float: none;
width: 96%;
}
/* CrowdIgnite */
#after-post .widgetcontainer.widget_ione-crowdignite {
width: 460px;
}
#after-post .widgetcontainer.widget_ione-crowdignite td {
width: 50%;
}
.ie9 #after-post .widgetcontainer.widget_ione-crowdignite td {
float: left;
height: 150px;
}
/* Daily Links */
#after-post .widget_ione-daily-links .link-image {
overflow: hidden;
}
#after-post .widget_ione-daily-links .links {
clear: both;
width: auto;
}
/* Scribol */
#after-post .widget_ione-scribol {
width: 98%;
padding-left: 3px;
}
/* SDC */
#single-dynamic-carousel-wrapper {
display: none;
}
/* Category Selected Posts */
table.select-cat-post td.odd {
border-right: 1px solid #d2d2d2;
}
table.select-cat-post td {
padding: 10px;
width: 50%;
}
/* =Selected Category Posts Widget
/* =Selected Zone Posts Widget
/* =Featured Category Posts Widget */
.column-right .select-cat-post .featured-image {
width: 100%;
}
.ione-widget-featured_category_posts ul,
.ione-widget-featured_category_posts a.more-link {
margin-left: 0;
}
/* Interviews */
.ione-widget-interviews .interview-widget-img {
display: none;
}
ul.interviews-list {
float: left;
width: 100%;
}
li.interview {
width: 100%;
}
/* Event Hightlight */
#secondary .widgetcontainer .events-highlight ul.oomph-calendar li,
.events-highlight ul.oomph-calendar li {
width: 51px;
}
#secondary .widgetcontainer li.event-highlight .event-thumbnail img,
li.event-highlight .event-thumbnail img {
width: 100%;
}
/* =iOne Latest Gallery Widget */
.ione-widget-latest-gallery img {
float: left;
margin-right: 10px;
}
.column-left .ione-widget-latest-gallery img,
.column-middle .ione-widget-latest-gallery img,
.column-right .ione-widget-latest-gallery img {
width: 450px;
}
.column-left .ione-widget-latest-gallery .custom-layout-image img {
height: auto;
width: auto;
}
/* =iOne Newsletter Sign Up */
/* Custom Layout, Right Column - Unique Styles */
.custom-layout .column-right .ione-widget-newsletter_sign_up {
margin: 0 auto;
width: 300px;
}
/* Home and Category Sidebars - Unique Styles */
#secondary .ione-widget-newsletter_sign_up {
margin: 0 auto;
width: 280px;
}
/* Under Single Post Sidebar - Unique Styles */
#after-post .widget_ione-newsletter_sign_up {
width: 100%;
}
/* =Social */
.addthis_floating_style {
display: none !important;
}
#socialbar-top,
#socialbar-bottom {
height: auto;
border: 0;
}
#ione-sc.sc-wrapper {
width: 480px !important;
margin-left: -286px !important;
}
/* =DART Ads */
#secondary .ione-widget-dart-ad {
margin: 0 auto;
}
.ione-widget-dart-ad {
margin: 0 auto;
width: 300px;
}
/* =Images */
.post-content img.aligncenter,
.post-content img.alignnone {
max-width: 460px;
}
.post-content img.alignleft,
.post-content img.alignright {
max-width: 200px;
}
/* =Media Galleries */
.gallery-container .media img {
max-width: 460px;
}
p.comment-form-comment textarea {
margin-left: 1px;
}
.footer-widgetregion .supernav .widget_categories .children li,
.footer-widgetregion .supernav .widget_nav_menu .sub-menu li {
width: 31.5%;
margin-right: 1%;
}
#nav-below {
margin-right: 10px;
}
#post-playlist .playlist-container {
width: 442px;
}
#primary-navigation.mobile li,
#takeover-submenu.mobile li {
width: 92px;
}
.mobile-subnav {
height: 195px;
}
/* =Author */
.author-video-detail {
min-height: 0;
width: 100%;
}
#author-description,
#author-audio-video .default img,
#author-featured-gallery img,
#author-featured-gallery .gallery-details,
.author-video-renderer,
.author-video-renderer .ooyala-video-wrapper,
.video-item .OoyalaVideoPlayer {
width: 100%;
}
#author-featured-gallery img {
box-shadow: none;
margin: 0;
max-width: 450px;
padding: 0;
width: 100%;
}
#author-featured-gallery > a span.gallery-indicator {
display: none;
}
ul.author-video-audio-tab li {
width: 40%;
}
ul.author-video-audio-tab li.video-tab {
float: right;
}
/* =Calendar */
.loop.blocks article.post-event {
clear: both;
width: auto;
}
.post-event .read-more-link {
clear: both;
}
/* =Gallery Carousel Widget */
.gallery-carousel-detail,
.happening-now-detail {
float: right;
margin: 5px;
width: 280px;
height: 110px;
}
li.gallery-item a img,
li.happening-item a img {
width: 128px;
height: 72px;
}
/* =Overrides for Custom Layout. Body doesn't have padding, columns do.
-------------------------------------------------------------- */
/* Custom Layout Three Columns */
.custom-layout .three-column .column-left {
float: none;
margin: 0;
width: 450px;
}
.custom-layout .three-column .column-middle {
float: none;
margin: 0;
width: 450px;
}
.custom-layout .three-column .column-right {
float: none;
margin: 0;
padding: 0 0 0 15px;
width: 450px;
}
/* Custom Layout Two Columns */
.custom-layout .two-column .column-left {
float: none;
width: 450px;
}
.custom-layout .two-column .column-right {
float: none;
padding: 0 0 0 15px;
width: 450px;
}
/* Custom Layout Fixed Right Rail */
.custom-layout #custom-layout-left {
padding: 0 15px;
width: 450px;
}
.custom-layout #custom-layout-left .three-column .column-left {
padding: 0;
}
.custom-layout #custom-layout-left .three-column .column-middle {
padding: 0;
}
.custom-layout #custom-layout-left .two-column .column-left {
padding: 0;
}
.custom-layout #custom-layout-left .one-column .column-middle {
padding: 0;
}
.custom-layout #custom-layout-right-rail {
float: none;
padding: 0 15px;
width: 450px;
}
.custom-layout .three-column .column-middle .loop { margin: 0; width: 450px; }
.custom-layout .three-column .column-middle .loop.blocks .type-post {
margin: 0 15px 15px 0;
}
.custom-layout .two-column .column-left .loop {
float: none;
}
.custom-layout .two-column .column-right .select-cat-post .featured-image {
width: 204px;
}
#ione-community-blogs_recent_posts .loop {
width: 445px;
}
#ione-community-blogs_recent_posts .loop .post {
width: 435px;
}
/* =Left Column Category Menus */
#leftcolumn .ad160 {
display: none;
}
#has-category-menu {
width: 460px;
}
#has-category-menu .thumbnail.ione-315 {
margin-bottom: 8px;
}
.loop.two #has-category-menu .loop-post-content {
width: 230px;
}
/* =Jobamatic Page Template
-------------------------------------------------------------- */
#ione-jobamatic table tbody td {
display: block;
width: 450px;
}
#ione-jobamatic ul li input {
width: 175px;
}
#ione-jobamatic table thead {
display: none;
}
/* =iOne Flex Posts Widget
-------------------------------------------------------------- */
/* Post title resize based on image width */
.three-column .column-left .ione-widget-container .half-col-left .flex-post-featured-title,
.three-column .column-left .ione-widget-container .half-col-right .flex-post-featured-title,
.three-column .column-right .ione-widget-container .half-col-left .flex-post-featured-title,
.three-column .column-right .ione-widget-container .half-col-right .flex-post-featured-title,
#custom-layout-right-rail .ione-widget-container .half-col-left .flex-post-featured-title,
#custom-layout-right-rail .ione-widget-container .half-col-right .flex-post-featured-title,
.two-column .column-right .ione-widget-container .half-col-left .flex-post-featured-title,
.two-column .column-right .ione-widget-container .half-col-right .flex-post-featured-title,
#secondary .ione-widget-container .half-col-left .flex-post-featured-title,
#secondary .ione-widget-container .half-col-right .flex-post-featured-title {
font-size: 16px;
}
.two-column .column-left .ione-widget-container .third-col-left .flex-post-featured-title,
.two-column .column-left .ione-widget-container .third-col-middle .flex-post-featured-title,
.two-column .column-left .ione-widget-container .third-col-right .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .third-col-left .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .third-col-middle .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .third-col-right .flex-post-featured-title {
font-size: 13px;
}
/* End iOne Flex Posts Widget -------------------------------- */
/* -------------------------------- River with no thumbnails -------------------------------- */
#mainwrapper .loop.blocks.hide-thumbnail .post {
width: 220px;
}
.custom-layout #mainwrapper .two-column .column-left .loop.blocks.hide-thumbnail .post {
width: 215px;
}
.custom-layout #mainwrapper .three-column .column-middle .loop.blocks.hide-thumbnail .post {
width: 210px;
}
/* ------------------------------ End river with no thumbnails ------------------------------ */
/* DiversityOne Pages */
.ione-blackplanet-jobs-table {
width: 430px;
}
table.ione-blackplanet-jobs-table td:nth-child(4),
table.ione-blackplanet-jobs-table th:nth-child(4),
table.ione-blackplanet-jobs-table td:nth-child(5),
table.ione-blackplanet-jobs-table th:nth-child(5) {
display: none;
}
/* Button button ione_share shortcode resize for mobile */
.addthis_big_buttons a .desktop-only {
display: none;
}
/* Company landing page
* --------------------------------------------------------------------------------- */
#primary.ijob-template.company-landing {
float: none;
}
}
/*
* =Master Container
* =Site Header
* =Primary Nav
* =Super Nav
* =Mobile Nav
** =Primary
** =Primary * Three Column Standard
** =Dynamic Lead
** =Loop
** =Loop * Three Column Standard
* =Secondary
* =Secondary * Three Column Standard
* =Site Footer
* =Search
* =Widgets
* =DART Ads
* =Social
* =Images
* =Author
* =Article
* =Left Column Category Menus
**/
/* Target iPhones and similar in portrait mode, 320px. */
@media all and (max-width: 479px) {
/* =IONE Header ( Blackhat - BlackPlanet ) */
#blackplanet {
display: none;
}
.comment-count {
float: none;
}
/* =Master Container */
#mastercontainer {
width: 100%;
overflow: hidden;
}
#mainwrapper {
padding: 0 0 10px;
}
#primary {
float: none;
margin: 0 10px 0;
padding: 4px 0 0 0;
width: auto;
}
#secondary {
float: none;
width: auto;
margin: 0 10px;
}
#gallery-meta {
width: auto;
float: none;
margin: 0;
}
/* =Sticky Ad */
/*.sticky-ad #ad-header, .sticky-ad .mobile-ad {
position: fixed;
top: 0;
left: 0;
width: 320px;
height: 50px;
z-index: 9999999;
}
.logged-in.sticky-ad #ad-header, .logged-in.sticky-ad .mobile-ad {
top: 28px;
}
.sticky-ad.mobile #header-assets {
padding-top: 50px;
}
.logged-in.sticky-ad.mobile #header-assets {
padding-top: 78px;
}*/
/* =Site Header */
#siteheader {
padding: 0;
}
#siteheader #social > div {
float: left;
margin-right: 5px;
}
#siteheader #social > #twitter-link {
width: 60px;
overflow: hidden;
}
#siteheader #social > #plusone-link {
width: 33px;
overflow: hidden;
}
#sitelogo #logo img {
max-width: 240px;
}
#search {
display: none;
}
.custom-layout-row .widgetcontainer .widgettitle,
#secondary .widgettitle,
.loop .widgettitle,
#author-description table th,
.twitter-related h3,
#author-featured-gallery h3,
#primary h3.theme-heading,
.column-left h3.widgettitle,
.mobile #this-just-in h3 {
font-size: 115%;
font-weight: 500;
text-transform: uppercase;
padding-bottom: 1%;
}
header.localnews .localnews-weather-traffic {
width: 100%;
}
header.localnews .weather-container,
header.localnews .traffic-container {
width: 41%
}
header.localnews .traffic > a,
header.localnews .traffic > a span.bg {
font-size: 11px;
height: 15px;
}
header.localnews .traffic > a {
width: 70px;
}
header.localnews .traffic > span {
font-size: 11px;
padding: 4px 0;
}
header.localnews .traffic > a span.road-title {
padding: 0 5px;
top: -15px;
}
header.localnews .weather-container img {
float: left;
width: 50px;
height: 31.25px;
}
header.localnews .header-weather{
font-size: 22px;
}
header.localnews .weather-container .border-right{
border: none;
}
header.localnews .header-weather .city,
header.localnews .header-weather .high-low {
font-size: 9px;
padding: 0;
}
.mobile div.listen-live a img.avatar {
padding-right: 20px !important;
}
#primary-navigation.mobile li a, #mobmenu-close, #mobmenu-more, #mobile-more-navigation li a,
#takeover-submenu.mobile li a, #mobmenu-close, #mobmenu-more, #mobile-more-navigation li a {
font-size: 120%;
}
/* =Columns */
div.column { float: none; }
/* =Dynamic Lead */
.ione-widget-dynamic_lead {
border: none;
}
#dl {
margin: 0;
padding: 0;
}
#dl,
#dl.two,
#dl ul,
#dl.two ul,
#dl li,
#dl.two li { height: auto; }
#dl.two .dllist-item {
width: auto;
max-height: none;
padding-bottom: 5px;
}
#dl.with-news-feed {
width: 100%;
}
#this-just-in.news-feed {
border: none;
float: left;
width: 100%;
}
#this-just-in h3{
text-align: left;
}
#this-just-in ul {
list-style: disc;
padding-left: 15px;
}
#this-just-in li {
border: none;
line-height: 1.5em;
min-height: 0;
padding: 0;
}
#this-just-in .dateline {
display: none;
}
#dl .entry-title {
font-size: 120%;
}
/* Image to right of post content with multiple posts */
#dl.two .dlimage {
float: none;
height: 158px;
width: 100%;
}
#dl.two .read-more-link,
#dl.with-news-feed #dl-control-wrapper {
top: 123px;
}
#dl.two .dlimage,
#dl.with-news-feed .dlimage,
#dl .dlimage {
float: none;
height: 174px;
width: 100%;
}
#dl .read-more-link,
#dl #dl-control-wrapper,
#dl.two .read-more-link,
#dl.two #dl-control-wrapper {
top: 140px;
}
#dl.two .read-more-link,
#dl .read-more-link { margin-top: 0; left: 5px; }
#dl.two #dl-control-wrapper,
#dl #dl-control-wrapper { right: 5px; }
.custom-layout .column-middle #dl .dlimage {
height: 174px;
}
#dl .dlimage img {
min-height: 174px;
}
.custom-layout .column-middle #dl .dllist-item .read-more-link {
left: auto;
top: 137px;
bottom: auto;
}
/* =Loop */
.loop {
float: none;
}
.loop {
margin: 10px 0 0 0;
width: 300px;
}
.loop.blocks {
width: auto;
}
.loop .ad {
margin-right: 10px;
}
.loop .ad img {
width: 300px;
}
.loop .ad img.icon-listen-live {
width: auto;
}
.loop.blocks .post,
.loop.two .post {
float: none;
width: auto;
margin-right: 0;
}
.loop.two .thumbnail,
.loop.blocks .thumbnail {
float: none;
margin-right: 0;
width: auto;
height: 180px;
}
.loop.two .loop-post-content {
width: auto;
float: none;
}
.loop.blocks .thumbnail,
.loop .thumbnail {
width: auto;
height: 180px;
}
.edit-link {
display: none;
}
/* =Single */
#single-sidebar-left {
display: none;
}
#gallery #after-post .prevnext,
#after-post .prevnext {
margin: 0 -10px;
}
.featured-thumb {
float: none;
margin: auto;
text-align: center;
}
/* =Site Footer */
#sitefooter .widgetcontainer {
float: none;
width: auto;
}
#sitefooter .widgetcontainer ul {
font-size: 100%;
}
#sitefooter .footer-widgetregion.custom-menu.supernav .menu-item .sub-menu .menu-item {
margin-right: 0;
width: 240px;
}
/* =Widgets */
#after-post .widgetcontainer {
float: none;
width: auto;
padding: .5em 0;
margin-right: 0 !important;
}
.pp-wrapper,
.sc-wrapper {
top: 5px;
}
.sc-wrapper .social-conversion iframe {
margin-left: -40px;
}
.sc-wrap .social-conversion iframe {
margin-left: -10px;
}
/* Live Updates Bar */
#live-updates-bar .widget_ione-current_weather,
#live-updates-bar .widget_ione-live_traffic,
#live-updates-bar .widget_ione-listen_live_radio {
padding-left: 0 !important;
text-align: center !important;
width: 100% !important;
}
#live-updates-bar .sponsored {
display: none;
}
/* Featured Authors */
.two .featured-author-wrapper,
.blocks .featured-author-wrapper {
display: none;
}
.featured-author-wrapper .sponsorship_ad_container {
display: none;
}
/* Songza */
#songza-widget {
display: none;
}
/* CrowdIgnite */
#after-post .widgetcontainer.widget_ione-crowdignite {
width: 300px;
}
#after-post .widgetcontainer.widget_ione-crowdignite td {
width: 50%;
}
.ie9 #after-post .widgetcontainer.widget_ione-crowdignite td {
float: left;
height: 150px;
}
/* iOne Newsletter Sign Up Widget */
#after-post .widgetcontainer.widget_ione-newsletter_sign_up {
display: none;
}
/* Daily Links */
#after-post .widget_ione-daily-links .link-image {
overflow: hidden;
width: 300px;
}
#after-post .widget_ione-daily-links .links {
float: none;
clear: both;
width: auto;
}
/* SDC */
#single-dynamic-carousel-wrapper {
display: none;
}
/* Scribol */
#after-post .widget_ione-scribol {
padding-left: 3px;
}
/* =Selected Category Posts Widget
* =Selected Zone Posts Widget
* =Featured Category Posts Widget */
table.select-cat-post td.odd {
border-right: 1px solid #d2d2d2;
}
table.select-cat-post td {
padding: 10px;
width: 50%;
}
.column-middle .select-cat-post .featured-image {
width: 124px;
}
.ione-widget-featured_category_posts ul,
.ione-widget-featured_category_posts a.more-link {
margin-left: 0;
}
/* Interviews */
.ione-widget-interviews .interview-widget-img {
display: none;
}
ul.interviews-list {
float: left;
width: 100%;
}
li.interview {
width: 100%;
}
/* Event Hightlight */
#secondary .widgetcontainer .events-highlight ul.oomph-calendar li,
.events-highlight ul.oomph-calendar li {
width: 28px;
}
/* =iOne Newsletter Sign Up */
/* Custom Layout, Right Column - Unique Styles */
.custom-layout .column-right .ione-widget-newsletter_sign_up {
width: 290px;
}
.custom-layout .column-right .ione-widget-newsletter_sign_up img {
margin-left: -5px;
}
/* Under Single Post Sidebar - Unique Styles */
#after-post .widget_ione-newsletter_sign_up {
width: 100%;
}
#after-post .ione-widget-newsletter_sign_up {
display: block;
}
#after-post .ione-widget-newsletter_sign_up img {
display: block;
margin: 0 auto;
}
#after-post .ione-widget-newsletter_sign_up .nl-widget-container {
border: none;
display: block;
padding: 0;
text-align: center;
}
#after-post .ione-widget-newsletter_sign_up .widget_title {
padding: 5px 10px 3px;
}
#after-post .ione-widget-newsletter_sign_up .widget_body {
padding: 0 10px 10px;
}
/* =Gallery Carousel Widget */
.gallery-carousel-detail,
.happening-now-detail {
float: right;
margin: 5px;
width: 280px;
height: 110px;
}
li.gallery-item a img,
li.happening-item a img {
width: 100%;
border: 0;
margin: 5px 0;
}
.ione-widget-traffic {
background: none;
}
/* =Social */
.addthis_floating_style {
display: none !important;
}
#socialbar-top,
#socialbar-bottom {
height: auto;
border: 0;
}
#ione-sc.sc-wrapper {
width: 220px !important;
margin-left: -156px !important;
}
/* =DART Ads */
#secondary .ione-widget-dart-ad {
margin-left: -10px;
}
.custom-layout .column-right .ione-widget-dart-ad {
margin-left: -15px;
width: 300px;
}
/* Category takeover microsite banner */
#microsite_banner_ad {
width: 320px;
}
#microsite_banner_ad.mobile {
height: 150px;
line-height: 128px;
text-align: center;
text-indent: 0;
}
#microsite_banner_ad .ad {
left: 66px;
top: 90px;
}
/* Category takeover posts sort by */
#loop.two #takeover-posts-sort-by,
#loop.blocks #takeover-posts-sort-by {
width: 300px;
}
.custom-layout-row .column-middle #loop.two #takeover-posts-sort-by,
.custom-layout-row .column-middle #loop.blocks #takeover-posts-sort-by,
#custom-layout-left .column-middle #loop.two #takeover-posts-sort-by,
#custom-layout-left .column-middle #loop.blocks #takeover-posts-sort-by,
.custom-layout-row .column-left #loop.two #takeover-posts-sort-by,
.custom-layout-row .column-left #loop.blocks #takeover-posts-sort-by,
#custom-layout-left .column-left #loop.two #takeover-posts-sort-by,
#custom-layout-left .column-left #loop.blocks #takeover-posts-sort-by {
width: 290px;
}
/* =Images */
.post-content img.aligncenter,
.post-content img.alignnone {
max-width: 300px;
}
.post-content img.alignleft,
.post-content img.alignright {
max-width: 150px;
}
/* Constrain media in post content with a left sidebar to 100% width */
.with-left-sidebar .post-content .fluid-width-video-wrapper,
.with-left-sidebar .post-content .ooyala-video-wrapper,
.with-left-sidebar .post-content .thumbnail,
.with-left-sidebar .post-content img {
max-width: 100%;
}
.loop.calendar .thumbnail {
float: none;
}
/* =Media Galleries */
.media-container .media img {
max-width: 300px;
}
p.comment-form-comment textarea {
margin-left: 1px;
}
#after-post .xoxo {
padding-top: .5em;
}
/* #secondary.withleftcol {
float: none;
width: auto;
margin: 0 10px;
}*/
.breadcrumbs, .post-meta {
padding: 5px 0;
}
.footer-widgetregion .supernav .widget_categories .children li,
.footer-widgetregion .supernav .widget_nav_menu .sub-menu li {
width: 48%;
margin-right: 1%;
}
#ad-footer {
margin: 0;
}
#ad-header,
#ad-footer {
display: none;
}
.post-content .show_categories_list li {
width: 98%;
margin-right: 0;
}
.media-gallery-link {
width: 298px;
}
#post-playlist .playlist-container {
height: auto;
width: 300px;
}
#post-playlist .playlist-artist {
width: 154px;
}
.single-media_playlist #primary #gallery-footer,
.single-media_playlist #primary #gallery .entry-content {
padding: 2px 0;
}
.legacy-mobile-nav #primary-navigation.mobile li,
#takeover-submenu.mobile li {
width: 60px;
}
.legacy-mobile-nav .mobile-subnav {
height: 290px;
}
/* =Author */
.author-video-detail {
min-height: 0;
width: 100%;
}
#author-description,
#author-audio-video .default img,
#author-featured-gallery img,
#author-featured-gallery .gallery-details {
width: 100%;
}
#author-featured-gallery img {
box-shadow: none;
margin: 0;
max-width: 450px;
padding: 0;
width: 100%;
}
#author-featured-gallery > a span.gallery-indicator {
display: none;
}
.author-video-renderer {
width: 100%;
}
.author-video-renderer .ooyala-video-wrapper {
width: 100%;
}
ul.author-video-audio-tab li {
width: 35%;
}
ul.author-video-audio-tab li.video-tab {
float: right;
}
/* =Calendar */
.loop article.post-event .thumbnail a {
max-width: 300px;
}
/* =Overrides for Custom Layout. Body doesn't have padding, columns do.
-------------------------------------------------------------- */
/* Custom Layout Three Columns */
.custom-layout .three-column .column-left {
float: none;
margin: 0;
width: 290px;
}
.custom-layout .three-column .column-middle {
float: none;
margin: 0;
width: 290px;
}
.custom-layout .three-column .column-right {
float: none;
margin: 0;
padding: 0 0 0 15px;
width: 290px;
}
/* Custom Layout Two Columns */
.custom-layout .two-column .column-left {
float: none;
width: 290px;
}
.custom-layout .two-column .column-right {
float: none;
padding: 0 0 0 15px;
width: 290px;
}
/* Custom Layout Fixed Right Rail */
.custom-layout #custom-layout-left {
padding: 0 15px;
width: 290px;
}
.custom-layout #custom-layout-left .three-column .column-left {
padding: 0;
}
.custom-layout #custom-layout-left .three-column .column-middle {
padding: 0;
}
.custom-layout #custom-layout-left .two-column .column-left {
padding: 0;
}
.custom-layout #custom-layout-left .one-column .column-middle {
padding: 0;
}
.custom-layout #custom-layout-right-rail {
clear: both;
float: none;
padding: 0 15px;
width: 290px;
}
.custom-layout .three-column .column-middle .loop { margin: 0; width: 290px; }
.ione-widget-dart-ad { margin-left: -15px; width: 300px; }
.ione-widget-national_news_video { display: none; }
.custom-layout .two-column .column-left .loop {
float: none;
}
.custom-layout .two-column .column-right .select-cat-post .featured-image {
width: 125px;
}
#ione-community-blogs_recent_posts .loop {
width: 285px;
}
/* =Left Column Category Menus */
#leftcolumn .ad160 {
display: none;
}
#has-category-menu {
width: 300px;
}
#has-category-menu .thumbnail.ione-315 {
margin-bottom: 8px;
}
.loop.two #has-category-menu .loop-post-content {
width: 300px;
}
/* =iOne Flex Posts Widget
-------------------------------------------------------------- */
/* Post title resize based on image width */
.three-column .column-middle .ione-widget-container .half-col-left .flex-post-featured-title,
.three-column .column-middle .ione-widget-container .half-col-right .flex-post-featured-title,
.three-column .column-middle .ione-widget-container .third-col-left .flex-post-featured-title,
.three-column .column-middle .ione-widget-container .third-col-middle .flex-post-featured-title,
.three-column .column-middle .ione-widget-container .third-col-right .flex-post-featured-title,
.two-column .column-left .ione-widget-container .half-col-left .flex-post-featured-title,
.two-column .column-left .ione-widget-container .half-col-right .flex-post-featured-title,
.two-column .column-left .ione-widget-container .third-col-left .flex-post-featured-title,
.two-column .column-left .ione-widget-container .third-col-middle .flex-post-featured-title,
.two-column .column-left .ione-widget-container .third-col-right .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .half-col-left .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .half-col-right .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .third-col-left .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .third-col-middle .flex-post-featured-title,
.one-column .column-middle .ione-widget-container .third-col-right .flex-post-featured-title {
font-size: 13px;
}
/* End iOne Flex Posts Widget -------------------------------- */
/* =Jobamatic Page Template
-------------------------------------------------------------- */
#ione-jobamatic table tbody td {
display: block;
width: 290px;
}
#ione-jobamatic table thead {
display: none;
}
/* -------------------------------- River with no thumbnails -------------------------------- */
#mainwrapper .loop.blocks.hide-thumbnail .post {
width: 300px;
}
.custom-layout #mainwrapper .two-column .column-left .loop.blocks.hide-thumbnail .post,
.custom-layout #mainwrapper .three-column .column-middle .loop.blocks.hide-thumbnail .post {
width: 290px;
}
/* ------------------------------ End river with no thumbnails ------------------------------ */
/* DiversityOne Pages */
.ione-blackplanet-jobs-table {
width: 300px;
}
table.ione-blackplanet-jobs-table td:nth-child(2),
table.ione-blackplanet-jobs-table th:nth-child(2),
table.ione-blackplanet-jobs-table td:nth-child(4),
table.ione-blackplanet-jobs-table th:nth-child(4),
table.ione-blackplanet-jobs-table td:nth-child(5),
table.ione-blackplanet-jobs-table th:nth-child(5) {
display: none;
}
/* Button button ione_share shortcode resize for mobile */
.addthis_big_buttons a.addthis_button_facebook,
.addthis_big_buttons a.addthis_button_twitter {
width: 41% !important;
}
.addthis_big_buttons a .desktop-only {
display: none;
}
/* Company landing page
* --------------------------------------------------------------------------------- */
#primary.ijob-template.company-landing {
float: none;
}
#primary.ijob-template.company-landing .ione-blackplanet-jobs-title-company-location {
display: table-cell;
}
}
/**
* 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
*/
/* Invert stats sparkline on light theme */
body.admin-color-mp6-light li#wp-admin-bar-stats img {
filter: invert(100%);
-webkit-filter: invert(100%);
}
/* 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;
}.bbp-staff-role {
color: #f1831e;
}
.bbp-a8c-reply {
background: #e9eff3 !important;
border: 1px solid #c8d7e1;
width: 98% !important;
}