/*variables styles*/
/*variables for colors*/
/*variables for colors*/
/**
* Parses an integer from a value with a unit.
*
* `parseInt(30px)`
*/
/**
* `@include box-sizing(border-box);`
*/
/**
* `@include border-radius(5px);`
*/
/**
* Mixin for using "rem" units in a backwards-compatible way.
*
* `@include rem(font-size, 3.2);`
*/
/**
* Mixin for calculating leading from the font size.
*
* Thanks to @redclov3r for the `line-height` Sass:
* twitter.com/redclov3r/status/250301539321798657
*
* `@include line-height(1);`
*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
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;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
cursor: pointer;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
/**
* Clearfix utility class. Courtesy of Nicolas Gallagher
* (nicholasgallagher.com)
* 1. In Opera, if an element has a contenteditable attribute set,
* a space will appear at the top and bottom of clearfixed elements.
* Setting the `content` property to a space avoids this.
* 2. The use of `table` rather than `block` prevents top margin collapse
* on child elements.
*/
.u-cf:before, .u-split_left:before, .l-grid:before,
.l-grid_item:before, .media:before, .u-cf:after, .u-split_left:after, .l-grid:after,
.l-grid_item:after, .media:after {
content: ' ';
display: table;
}
.u-cf:after, .u-split_left:after, .l-grid:after,
.l-grid_item:after, .media:after {
clear: both;
}
/**
*
* Credit goes to Harry Roberts for this:
* https://github.com/csswizardry/inuit.css/blob/master/objects/_split.scss
*
*
*/
.u-split {
list-style: none;
margin-left: 0;
text-align: right;
}
.u-split_left {
float: left;
text-align: left;
}
/**
* Base classes for adding floats. It helps prevent duplicating
* `float: left` all over the place.
*
* ``
* ``
*/
.u-left {
float: left;
}
.u-right {
float: right;
}
/**
*The following styles are added for slideshow functionality
**/
.slideshow-icon {
background: rgba(255, 255, 255, 0.7);
box-sizing: border-box;
padding: 0 5px 0 10px;
position: absolute;
top: 0;
right: 0;
}
.slideshow-icon img {
float: left;
}
.slideshow-icon .view-slide {
display: none;
}
.slideshow-icon:hover p {
display: none;
}
.slideshow-icon:hover .view-slide {
display: block;
}
.slide-count {
margin: 0 7px;
float: left;
font-family: arial,verdana,sans-serif;
text-transform: uppercase;
font-size: 0.7rem;
font-weight: bold;
}
.section-readnext .slideshow-item {
position: static;
}
.slideshow-item {
width: 220px;
}
.imageWrapper {
position: relative;
}
.imageWrapper .slideshow-item {
position: absolute;
left: 0;
top: 0;
}
.imageWrapper .slideshow-icon {
left: 0 !important;
width: 111px !important;
height: 24px;
padding: 5px;
}
/*CSS styles for Slideshow Layer */
.is-invisible {
display: none;
visibility: hidden;
}
.l-grid,
.l-tbl {
list-style: none;
}
.l-grid,
.l-grid_item {
float: left;
}
.l-grid_item,
.l-tbl_item {
position: relative;
}
/**
* Use `l-tbl` and `l-tbl_item` when you need to have a grid of
* equal height columns. Note that 1) `l-tbl_item` can *only* be
* used with `l-tbl`, and 2) this is expensive for browsers to handle,
* so use only when absolutely necessary.
*/
.l-tbl {
display: table;
width: 100%;
}
.l-tbl_item {
display: table-cell;
vertical-align: top;
}
/**
ARTICLE BODY STYLES
[REQUIRED VARIABLES]
[VARIABLES]
ASSIGN THE FOLLOWING VARS IN LOCAL CHANNEL/SITE.SCSS
* `$article_body_type: serif OR sans-serif;` - default value is 'none'
* `$article_body_secondary_color: Hex color value;` - default value is '#d51b1e'
[NOTES]
* Default values for all variables below are defined in:
\system\css\sass\base\_defaults.scss
**/
/** [Required mixins] **/
.media,
.media_content {
overflow: hidden;
}
.media_img {
float: left;
}
.image-credit, .credit,
#body .image-credit, #body .credit {
font-family: Verdana, Arial, sans-serif;
color: #999;
font-size: 0.55rem;
}
.image-credit a, .credit a,
#body .image-credit a, #body .credit a {
color: #999;
text-decoration: none;
}
.image-credit a:hover, .credit a:hover,
#body .image-credit a:hover, #body .credit a:hover {
text-decoration: underline;
}
.breadcrumbs, .crumbs {
font-family: Verdana, Arial, sans-serif;
font-size: 0.65rem;
color: #999;
text-align: right;
}
.breadcrumbs a, .crumbs a {
color: #999;
}
.global-header {
border-bottom: 1px solid #d7dbdb;
height: 36px;
background: #fff;
line-height: 1 !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
width: 100%;
}
.global-header .global-header_logo {
background: url(/system/img/border-gray.png) no-repeat center right;
height: 36px;
}
.global-header .global-header_logo img {
padding-right: 20px;
position: relative;
top: 5px;
}
.global-header .global-header_menus {
position: absolute;
left: 224px;
height: 35px;
z-index: 10;
}
.global-header .global-header_menus ul {
list-style: none;
}
.global-header .global-header_menus ul li.submenu-item {
border: 1px solid transparent;
text-align: left;
}
.global-header .global-header_menus ul li.submenu-item a {
padding: 12px 15px 9px;
display: block;
color: #282828;
}
.global-header .global-header_menus ul li.submenu-item:hover {
border: 1px solid #d7dbdb;
border-bottom: 0;
height: 35px;
}
.global-header .global-header_menus ul li.submenu-item:hover ul.submenu_ministry a {
display: inline;
padding: 0;
}
.global-header .global-header_menus ul li.submenu-item:hover a.submenu-item_link {
position: relative;
z-index: 4;
background: #fff;
height: 16px;
}
.global-header .global-header_menus ul li {
display: inline-block;
}
.global-header .global-header_menus ul li .submenu_ministry, .global-header .global-header_menus ul li .submenu_brands {
background: #fff;
display: none;
border: 1px solid #d7dbdb;
padding-top: 5px;
text-transform: capitalize;
position: absolute;
top: 35px;
box-shadow: 0 0 3px #000;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
.global-header .global-header_menus ul li .submenu_ministry .submenu_ministry-heading, .global-header .global-header_menus ul li .submenu_brands .submenu_ministry-heading {
padding: 10px;
color: #d51b1e;
list-style: none;
}
.global-header .global-header_menus ul li .submenu_ministry .submenu_ministry-heading a, .global-header .global-header_menus ul li .submenu_brands .submenu_ministry-heading a {
color: #d51b1e;
}
.global-header .global-header_menus ul li .submenu_ministry li, .global-header .global-header_menus ul li .submenu_brands li {
display: block;
padding: 5px 10px;
list-style: disc;
}
.global-header .global-header_menus ul li .submenu_ministry {
left: 0;
width: 170px;
height: 172px;
padding-left: 10px;
}
.global-header .global-header_menus ul li .submenu_ministry li {
background: url(/system/img/icon-list.png) no-repeat center left;
}
.global-header .global-header_menus ul li .submenu_ministry .submenu_ministry-heading {
background: none;
}
.global-header .global-header_menus ul li .submenu_brands {
height: 35px;
}
.global-header .global-header_menus ul li .submenu_brands {
width: 650px;
height: 166px;
left: auto;
padding-top: 10px;
margin-left: -1px;
}
.global-header .global-header_menus ul li .submenu_brands li {
font-weight: bold;
padding-bottom: 5px;
}
.global-header .global-header_menus ul li .submenu_brands li a {
color: #d51b1e;
padding: 0;
}
.global-header .global-header_menus ul li:hover {
margin-right: 0;
}
.global-header .global-header_menus ul li:hover .submenu_ministry, .global-header .global-header_menus ul li:hover .submenu_brands {
display: block;
position: absolute;
}
.global-header .global-header_menus ul li, .global-header .global-header_nav ul li {
font-family: Verdana, Arial, sans serif;
font-size: 0.7rem;
display: inline-block;
vertical-align: top;
}
.global-header .global-header_nav ul li {
font-weight: bold;
}
.global-header .global-header_nav ul li a {
color: #d51b1e;
}
.global-header .global-header_nav ul li a:hover {
color: #d43e20;
}
.global-header .global-header_nav ul li.global-link_nl {
border-left: 1px solid #d7dbdb;
margin: 5px 0;
padding: 0;
}
.global-header .global-header_nav ul li.global-link_nl a {
display: inline-block;
vertical-align: top;
padding: 6px 18px;
}
.global-header .global-header_nav ul .btn-red {
background: #d51b1e;
padding: 11px 18px;
display: inline-block;
vertical-align: top;
color: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 36px;
}
.global-header .global-header_nav ul .btn-red:hover {
background: #000;
color: #fff;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.global-header .global-header_nav ul .btn-red {
padding: 11px 18px 12px;
}
}
.global-header a {
text-decoration: none;
}
.global-header a:hover {
text-decoration: none;
}
@media screen and (max-width: 320px) {
.global-header .global-header_logo {
float: none;
margin: 0 auto;
width: 200px;
background: transparent !important;
}
.global-header .global-header_logo img {
border-right: 0;
width: auto;
height: auto;
}
.global-header .global-link_promo {
display: none !important;
}
}
@media screen and (max-width: 455px) {
.global-header .global-link_nl {
display: none !important;
}
.global-header .global-link_promo {
display: block;
}
.global-header .global-header_nav {
border: 0;
}
}
@media screen and (max-width: 767px) {
.global-header_menus {
display: none;
}
.global-header .global-header_nav {
border: 0;
}
.global-header .global-header_logo {
background: transparent !important;
}
.global-header .global-link_nl {
border: 0 !important;
}
}
/* Global Footer styles */
#globalFooter,
#globalFooter * {
font-size: 1em;
line-height: normal;
margin: auto;
padding: auto;
}
.global-footer {
width: 100%;
}
.global-footer .js-backtoTop {
background-image: none !important;
}
.global-footer .global-footer_top li, .global-footer .global-footer_links li {
font-family: Verdana, Arial, sans serif;
font-size: 0.7rem;
}
.global-footer .global-footer_top li a, .global-footer .global-footer_links li a {
color: #3d3d3d;
}
.global-footer .global-footer_links li a {
color: #676767;
}
.global-footer .global-footer_container {
margin: 0 auto;
max-width: 1344px;
width: 100%;
text-align: left;
}
.global-footer .global-footer_top {
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.global-footer .global-footer_top li {
list-style: none;
text-transform: capitalize;
color: #3d3d3d;
margin-bottom: 5px;
}
.global-footer .global-footer_top .global-footer_social {
display: inline-block;
max-width: 120px;
}
.global-footer .global-footer_top .global-footer_social img {
margin-right: 8px;
}
.global-footer .global-footer_top .global-footer_sections {
border-right: 1px solid #e5e5e5;
width: 79%;
padding-bottom: 10px;
}
.global-footer .global-footer_top .global-footer_sections .global-footer_section-item1, .global-footer .global-footer_top .global-footer_sections .global-footer_section-item2, .global-footer .global-footer_top .global-footer_sections .global-footer_section-item3, .global-footer .global-footer_top .global-footer_sections .global-footer_section-item4 {
width: 175px;
}
.global-footer .global-footer_top .global-footer_sections .global-footer_sections-heading {
font-family: Century Gothic, "Trebuchet MS", Verdana, sans serif;
font-size: 0.8rem;
text-transform: uppercase;
}
.global-footer .global-footer_top .global-footer_promo {
font-family: Georgia, "Times New Roman", serif;
font-size: 0.75rem;
color: #9d9d9d;
padding: 30px 0 0 0;
text-align: center;
width: 17%;
float: left;
}
.global-footer .global-footer_top .global-footer_promo .global-footer_promo-desc {
font-family: Georgia, "Times New Roman", serif;
font-size: 0.7rem;
font-style: italic;
padding: 0 8px 0 0;
}
.global-footer .global-footer_top .global-footer_promo li {
font-size: 0.65rem;
display: inline;
}
.global-footer .global-footer_top .global-footer_promo li a {
color: #dc4d34;
text-decoration: underline;
}
.global-footer .global-footer_top .global-footer_promo li a:hover {
text-decoration: none;
}
.global-footer .global-footer_links {
height: 20px;
}
.global-footer .global-footer_bottom {
background: #e7e7e7;
padding: 15px 25px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.global-footer .global-footer_bottom .global-footer_links li {
display: inline;
color: #3d3d3d;
}
.global-footer .global-footer_bottom .global-footer_links li img {
vertical-align: middle;
margin-left: 7px;
}
.global-footer .global-footer_bottom .global-footer_links .divider {
margin: 0 5px;
}
.global-footer .global-footer_bottom .btn-backToTop {
height: 15px !important;
}
.footer {
border-bottom: 1px solid #d7dbdb;
clear: both;
color: #4a494f;
margin: 40px 0 20px;
text-align: center;
float: left;
width: 100%;
min-height: 220px;
}
.footer .divider {
margin: 0 5px;
}
.footer #global-footer_newsletter {
font-family: Century Gothic, "Trebuchet MS", Verdana, sans serif;
text-align: center;
}
.footer #global-footer_newsletter .global-footer_newsletter-heading {
font-size: 0.8rem;
color: #3d3d3d;
display: inline-block;
}
.footer #global-footer_newsletter .newsletterFields {
position: relative;
}
.footer #global-footer_newsletter div.newsletterEmail {
float: none;
display: inline;
width: 100%;
}
.footer #global-footer_newsletter div.newsletterSubmit {
float: left;
display: inline;
}
.footer #global-footer_newsletter .newsletterList,
.footer #global-footer_newsletter .newsletterSubscribe label {
display: none !important;
}
.footer #global-footer_newsletter form.newsletterSubscribe {
width: 535px;
height: 40px;
margin: 0 auto;
padding-top: 0;
}
.footer #global-footer_newsletter input#newsletterEmailInput {
font-size: 0.8rem;
display: block;
width: 535px;
height: 40px;
margin: 0 auto;
padding: 0 8px;
color: #3d3d3d;
border: 1px solid #9e9e9e;
font-family: Century Gothic, "Trebuchet MS", Verdana, sans serif;
background: #fff;
text-transform: uppercase;
}
.footer #global-footer_newsletter input#newsletterSubmitInput {
width: 64px;
height: 29px;
right: 5px;
border: 0;
position: absolute;
bottom: 7px;
}
.footer .footer-inner_logo {
background: url("/system/img/bg_footer_logo_border.gif") center center repeat-x;
}
.footer .footer-inner_logo .logo_wide,
.footer .footer-inner_logo .logo_narrow {
background: #fff;
margin: 0 auto;
padding: 0 15px;
vertical-align: middle;
}
.footer .footer-inner_logo .logo_wide {
max-width: 325px;
width: 325px;
}
.footer .footer-inner_logo .logo_narrow {
max-width: 175px;
width: 175px;
}
.footer .footer-inner_links {
height: 20px;
margin-bottom: 30px;
margin-top: 20px;
padding: 0 15px;
}
.footer li {
display: inline-flex;
font-family: Verdana, Arial, sans serif;
font-size: 0.7rem;
color: #3d3d3d;
}
.footer li a {
color: #3d3d3d;
}
.global-footer_fullWidth {
float: left;
width: 100%;
}
.spacer-right-5 {
margin-right: 5px;
}
.spacer-right-45 {
margin-right: 45px;
}
.spacer-left-20 {
margin-left: 20px;
}
/* For CT */
.gf-sublogo_text {
font-family: "leitura-news-i4","leitura-news",serif;
font-size: 0.8rem;
font-style: italic;
margin-top: 10px;
}
/*********** /// Mobile version /// ************/
@media screen and (max-width: 180px) {
.footer-inner_logo {
background: none !important;
}
}
@media screen and (max-width: 325px) {
.footer .logo_wide {
width: 80% !important;
}
.footer .logo_narrow {
height: auto !important;
width: 60% !important;
}
}
@media screen and (max-width: 320px) {
.global-footer .global-footer_top .global-footer_corpLogo img {
width: 80%;
height: auto;
}
}
@media screen and (max-width: 361px) {
.footer-inner_links li,
.global-footer_links li {
width: 100%;
display: block !important;
margin-bottom: 7px;
text-align: center;
}
.footer-inner_links .divider,
.global-footer_links .divider {
display: none !important;
}
.global-footer .global-footer_links {
height: auto !important;
float: none;
margin: 0 auto;
width: 100%;
}
.global-footer_bottom .btn-backToTop {
margin-top: 0px !important;
}
}
@media screen and (max-width: 600px) {
.global-footer .global-footer_top .global-footer_section {
width: 100% !important;
margin-bottom: 20px;
}
.global-footer_ad {
display: none !important;
}
.global-footer_section-item2,
.global-footer_section-item3,
.global-footer_section-item4 {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.global-footer_section-item4 {
margin-bottom: 20px !important;
}
}
/*********** /// Tablet version /// ************/
@media screen and (min-width: 601px) and (max-width: 768px) {
.global-footer_top .global-footer_section {
width: 15% !important;
text-align: left;
margin-left: 10px;
margin-right: 10px;
}
.global-footer_top .global-footer_social {
width: 20%;
display: inline-block;
text-align: left;
}
.global-footer_top .global-footer_promo-logo {
width: 30% !important;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.footer {
height: auto;
padding-bottom: 25px;
}
.footer .footer-inner_links {
height: auto !important;
}
.footer #global-footer_newsletter form.newsletterSubscribe {
width: 80%;
}
.footer #global-footer_newsletter form.newsletterSubscribe input#newsletterEmailInput {
width: 100%;
}
.footer #global-footer_newsletter form.newsletterSubscribe div.newsletterSubmit {
display: block;
float: none;
}
.footer #global-footer_newsletter form.newsletterSubscribe input#newsletterSubmitInput {
margin-top: 5px;
position: static;
}
.global-footer .global-footer_top {
max-width: 100%;
min-width: 100%;
margin: 10px 0;
text-align: center;
}
.global-footer .global-footer_top .global-footer_sections,
.global-footer .global-footer_top .global-footer_corpLogo {
border-right: 0;
padding-bottom: 10px;
width: 100%;
}
.global-footer .global-footer_top .global-footer_promo {
width: 100% !important;
margin-bottom: 20px;
}
.global-footer .global-footer_promo-logo {
width: 50%;
margin: 0 auto;
}
.global-footer .global-footer_promo-desc {
padding-right: 0 !important;
margin-top: 10px;
}
.global-footer .global-footer_bottom .btn-backToTop {
float: left;
width: 100%;
text-align: center;
margin: 20px 0;
}
.global-footer .global-footer_bottom .global-footer_ad {
width: 100%;
}
.global-footer .global-footer_bottom .global-footer_ad img {
max-width: 100%;
height: auto;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.global-footer .global-footer_top .global-footer_sections {
width: 100% !important;
border-right: 0;
}
.global-footer .global-footer_top .global-footer_section {
width: 17% !important;
}
.global-footer .global-footer_promo {
width: 100% !important;
text-align: center !important;
margin-top: 10px !important;
padding-bottom: 10px !important;
padding-top: 0px !important;
}
.global-footer .global-footer_promo-logo {
width: 20%;
margin: 0 auto 10px auto;
}
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
.global-footer .global-footer_top .global-footer_sections {
width: 75% !important;
}
.global-footer .global-footer_top .global-footer_section {
width: 15% !important;
}
}
/**
Adds additional support classes
for legacy stylesheets
**/
.declaration {
color: #676767;
font-size: 0.7rem;
font-style: italic;
float: left;
font-family: Verdana,Arial,sans serif;
clear: both;
}
.overlay {
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
background: #000;
opacity: 0.6;
}
.modal {
padding: 15px;
z-index: 9999;
background: #fff;
border: 1px solid #000;
border-radius: 8px;
}
.closeModal {
position: absolute;
top: -15px;
}
/*@if $is-responsive == true {
.overlay {
display: none;
}
.closeModal {
@extend %closeModal;
right: 5px;
}
}
@else {*/
#hover,
.modal.is-centered {
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.closeModal {
right: -15px;
}
/**
* Reset the font size
*/
.fyre * {
font-size: 1em;
}
/**
* The following items are (currently) permanently hidden:
* 1. The user profile hover
* 2. The main "LiveFyre" logo at the top.
* 3. The spinner in the editor when logged-out users click
* "Post comment as..."
*
* The following are hidden when the user is not logged in:
* 1. The "Reply" links
* 2. The comment form
*/
.fyre .fyre-comment-user,
.fyre-widget .fyre-logo-drop,
.fyre-widget .fyre-logo-help,
.fyre-widget .fyre-help,
.fyre-hovercard,
.fyre-editor-spinner {
display: none !important;
}
/**
* Disable the hover change on the user names.
*/
.fyre a.fyre-comment-username,
.fyre a.fyre-mention {
color: #000 !important;
cursor: auto !important;
}
/**
* Add a margin to the right side of the comment "like" count.
*/
.fyre .fyre-comment-like-count {
display: inline-block;
margin-right: 3px;
}
.fyre .fyre-comment-like-count:not(:empty):before {
content: '(';
}
.fyre .fyre-comment-like-count:not(:empty):after {
content: ')';
}
/**
* Remove the rounded corners from the drop-downs, text fields,
* modals, and editor toolbar buttons.
*/
.fyre-modal,
.fyre-share-container,
.fyre-format-toolbar,
.fyre-mention-menu,
.fyre .fyre-box-list,
.fyre-editor-editable,
.fyre-modal .fyre-modal-textfield,
.goog-toolbar > .fyre-button-left:nth-child(2),
.goog-toolbar > .fyre-button-right.fyre-post-button {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important;
}
/**
* Add padding to the modal inputs and textareas.
* Since textareas by default use a monospace typeface,
* force them to inherit their typeface.
*/
.fyre-modal .fyre-modal-textfield {
padding: 0 5px;
}
.fyre-modal textarea.fyre-modal-textfield {
padding: 5px;
font-family: inherit;
}
/* Style the bottom logo */
#powered_by_livefyre_new {
margin-bottom: 10px;
}
#powered_by_livefyre_new a {
float: right;
height: 24px;
padding-left: 28px;
padding-top: 4px;
background: url("http://zor.livefyre.com/wjs/v1.0/images/icons/poweredbylivefyre.png") no-repeat left top;
color: #404040;
font: 11px Arial, Verdana, sans-serif;
text-decoration: none;
}
#powered_by_livefyre_new a:hover {
text-decoration: underline;
}
/* Custom styles */
.fyre * {
font-family: Arial, Verdana, sans-serif !important;
}
.fyre-comment-divider {
margin-left: 25px !important;
}
.fyre-comment-divider > a,
.fyre-comment-divider > a:hover {
margin: 0 !important;
}
.fyre-comment-divider > .fyre-comment-reply-wrapper {
margin: 0 0 0 20px !important;
}
.fyre-editor-editable {
box-shadow: none !important;
background-color: #fff !important;
}
.fyre-modal .fyre-modal-textfield {
box-shadow: none !important;
font-family: Arial, Verdana, sans-serif !important;
}
.fyre-modal select {
margin-bottom: 10px !important;
}
/* "View All Comments" link styles */
.comments-livefyre.is-limited {
background: url(http://zor.fyre.co/wjs/v3.0.1397501131/images/showmorebg.gif) bottom repeat-x;
padding-bottom: 19px;
position: relative;
}
.is-limited > .comments_list {
overflow: hidden;
}
.comments_moreLink {
position: absolute;
width: 100%;
text-align: center;
}
.comments_moreLink > a {
display: inline-block;
height: 32px;
padding: 0 12px;
background: #fff;
border: 1px solid #a9a9a9;
border-radius: 3px;
font: 12px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
line-height: 30px;
}
.content-slide {
width: 100%;
height: 100%;
}
.content-slide .content-grayout {
height: 100%;
}
.content-grayout {
min-height: 360px;
}
.content-slide .slide-area {
padding: 20% 0;
width: auto;
}
.content-slide p {
left: 35%;
width: 32%;
font-size: 1.35em;
}
.content-slide .slide-area {
padding: 20% 0;
width: auto;
}
.content-slideshow {
margin-left: -20px;
width: 100%;
font-family: arial, verdana, helvetica, sans-serif;
}
.content-slideshow.locked-slideshow {
height: auto;
}
.content-slideshow .articleImg {
margin-left: 0;
width: 100%;
position: relative;
max-height: 100%;
height: 100%;
top: 50%;
transform: translateY(-50%);
}
.fullImageModal {
z-index: 9999999;
}
.fullImageModal .articleImg {
border-bottom: 100px solid transparent;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.js-slider {
height: 100%;
}
.slide-items {
position: absolute;
padding-top: 28% !important;
padding-bottom: 20%;
cursor: pointer;
}
.fullImageModal .slide-items {
padding-top: 0 !important;
vertical-align: middle;
height: 100%;
}
.fullImageModal .slide-items img {
top: 42%;
}
.slide-items:hover img {
background: rgba(255, 255, 255, 0.55);
}
.slide-items img {
width: 52px;
top: 38%;
position: relative;
}
.prev-item {
left: 0;
width: 50%;
}
.next-item {
right: 0;
width: 50%;
text-align: right;
}
.slide-description {
clear: both;
position: relative;
border-bottom: 1px solid #c4c4c4;
padding-bottom: 12px;
text-align: left;
margin-top: 10px;
background: #fff;
top: 5px;
}
.slide-description p {
text-align: left;
font-size: 13px;
width: auto;
}
.page-count {
color: #000;
font-weight: bold;
font-size: 11px !important;
}
.slide-description p span {
font-size: 13px;
color: #000;
}
.expand-it {
background: url(/system/slideshow/img/icon_fullscreen.svg) no-repeat;
height: 9px;
font-weight: bold;
color: #d51b1e;
padding-left: 12px;
font-size: 12px;
margin-top: 4px;
}
.expand-it span {
position: relative;
top: -2px;
}
.article-top {
padding: 8px 20px 5px;
}
.article-top .title {
font-weight: bold;
position: relative;
top: 5px;
font-size: 1.05em;
}
.overlay-full {
position: fixed;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
z-index: 9999;
margin-left: 0;
background: #fff;
}
.overlay-full .content-sliding {
position: absolute;
z-index: 2;
width: 100%;
height: 55px;
bottom: 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.overlay-full .slide-description {
border-top: 1px solid #c4c4c4;
padding: 5px 20px 8px;
width: 100%;
border-bottom: 0;
background: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
top: 0;
}
.overlay-full .slide-items {
top: 0;
}
.overlay-full .closeModal {
top: 15px;
right: 20px;
z-index: 999;
cursor: pointer;
position: absolute;
}
.overlay-full .article-top {
position: relative;
z-index: 2;
padding-top: 10px;
padding-bottom: 10px;
background: #fff;
}
.overlay-full .article-top .title {
display: inline-block;
cursor: pointer;
line-height: 1.2;
padding-right: 30px;
}
.img-expand {
left: 0;
margin: 0 auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.text-center {
text-align: center;
}
.no-scroll {
overflow: hidden;
}
.opaque {
background-color: rgba(255, 255, 255, 0.8);
height: 100%;
position: relative;
z-index: 2;
}
.opaque img.loader-content {
position: absolute;
top: 48%;
left: 50%;
}
.fullImageModal img.loader-content {
top: 45%;
left: 49%;
}
.display-none {
display: none;
}
.slide-image {
height: 413px;
position: relative;
z-index: -1;
}
.slide-description .imageCredit {
margin-bottom: 0px;
font-size: .7em;
font-family: 'Verdana', arial, helvetica, sans-serif;
font-weight: normal;
}
.slide-description .page-count {
margin-bottom: 2px;
}
.btn-launch_slideshow {
font-size: 1.4em !important;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 12px 25px;
text-decoration: none;
text-transform: uppercase;
font-family: "droid-serif", georgia, times new roman, serif;
background: #d51b1e;
max-width: 300px;
}
.btn-launch_slideshow:hover {
text-decoration: none;
background: #ed1317;
color: #fff;
}
.slide-content {
margin-bottom: 20px;
text-align: center;
}
.slide-description .morecontent span {
display: none;
padding-bottom: 5px;
}
.slide-description p span.morecontent {
font-size: .9em;
}
.slide-description .morecontent a.morelink {
color: #d51b1e;
text-transform: uppercase;
}
.moreellipses {
display: inline-block;
}
.overlap-content {
height: auto !important;
padding-bottom: 5px;
}
.overlap-content .slide-description {
background: rgba(255, 255, 255, 0.7);
}
.overlap-content p {
line-height: 1.4;
}
.image_embedded:hover {
cursor: pointer;
}
.fullImageModal .opaque {
background-color: white;
}
.content-slideshow .articleImgInactive {
transform: none;
}
.fullImageModal .articleImgInactive {
transform: translateY(-62%) !important;
}
.no-inner-bottom {
width: auto;
margin-bottom: 0;
}
.imageWrapper .slideshow-item {
cursor: pointer;
}
.content-slide .slide-area {
height: 100%;
vertical-align: middle;
padding: 0;
}
.content-slide .slide-area img {
position: relative;
top: 42%;
}
/*to resolve the slideshow issues*/
.slideshow-icon {
background: rgba(255, 255, 255, 0.7);
box-sizing: border-box;
padding: 0 5px 0 10px;
position: absolute;
top: 0;
right: 0;
}
.slideshow-icon img {
float: left;
}
.slideshow-icon .view-slide,
.slideshow-icon:hover p {
display: none;
}
.slideshow-icon:hover .view-slide {
display: block;
}
.slide-count {
margin: 0 7px;
float: left;
text-transform: uppercase;
font-size: 0.7rem;
font-weight: bold;
}
.section-readnext .slideshow-item {
position: static;
}
.slideshow-item {
width: 220px;
}
.imageWrapper {
position: relative;
}
.imageWrapper .slideshow-item {
position: absolute;
left: 0;
top: 0;
}
.imageWrapper .slideshow-icon {
left: 0 !important;
width: 135px !important;
height: 24px;
padding: 5px;
}
.is-invisible {
display: none;
visibility: hidden;
}
.inpage-slideshow .js-slider {
height: 413px;
}
.inpage-slideshow .slide-items {
padding: 25% 0;
}
.content-grayout {
color: #000;
width: 100%;
margin-bottom: 20px;
}
.content-grayout p {
box-sizing: border-box;
left: 23%;
margin: 0 auto;
padding: 0 10px;
position: absolute;
top: 44%;
width: 360px;
opacity: .7;
font-size: 15.2px;
font-size: 0.95rem;
}
.content-grayout p a {
text-decoration: underline;
}
.content-grayout p a:hover {
text-decoration: none;
}
.content-grayout .slide-area {
width: auto;
}
.slide-area {
padding: 25% 0;
position: absolute;
}
.slide-area img {
width: 52px;
}
.img-grayout {
opacity: .2;
}
#body .image .imageWrapper .credit {
font-size: .6em;
margin-bottom: 0;
background: transparent;
text-align: left;
color: #999999;
opacity: 1;
position: static;
padding: 5px 3px 3px 0;
}
#body p.caption {
color: #6b5f5f;
font-size: .7em;
margin-bottom: 15px;
line-height: 1.35;
}
.title-3 {
font-size: 18px;
}
.readermode .slide-image {
height: 100%;
}
.readermode .content-slideshow {
height: 540px;
margin-bottom: 40px;
margin-left: 0;
}
.readermode .overlay-full {
height: 100%;
}
.readermode .js-slider {
height: 100%;
}
#js-wrap-readermode .slide-items {
padding-top: 24.5% !important;
}
@media screen and (max-width: 1024px) {
.img-expand {
height: auto;
}
}
@media screen and (max-width: 480px) {
.overlay-full .article-top {
padding-top: 6px;
}
}
@media screen and (max-width: 360px) {
.content-slideshow .articleImg {
transform: none;
top: 0;
}
.img-expand {
transform: none;
top: 0;
height: auto;
}
.content-slide {
height: 70%;
}
.fullImageModal .slide-items img {
top: 25%;
}
.overlay-full .content-sliding {
min-height: 120px;
position: absolute;
}
}
.spacer-inner-bottom-20 {
padding-bottom: 20px;
}
.spacer-bottom-5 {
margin-bottom: 5px;
}
.tooltip-container {
position: absolute;
display: none;
max-width: 228px;
min-width: 130px;
padding: 10px;
width: 228px;
}
/**
* Mixin for generating the appropriate TypeKit `font-family`. This is
* necessary, IE requires the font to be carry the typeface name, the
* style, and the weight. For example, italic LFT Etica at a font-
* weight of 800 would be output as: `lft-etica-n8`.
*
* `@include font-family(8, true);`
*/
/**
* Mixin to supply basic font information for headings and titles.
* The final `$use-serif` attribute is mostly for internal use, making
* it possible to reuse code to easily apply heading and title styles.
*
* `@include ct-heading(1.3, 8, 1.5);`
* - OUTPUTS -
* font-weight: 8;
* line-height: 1.3;
* font-size: 1.5 // plus the calculated pixels for browser
* // that don't support rem units
* font-family: "leitura-news-n8","leitura-news",serif;
*/
/**
* Mixin to supply basic font information for titles. The only difference
* between `ct-title` and `ct-heading` is that `ct-title` always uses
* the current `$font-sans-serif`.
*
* `@include ct-title(1.3, 8, 1.5);`
*/
/**
* Mixin to calculate the width of a grid item.
*
* `@include calc-width(3); // (60 * 3) + (20 * (3 - 1)) = 180 + 40 = 240`
*/
/* IF YOU NEED TO MAKE ANY CHANGES TO UNDERSCORE ELEMENTS, PLEASE
LET MATT KNOW FIRST, AND WHY.*/
.homepage .content-full {
width: 940px;
margin: 0;
}
.global-nav #globalNav,
.global-foot #globalFooter {
min-width: 1000px;
}
#globalNav,
#globalFooter {
min-width: 1020px;
}
a {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: underline;
}
.spacer-top-10 {
margin-top: 10px;
}
.spacer-top-15 {
margin-top: 15px;
}
.spacer-top-20 {
margin-top: 20px;
}
.spacer-top-30 {
margin-top: 30px;
}
.spacer-top-35 {
margin-top: 35px;
}
.spacer-top-80 {
margin-top: 80px;
}
.spacer-right-8 {
margin-right: 8px;
}
.spacer-right-10 {
margin-right: 10px;
}
.spacer-right-15 {
margin-right: 15px;
}
.spacer-left-45 {
margin-left: 45px;
}
.spacer-left-68 {
margin-left: 68px;
}
.spacer-bottom-5 {
margin-bottom: 5px;
}
.spacer-bottom-10 {
margin-bottom: 10px;
}
.spacer-bottom-15 {
margin-bottom: 15px;
}
.spacer-bottom-20 {
margin-bottom: 20px;
}
.spacer-bottom-25 {
margin-bottom: 25px;
}
.spacer-bottom-30 {
margin-bottom: 30px;
}
.spacer-bottom-40 {
margin-bottom: 40px;
}
.spacer-bottom-50 {
margin-bottom: 50px;
}
.spacer-inner-top-10 {
padding-top: 10px;
}
.spacer-inner-top-15 {
padding-top: 15px;
}
.spacer-inner-top-20 {
padding-top: 20px;
}
.spacer-inner-top-30 {
padding-top: 30px;
}
.spacer-inner-top-35 {
padding-top: 35px;
}
.spacer-inner-top-60 {
padding-top: 60px;
}
.spacer-inner-bottom-5 {
padding-bottom: 5px;
}
.spacer-inner-bottom-10 {
padding-bottom: 10px;
}
.spacer-inner-bottom-20 {
padding-bottom: 20px;
}
.spacer-inner-left-15 {
padding-left: 15px;
}
.spacer-both-20 {
padding: 15px 0 20px;
overflow: hidden;
}
.spacer-left-5 {
margin-left: 5px;
}
.spacer-left-10 {
margin-left: 10px;
}
.spacer-inner-left-35 {
padding-left: 35px;
}
.spacer-right-20 {
margin-right: 20px;
}
.spacer-right-35 {
margin-right: 35px;
}
.spacer-right-50 {
margin-right: 50px;
}
.spacer-left-neg-20 {
margin-left: -20px;
}
.accessible {
display: none;
}
.globalNav {
background: #ccc;
}
.headings-blue {
color: #0099d2;
font-weight: 700;
font-size: 12px;
font-size: 0.75rem;
}
.headings-black {
font-weight: 700;
font-size: 12px;
font-size: 0.75rem;
}
.item_date-section {
color: #d51b1e;
font-family: "franklin-gothic-ext-comp-urw", sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 700;
text-transform: uppercase;
font-size: 17.6px;
font-size: 1.1rem;
}
.item_date-blog {
left: 0;
padding-right: 10px;
position: absolute;
top: -0.7em;
background-color: #fff;
}
.deck {
line-height: 1.15;
margin: 2px 0;
font-size: 14.4px;
font-size: 0.9rem;
}
.deck a {
color: #000;
}
.byline {
font-weight: bold;
font-size: 14.4px;
font-size: 0.9rem;
}
.slug {
color: #999999;
text-transform: uppercase;
font-family: "lft-etica",sans-serif;
font-weight: 600;
font-size: 13.6px;
font-size: 0.85rem;
}
.slug-category {
height: 22px;
padding-left: 75px;
font-weight: 600;
line-height: 1.5;
background: url(/ct/channel/img/category_sprite.png) left -576px no-repeat;
font-size: 14.4px;
font-size: 0.9rem;
}
.post-publication {
font-style: italic;
color: #878787;
font-size: 12px;
font-size: 0.75rem;
}
.flag-reviews {
background-position: 0 -620px;
}
.flag-news {
background-position: 0 -598px;
}
.item_img {
display: block;
margin-bottom: 10px;
}
.more {
bottom: 0;
position: absolute;
background: url(/ct/channel/img/arrow_red.gif) right center no-repeat;
font-family: "franklin-gothic-ext-comp-urw",sans-serif;
-webkit-font-smoothing: antialiased;
font-smooth: always;
letter-spacing: 0.05em;
text-transform: uppercase;
line-height: .9;
font-size: 16.8px;
font-size: 1.05rem;
}
.more-right {
padding-right: 10px;
right: 0;
bottom: 4px;
}
.more-leftside {
padding-right: 10px;
}
.more-left {
padding-left: 10px;
padding-right: 0;
right: 40px;
bottom: 4px;
background: url(/ct/channel/img/arrow_black_left.gif) left center no-repeat;
}
a.more-left {
color: #000;
}
.more-rightView > a.more {
background: white url("/ct/channel/img/arrow_red.gif") no-repeat right center;
bottom: -11px;
right: 0;
padding: 0 10px;
}
.more-rightView a.no-image {
padding-right: 0;
background: #fff;
}
.breadcrumbs {
padding: 6px 0;
color: #999999;
text-align: right;
letter-spacing: 0.04;
line-height: 0.9;
font-weight: 600;
font-size: 11.2px;
font-size: 0.7rem;
}
.breadcrumbs a {
color: #999999;
}
.item_commentCount {
position: absolute;
bottom: 50px;
font-weight: bold;
text-transform: uppercase;
font-family: "franklin-gothic-ext-comp-urw",sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 17.6px;
font-size: 1.1rem;
}
.item_commentCount > a {
color: #000;
text-decoration: none;
}
.overlay-ajax {
position: absolute;
background: white url(/system/img/ajax-loader.svg) center center no-repeat;
}
.hover_red:hover {
color: #d51b1f;
border-bottom: 7px solid #d51b1f;
}
.sponsor-expand {
background: #d51b20;
height: 20px;
text-align: center;
}
.spacer-top-3 {
margin-top: 3px;
}
.spacer-top-5 {
margin-top: 5px;
}
.spacer-top-50 {
margin-top: 50px;
}
.spacer-bottom-3 {
margin-bottom: 3px;
}
.spacer-bottom-7 {
margin-bottom: 7px;
}
.spacer-bottom-35 {
margin-bottom: 35px;
}
.spacer-right-30 {
margin-right: 30px;
}
.l-wrap {
width: 100%;
min-width: 1020px;
clear: both;
}
.l-wrap_home {
min-width: 1000px;
overflow: hidden;
}
.l-page {
margin: 0 auto;
padding: 0 20px;
width: 940px;
background: #fff;
}
.homepage .l-page {
padding: 0 10px;
background: transparent;
}
.l-outer {
width: 100%;
min-width: 1000px;
background: url(/ct/channel/img/bg_page_tan.gif) repeat-x;
}
.l-page_inner {
width: 940px;
background: #fff;
}
.l-content {
width: 640px;
}
.box-sizing {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px;
}
.l-rightnav {
width: 300px;
}
.l-rightnav .heading-section-sm {
border-width: 9px;
font-size: 24px;
font-size: 1.5rem;
}
.l-rightnav li.arrow-links {
float: left;
width: 45%;
}
.l-grid-section-blog > .l-grid_item {
padding-bottom: 60px;
margin: 0 0 0 20px;
}
.l-grid-section-blog > .l-grid_item a:hover {
text-decoration: none;
}
.l-grid-section-blog span .l-grid_item {
padding: 17px 0 25px;
border-top: 2px solid #000000;
}
.l-grid-section-blog span .l-grid_item:hover {
border-top: 2px solid #d51b1e;
}
.l-grid_item {
margin-right: 20px;
}
.l-grid_item-last {
margin-right: 0;
}
.l-grid-section-blog {
margin-top: 0;
}
.l-grid-section-blog > .l-grid_item {
padding: 17px 0 25px;
border-top: 2px solid #000;
}
.l-grid-section-blog > .l-grid_item:hover {
border-top-color: #d51b1e;
}
.l-tbl_item {
position: relative;
padding-bottom: 80px;
padding-right: 20px;
}
.l-tbl_item-last {
padding-right: 0;
}
.l-grid_item-first {
margin: 0;
}
.l-two {
width: 140px;
}
.l-three {
width: 220px;
}
.l-four {
width: 300px;
}
.l-five {
width: 380px;
}
.l-six {
width: 460px;
}
.l-eight {
width: 620px;
}
.l-nine {
width: 700px;
}
.l-grid-section-blog > .l-grid_item-first {
margin: 0;
}
.sidebar-right-article {
clear: right;
float: right;
}
/*
* The line-height in system is set to 1, but that leading is too
* tight for this design.
*/
body {
font-family: "lft-etica",sans-serif;
line-height: 1.3;
}
/* Headings and Titles */
.heading, .title {
display: block;
}
.heading > a, .title > a {
color: #000;
text-decoration: none;
}
.heading > a:hover, .title > a:hover {
text-decoration: underline;
}
.espanol-headers_container a.title {
display: inline;
}
.heading-main,
.heading-item {
letter-spacing: -0.02rem;
font-weight: 600;
line-height: inherit;
font-size: 60px;
font-size: 3.75rem;
font-family: "leitura-news", serif;
}
.heading-main > a:hover {
text-decoration: none;
}
.heading-topic,
.heading-collection {
font-weight: 400;
line-height: inherit;
font-size: 48.8px;
font-size: 3.05rem;
font-family: "leitura-news", serif;
letter-spacing: -0.03em;
}
.heading-main,
.heading-collection {
color: #d51b1e;
line-height: 1.1;
}
.heading-main > a,
.heading-collection > a {
color: #d51b1e;
}
.heading-main,
.heading-section {
text-transform: uppercase;
}
.heading-section-xl {
letter-spacing: -0.03rem;
font-weight: 500;
line-height: inherit;
font-size: 28.8px;
font-size: 1.8rem;
font-family: "leitura-news", serif;
}
.heading-section-lg {
border-bottom: 9px solid #000;
letter-spacing: -0.03rem;
font-weight: 600;
line-height: inherit;
font-size: 24px;
font-size: 1.5rem;
font-family: "leitura-news", serif;
}
.heading-section-sm {
border-bottom: 4px solid #000;
letter-spacing: -0.03rem;
font-weight: 600;
line-height: inherit;
font-size: 20px;
font-size: 1.25rem;
font-family: "leitura-news", serif;
}
.heading-blog {
display: inline-block;
height: 40px;
margin-left: -12px;
padding: 10px 0 0 175px;
background-position: left top;
background-repeat: no-repeat;
font-weight: 600;
font-family: "lft-etica", serif;
}
.heading-blog > a {
padding-left: 10px;
}
.heading-gleanings {
background-image: url(/ct/channel/img/bg_gleanings.gif);
background-repeat: no-repeat;
}
.tagline {
color: #999999;
display: inline-block;
vertical-align: top;
margin-top: 10px;
font-weight: 600;
font-size: 13.6px;
font-size: 0.85rem;
}
.title-1 {
letter-spacing: -0.03em;
font-weight: 600;
line-height: 1.05;
font-size: 28.8px;
font-size: 1.8rem;
font-family: "lft-etica", serif;
}
.title-2 {
font-weight: 700;
line-height: 1.1;
font-size: 24.8px;
font-size: 1.55rem;
font-family: "lft-etica", serif;
}
.title-3 {
font-weight: 700;
line-height: 1.1;
font-size: 20px;
font-size: 1.25rem;
font-family: "lft-etica", serif;
}
.title-4,
.title-5 {
font-family: "lft-etica",sans-serif;
}
.title-4 {
font-weight: 700;
line-height: 1.15;
font-size: 16px;
font-size: 1rem;
}
.title-5 {
font-size: 18.4px;
font-size: 1.15rem;
}
.title-serif {
font-family: "leitura-news", serif;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
}
/* End "Headings and Titles" */
.more {
color: #d51b1e;
text-decoration: none;
font-weight: bold;
}
.section-main .more {
right: 0;
padding-right: 10px;
bottom: 4px;
}
.section-main .move-right-100 {
right: 100px;
}
a.title {
color: #000;
text-decoration: none;
}
a.title:hover {
text-decoration: underline;
}
.slug a {
color: #999;
text-decoration: none;
}
.slug a:hover {
text-decoration: underline;
}
.article-deck {
font-size: 20px;
font-size: 1.25rem;
font-weight: 500;
color: #878787;
letter-spacing: -0.02em;
line-height: 1.15;
margin-top: 4px;
}
.article-deck a {
color: #878787;
}
.article-deck a:hover {
color: #000;
}
.article-byline {
font-weight: 700;
line-height: 1.15;
margin-top: 7px;
font-size: 16px;
font-size: 1rem;
}
.article-postDate {
font-family: "franklin-gothic-ext-comp-urw",sans-serif;
text-transform: uppercase;
letter-spacing: 0.03em;
padding-left: 5px;
font-size: 17.6px;
font-size: 1.1rem;
}
.buttons_link {
-moz-box-shadow: 3px 3px 0 0 #BBBB9B;
box-shadow: 3px 3px 0 0 #BBBB9B;
padding: 5px 0;
text-align: center;
display: block;
font-weight: 600;
line-height: 1.1;
cursor: pointer;
font-size: 16.8px;
font-size: 1.05rem;
}
.button_red {
background: #d51b1e;
}
.button_red a {
color: #fff;
}
.button_red a:hover {
color: #fff;
text-decoration: none;
}
.button_red a img {
margin-right: 8px;
}
.button_red:hover {
background: #ed1317;
}
.button_yellow {
background: #f8e405;
}
.button_yellow > a {
color: #000;
display: block;
}
.button_yellow > a:hover {
text-decoration: none;
}
.color-white {
color: #fff;
}
a.color-blue {
color: #0099d2;
}
.button_yellow:hover {
background: #fbff0a;
}
.section-content-heading {
font-family: leitura-news;
font-weight: 400;
color: #999999;
border-bottom: 2px solid #000;
overflow: hidden;
font-size: 25.6px;
font-size: 1.6rem;
}
.heading-xs {
color: #999999;
display: block;
font-size: 11.2px;
font-size: 0.7rem;
}
.heading-xs a {
color: #999999;
}
.themeCollection-sm {
font-family: leitura-news;
font-weight: 500;
line-height: 1;
font-size: 29.6px;
font-size: 1.85rem;
}
.loaderImg {
background: #d51b1e;
color: #fff;
font-weight: 600;
padding: 2px 5px;
margin-top: -30px;
position: absolute;
display: none;
font-size: 14.4px;
font-size: 0.9rem;
}
.l-grid-section-blog .l-grid_item:hover li,
.l-grid-section-blog .l-grid_item:hover a {
color: #d51b1e;
text-decoration: none;
}
.expandContent {
width: 100%;
position: fixed;
background: #fff;
bottom: 0;
padding-top: 30px;
padding-bottom: 30px;
z-index: 5;
display: none;
opacity: 1 !important;
border-top: 15px solid #000;
}
.articleImg {
width: 640px;
margin-left: -20px;
}
select.custom-formElements {
padding: 4px;
}
h2 .js-selectExplore {
margin: 18px 0 10px;
}
.firstContainerList .byline {
font-weight: 500;
}
.limitBy {
width: auto !important;
padding-right: 10px;
margin-top: 4px;
}
.tabularData th {
background: #000;
padding: 3px 5px;
}
.tabularData th.first-column {
text-align: left;
padding-left: 10px;
width: 210px;
}
th a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
font-size: 12px;
font-size: 0.75rem;
}
.tabularData td {
padding: 16px 0 8px 10px;
vertical-align: top;
text-align: center;
font-size: 12.8px;
font-size: 0.8rem;
}
.tabularData td .reviewPagingRight a {
color: #d51b1e;
}
.tabularData td.firstColumn {
text-align: left;
padding-left: 0;
width: 250px;
}
#books .tabularData td.firstColumn {
width: 290px;
}
td.topData {
padding-bottom: 0;
padding-left: 0;
}
td.topData .reviewPagingRight {
padding-right: 0;
}
/* Needed for Topics Browse Page & Right side content */
.arrow-links {
background: url(/ct/channel/img/bullet_arrow.gif) no-repeat left 8px;
padding-left: 10px;
margin-bottom: 5px;
font-family: "lft-etica",sans-serif;
font-size: 14.4px;
font-size: 0.9rem;
}
/* Needed for Newsfeed Browse Page */
.clearBoth {
clear: both;
}
.previousLink,
.nxtLink {
position: absolute;
}
.previousLink {
left: 0;
}
.nxtLink {
right: 0;
}
#fromissue {
padding: 0 10px;
}
#fromissue > .l-grid_item {
margin-right: 6px;
width: 215px;
}
/*use this class to display grid blocks for example homepage */
.applyBlock {
display: inline-block;
vertical-align: top;
float: none;
}
/*use this class to display grid blocks for example homepage */
#LoaderImage {
display: none;
text-align: center;
}
#LoaderImage > span {
color: #d51b1e;
font-weight: 700;
vertical-align: top;
position: relative;
top: 4px;
left: 15px;
letter-spacing: -0.03em;
font-size: 18.4px;
font-size: 1.15rem;
}
.postDate {
color: #999;
font-weight: 600;
font-size: 11.2px;
font-size: 0.7rem;
}
.postDate span {
position: relative;
top: 1px;
margin: 0 2px;
font-weight: 500;
font-size: 15.2px;
font-size: 0.95rem;
}
.postDate .date-seprator {
position: relative;
top: 2px;
font-size: 13.6px;
font-size: 0.85rem;
}
.image-credit,
.credit {
margin-bottom: 4px;
}
.caption {
color: #878787;
font-size: 11.2px;
font-size: 0.7rem;
}
.pagingSort {
position: relative;
top: -2px;
}
.pagingSort span {
padding-right: 8px;
padding-top: 2px;
}
.reviewsPaging {
width: 100%;
display: inline-block;
padding-top: 8px;
padding-bottom: 4px;
}
.reviewsPaging:first-child .custom-form-select_searchgoto {
margin-top: -3px;
}
.section-border-bottom {
border-bottom: 1px solid #000;
}
.section-border-top {
border-top: 1px solid #000;
}
/*css for columnist page*/
.category-description-sm {
margin-top: 3px;
font-size: 12px;
font-size: 0.75rem;
}
.section-container {
border-bottom: 1px solid #dedecc;
padding-bottom: 5px;
}
.read-author-bio {
line-height: 1;
display: block;
text-align: center;
color: #0099d2;
font-size: 12px;
font-size: 0.75rem;
}
.read-author-bio:hover {
text-decoration: underline;
color: #0099d2;
}
/*styles for Virtual Collection page*/
.headings-section_views {
border-bottom: 1px solid #0099d2;
font-weight: 700;
margin-bottom: 4px;
padding-bottom: 2px;
text-transform: uppercase;
font-size: 12px;
font-size: 0.75rem;
}
.headings-section_views a {
color: #0099d2;
}
.author-name {
width: 150px;
line-height: 1;
font-weight: 700;
text-align: right;
font-size: 14.4px;
font-size: 0.9rem;
}
.author-name a {
color: #0099d2;
}
.aboutAuthor {
margin-top: -20px;
background: #fff;
padding-left: 10px;
}
.view-first_item {
float: none;
}
/*styles for Virtual Collection page*/
.category-description-md {
font-family: "lft-etica",sans-serif;
line-height: 1.4;
font-size: 13.6px;
font-size: 0.85rem;
}
.section-border-top select.js-sortBy {
margin: 0;
}
select.js-sortBy {
text-transform: none;
}
.columnistListing {
padding-left: 15px;
overflow: hidden;
font-size: 10.4px;
font-size: 0.65rem;
}
.columnistListing a {
font-size: 12px;
font-size: 0.75rem;
}
.section-books_awards li {
width: 100%;
}
.section-topstory .media_img {
margin-bottom: 5px;
}
.browseColumnist select {
margin-bottom: 5px;
}
.blockContent {
width: 100%;
display: inline-block;
}
.notification {
width: auto !important;
background: #d51b1e;
color: #fff;
position: static !important;
padding: 4px 10px;
font-weight: 700;
float: left;
font-size: 16px;
font-size: 1rem;
}
.l-tbl .slug {
display: block;
width: 100%;
max-height: 20px;
}
.loginErrorDiv div label {
display: block;
font-weight: 700;
color: #000;
font-size: 13.6px;
font-size: 0.85rem;
}
.loginErrorDiv div input[type="text"] {
width: 200px;
background: #F1F1E3;
border: 1px solid #000;
}
.loginErrorDiv > p {
font-size: 13.6px;
font-size: 0.85rem;
}
.loginErrorDiv > p a {
color: #000;
}
.loginErrorDiv > h5 {
line-height: 1;
font-size: 16px;
font-size: 1rem;
}
.section-top > .nav-topics {
margin-bottom: 20px;
}
.custom-formElements,
input#newsletterEmailInput {
background: #F1F1E3;
border: 1px solid #000000;
padding: 2px;
font-family: verdana,arial,sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: 0;
color: #000;
font-size: 12px;
font-size: 0.75rem;
}
.custom-formElements optgroup {
margin-top: 10px;
margin-left: 2px;
font-style: normal;
}
.newsletter-section .custom-formElements {
font-size: 19.2px;
font-size: 1.2rem;
}
select optgroup.optGroup {
margin-top: 10px;
padding: 0 5px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-weight: bold;
letter-spacing: 0.01em;
font-size: 14.4px;
font-size: 0.9rem;
}
.js-backtoTop {
width: 53px;
height: 51px;
float: right;
cursor: pointer;
background-image: url(/ct/channel/img/img_sprite_backtotop.png);
}
.js-backtoTop:hover {
background-position: 0 -51px;
}
.media_content .withoutFlag {
position: static;
margin-bottom: 10px;
}
.purchaseLinks > a {
text-transform: uppercase;
color: #d51b1e;
padding-right: 10px;
margin-right: 10px;
font-weight: 700;
font-size: 12px;
font-size: 0.75rem;
}
.listenLink {
border-right: 1px solid #ccc;
}
.category-description-lg {
font-family: "ff-more-web-pro",serif;
line-height: 1.7em;
font-size: 16px;
font-size: 1rem;
}
.category-description-lg a {
color: #000;
text-decoration: underline;
}
.category-description-lg a:hover {
text-decoration: none;
}
.category-description-lg strong {
font-weight: 500;
}
.search-input-width {
width: 180px;
height: 21px;
vertical-align: top;
}
.shoptext {
font-size: 14.4px;
font-size: 0.9rem;
}
.shoptext a {
font-weight: 800;
line-height: 1;
font-size: 18.4px;
font-size: 1.15rem;
}
input:focus {
outline-style: none;
}
#body.section-faq p {
padding-right: 15px;
}
.section-readnext {
height: 124px;
font-size: 0;
overflow: hidden;
}
.section-readnext img {
vertical-align: top;
}
.lowercase {
text-transform: lowercase;
}
a.descending, a.ascending:hover {
background: url(/ct/channel/img/icon_arrow_sm.png) no-repeat right center;
padding-right: 10px;
}
a.ascending, a.descending:hover {
background: url(/ct/channel/img/icon_arrow_sm_reverse.png) no-repeat right center;
padding-right: 10px;
}
.author-bio > p {
margin-bottom: 20px;
font-size: 13.6px;
font-size: 0.85rem;
}
.buttons_link-item {
text-transform: uppercase;
padding: 2px 5px;
display: inline-block;
vertical-align: top;
float: none;
margin: 4px 0 6px 0;
font-size: 12px;
font-size: 0.75rem;
}
.buttons_link-item a {
color: #d51b1e;
text-decoration: none;
}
.buttons_link-item:hover {
background: #FBFF0A;
}
.button_yellow-md {
margin: 3px 0 0 10px;
font-weight: bold;
font-size: 11.2px;
font-size: 0.7rem;
}
.section-vault {
background: #f1f1e3 url(/ct/channel/img/bg_stripes.gif);
padding: 20px 12px 15px;
overflow: hidden;
}
.section-vault p {
font-size: 13.6px;
font-size: 0.85rem;
letter-spacing: -0.02em;
}
.section-vault img {
margin-right: 10px;
}
.link-archives {
color: #d51b1e;
text-transform: uppercase;
font-weight: 800;
display: block;
font-family: "lft-etica",sans-serif;
text-align: center;
font-size: 22.4px;
font-size: 1.4rem;
}
.link-archives_black {
color: #000000;
}
/*styles added for Magazine and year pages*/
.red-color {
color: #d51b1e;
}
.heading-section_flag {
margin-right: 15px;
}
.custom-form_pt {
width: 178px;
height: 21px;
font-size: 12px;
font-size: 0.75rem;
}
.custom-form-input_search {
width: 320px;
height: 21px;
}
.custom-form-select_search {
width: 240px;
height: 27px;
text-transform: capitalize;
}
.custom-form-select_searchgoto {
width: 23px;
height: 19px;
margin-left: 5px;
font-size: 12px;
font-size: 0.75rem;
}
.search-results_main {
padding-top: 20px;
}
.search-results_result {
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
}
.search-results_excerpt {
padding: 20px 0 0 30px;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
}
.highlight {
background-color: #f8e405;
color: #000000;
padding: 1px 3px;
}
.search-results_lastResult {
border-bottom: none;
padding: 0;
}
.archives-heading_lg {
border: none;
}
.archives-heading_lg a {
color: #999;
}
.archives-section_bordered {
border-bottom: 1px solid #000;
padding-bottom: 10px;
}
.archives-section_covers {
margin-right: 15px;
text-align: center;
color: #000000;
height: 275px;
font-size: 12px;
font-size: 0.75rem;
}
.archives-dropdown_165 {
width: 165px;
}
.archives-dropdown_125 {
width: 125px;
}
.archives-intro_centered {
text-align: center;
border: none;
font-size: 19.2px;
font-size: 1.2rem;
}
.archives-intro_left {
text-align: left;
border: none;
font-size: 19.2px;
font-size: 1.2rem;
}
.archives-toc_heading {
text-align: center;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
text-transform: uppercase;
padding: 12px 0;
color: #d51b1e;
letter-spacing: -0.03em;
font-weight: 700;
line-height: 1.05;
font-size: 32px;
font-size: 2rem;
font-family: "lft-etica", serif;
}
.archives-toc_accessicon {
margin-top: 7px;
margin-left: 5px;
}
.archives-toc_linedText {
background: url("/ct/channel/img/bg_archives_italics.gif") no-repeat center;
text-align: center;
font-style: italic;
}
.alignCenter {
text-align: center;
}
.archives-user_text {
font-size: 12.8px;
font-size: 0.8rem;
}
.archives-user_text a {
text-decoration: underline;
}
.archives-user_text a:hover {
text-decoration: none;
}
.more-right_sections {
position: relative;
right: 0;
}
/*styles end for year page*/
.media-rating {
font-size: 12px;
font-size: 0.75rem;
}
.media-rating img {
margin-top: 5px;
}
.book-rating img {
margin-top: 5px;
}
.author {
margin-top: 3px;
}
.byAuthor {
font-size: 13.6px;
font-size: 0.85rem;
padding-bottom: 10px;
display: block;
}
.section-books_awards a {
font-weight: 800;
}
.tabularData .bottomData {
padding-left: 0;
padding-bottom: 0;
}
.tabularData .bottomData .paging {
border-top: 1px solid #000;
border-bottom: 0;
padding-top: 5px;
}
.tabularData .bottomData .reviewPagingRight {
padding: 0;
}
.l-three .heading-gleanings {
margin-bottom: 10px;
}
.media-title {
text-decoration: none;
color: #000;
font-size: 14.4px;
font-size: 0.9rem;
}
.media-title:hover {
text-decoration: underline;
}
.content-inside {
overflow: hidden;
}
/*For Our Latest Page*/
.section-waterfall-date {
border-bottom: 2px solid #000;
}
.section-waterfall-date-item {
position: relative;
top: 6px;
background: #fff;
padding-right: 4px;
font-weight: bold;
font-family: "franklin-gothic-ext-comp-urw",sans-serif;
text-transform: uppercase;
line-height: 1;
font-size: 24px;
font-size: 1.5rem;
}
.js-dropdownNav li {
padding-bottom: 5px;
}
.js-dropdownNav li a:hover {
color: #000;
}
.js-dropdownNav ul {
background: #fff;
}
.js-dropdownNav ul a {
font-size: 13.6px;
font-size: 0.85rem;
}
.reviewGridContainer {
padding-top: 20px;
}
.archives-toc_sections .slug-category {
font-weight: 600;
line-height: 1.1;
margin-bottom: 9px;
font-size: 24px;
font-size: 1.5rem;
}
.section-elements .slug-category {
font-weight: 500;
font-size: 20px;
font-size: 1.25rem;
}
.section-elements .author-name {
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
}
.custom-buttons, #body .custom-buttons {
background: #f1f1e3;
text-align: center;
color: #000;
text-transform: uppercase;
font-family: "lft-etica",sans-serif;
font-weight: 800;
padding: 8px 20px 4px;
text-decoration: none;
border-bottom: 7px solid #000;
letter-spacing: -0.03em;
text-decoration: none;
font-size: 24px;
font-size: 1.5rem;
}
.custom-buttons:hover, #body .custom-buttons:hover {
background: #dedecc;
text-decoration: none;
border-bottom: 7px solid #000;
}
.custom-buttons_lowercase {
text-transform: lowercase;
}
.section-issues .custom-buttons {
width: 100px;
display: inline-block;
vertical-align: top;
}
.btn-subscribe {
background: #D51B1E;
border-bottom: 7px solid #000;
font-weight: 700;
letter-spacing: -0.03em;
width: 250px;
padding: 8px 0 5px;
display: inline-block;
font-size: 22.4px;
font-size: 1.4rem;
}
.btn-subscribe:hover {
text-decoration: none;
background: #ED1317;
}
.author-bio .top-section-search {
display: inline-block;
}
.top-section-search input.form-submit-image {
background: url(/ct/channel/img/btn_go.gif);
border: 0;
width: 36px;
height: 27px;
}
.section-breaking-news {
background: #000;
color: #fff;
height: 44px;
border-right: 7px solid #db1919;
display: block;
}
.section-breaking-news:before {
background: url(/ct/channel/img/img_breakingnews.gif);
width: 221px;
height: 44px;
float: left;
content: "";
}
.news-title {
position: absolute;
top: 12px;
left: 240px;
font-weight: 400;
line-height: inherit;
font-size: 18.4px;
font-size: 1.15rem;
font-family: "leitura-news", serif;
}
.news-title a {
color: #fff;
background: url(/ct/channel/img/arrow_breakingnews.png) no-repeat center right;
padding-right: 15px;
}
.content-full {
width: 980px;
margin-left: -20px;
margin-bottom: 5px;
}
.ctLatestCover {
margin-right: 20px;
}
.section-article .limitBy {
margin-top: 8px;
}
.subscribe-rss {
font-size: 12px;
font-size: 0.75rem;
}
.rss-tabular-data {
border: 0;
vertical-align: middle;
}
.rss-tabular-data .rssFirstColumn {
width: 22px;
padding-top: 4px;
}
.rss-tabular-data .rssFirstColumn img {
position: relative;
top: 4px;
}
.rss-tabular-data .rssSecondColumn {
width: 250px;
font-family: verdana,arial,sans-serif;
font-size: 11.2px;
font-size: 0.7rem;
}
.rss-tabular-data .rssThirdColumn {
font-family: arial,verdana,sans-serif;
font-size: 11.2px;
font-size: 0.7rem;
}
.moreRssLink .more {
right: 20px;
}
.l-tbl-section-main .slug {
height: 20px;
}
#poll {
width: 100%;
}
#poll iframe {
width: 620px;
margin-top: 20px;
}
/*to remove input outline in chrome browser*/
*:focus {
outline: none;
}
/*to remove input outline in chrome browser*/
.collection-links .more {
position: relative;
}
.ct-studies .left {
width: 145px;
float: left;
padding-left: 10px;
}
.ct-studies .right {
width: 135px;
float: left;
}
.section-currentissue li > a {
line-height: 1;
font-weight: 600;
font-size: 16px;
font-size: 1rem;
}
.section-currentissue .firstlink a {
font-weight: 800;
font-size: 16px;
font-size: 1rem;
}
.section-currentissue .move-right-100 {
right: 80px;
}
.section-currentissue .more {
padding-right: 10px;
}
.viewMore {
clear: left;
padding-top: 10px;
}
.homepage-flag {
display: none;
}
.article-byline img {
margin: 0 5px;
vertical-align: middle;
}
.tooltip-container {
background-color: #F1F1E3;
border: 1px solid #a8a886;
display: none;
line-height: 1.3;
padding: 10px;
position: absolute;
width: 228px;
min-width: 130px;
max-width: 228px;
font-size: 12.8px;
font-size: 0.8rem;
}
.moreIssue ul.l-grid {
width: 100%;
}
.moreIssue ul.l-grid li {
width: 202px;
margin: 0 15px;
}
.moreIssue ul.l-grid .u-right {
float: right !important;
text-align: right;
}
.main-waterfall-section .title {
display: inline;
}
.main-waterfall-section .subscriber-access-notifier {
margin-left: 5px;
}
.main-waterfall-section .title-block {
display: block;
}
.main-waterfall-section .byline-block {
padding-left: 80px;
}
.book-rating {
padding-left: 80px;
font-size: 12.8px;
font-size: 0.8rem;
}
.expandContent-sm {
height: auto;
padding-bottom: 20px;
}
.expandContent-sm .ctSocialShare span {
color: #676a6b;
font-size: 1em;
}
.nav-head-red {
top: 5px;
position: relative;
}
.featured_slug-red a {
font-size: 1rem;
font-family: "leitura-news",serif;
color: #d51b1e;
}
.featured_lock {
position: relative;
top: 4px;
}
.social_icons {
height: 45px;
}
.alignment_top {
position: relative;
bottom: 2px;
}
.section-issues_centered {
text-align: center;
}
.section-issues_centered .archives-intro_centered {
width: 250px;
}
.section-issues_centered .section-vault_lg {
text-align: left;
background: #f1f1e3 url(/ct/channel/img/bg_stripes_lg.gif);
height: 92px;
}
.section-issues_centered .section-vault_lg .section-vault_in {
width: 252px;
}
.section-issues_centered .section-vault_lg .link-archives {
text-align: left;
}
.section-issues_centered .text-left {
text-align: left;
}
.section-issues_centered .promo-listed {
list-style: none;
margin: 10px 0 0 15px;
}
.section-issues_centered li {
background: url(/ct/channel/img/bg_bullet.gif) 0 7px no-repeat;
padding-left: 10px;
}
.collection-links {
text-transform: uppercase;
font-weight: bold;
}
.collection-links .nav-topics {
font-family: "franklin-gothic-ext-comp-urw",sans-serif;
font-size: 17.6px;
font-size: 1.1rem;
}
.collection-links .nav-topics a {
color: #d51b1e;
padding: 0;
margin: 0 2px;
}
.collection-links .nav-topics a:hover {
border: none;
text-decoration: underline;
}
.collection-links .nav-topics > .nav_label {
margin-right: 2px;
}
#beaconAdsDiv {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
}
.flag-sponsored {
position: absolute;
left: -20px !important;
}
.flag-sponsored .flag-sponsored_image {
vertical-align: bottom;
}
.flag-red_extend {
position: relative;
right: -20px;
}
a.follow {
background: url(/ct/channel/img/icon_follow.gif) no-repeat;
width: 13px;
height: 11px;
display: inline-block;
margin-left: 5px;
}
a.following {
background: url(/ct/channel/img/icon_following.gif) no-repeat;
width: 13px;
height: 11px;
display: inline-block;
margin-left: 5px;
}
.display-inline {
display: inline;
}
.l-four_376 {
width: 376px;
}
.custom-buttons_sm {
width: 80px !important;
font-size: 24px;
font-size: 1.5rem;
margin-right: 5px;
}
.sans-transform {
text-transform: none;
font-size: 19.2px;
font-size: 1.2rem;
line-height: 15.5px;
}
.search-results_result .sponsor-search_slug {
position: relative;
bottom: 5px;
}
/* Styles for Article Amazon section */
.article-promoSpot {
margin-top: 42px;
}
.article-promoSpot .u-left img {
margin-top: 3px;
}
.article-promoSpot .title, .article-promoSpot .article-promoSpot_item {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.4;
}
.article-promoSpot .title {
font-weight: 600;
font-size: 12.8px;
font-size: 0.8rem;
}
.article-promoSpot .byline {
font-weight: normal;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
}
.article-promoSpot .article-promoSpot_link {
position: absolute;
bottom: 1px;
}
.review-box {
width: 100%;
display: inline-box;
}
.inner-content {
margin: 0 auto;
width: 940px;
}
.uppercase {
text-transform: uppercase;
}
.bg-teal {
background: #f1f1e3;
padding: 10px 6px 15px 10px;
overflow: hidden;
}
.bg-light-gray {
background: #e3e6e6;
}
.subnavSection-lg {
width: 100%;
}
.subnavSection-lg span.section-button-links {
margin-left: 0;
}
.subnavSection-lg_left {
width: 58%;
padding-right: 30px;
padding-top: 15px;
}
.border-right-black {
border-right: 1px solid #000;
padding-top: 15px;
}
.subnavSection-lg_right {
width: 37%;
padding-top: 15px;
}
.follow-us {
border-top: 1px solid #e3e6e6;
padding-top: 11px;
margin-top: 6px;
width: 100%;
}
.short-desc {
clear: both;
font-size: 13.6px;
font-size: 0.85rem;
}
.short-desc span a {
text-decoration: underline;
}
.short-desc span a:hover {
text-decoration: none;
}
.short-desc .buttons_link a {
text-decoration: none;
}
.seprator {
color: #d7d9d9;
padding: 0 5px;
font-weight: 600;
}
.text-sm {
font-size: 11.2px;
font-size: 0.7rem;
}
.display-none {
display: none;
}
.js-sticky {
position: fixed;
top: 0;
width: 300px;
}
.border-bottom-white {
border-bottom: 1px solid #fff;
}
.footer #global-footer_newsletter input#newsletterSubmitInput {
bottom: 12px !important;
}
/* Custom styles for slideshow */
.page-count {
font-family: "franklin-gothic-ext-comp-urw",sans-serif !important;
font-size: 14px !important;
}
.slide-description p {
font-family: lft-etica, sans-serif !important;
}
.expand-it {
font-family: "franklin-gothic-ext-comp-urw",sans-serif !important;
font-weight: 500 !important;
font-size: 1.05em;
height: 12px;
padding-left: 18px;
}
.expand-it span {
top: -5px;
}
.article-top .title {
font-family: leitura-news,sans-serif !important;
font-weight: 500;
}
.slide-description p span {
font-size: 1.15em;
}
.section-waterfall_blocks {
clear: both;
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.section-waterfall_blocks .subhead {
margin-bottom: 40px !important;
text-align: left;
color: #000;
}
.section-waterfall_block {
width: 50%;
}
.readermode .section-waterfall_block {
width: 45%;
}
.readermode .section-waterfall_block:nth-child(odd) {
margin-right: 20px;
}
.nav-topics a.active {
border-bottom: 3px solid #d51b1e;
color: #d51b1e;
}
.fixed-height-350 {
min-height: 350px;
}
.fixed-height-110 {
min-height: 110px;
}
.heading-5 {
font-size: 0.7rem;
font-weight: 700;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.l-header h1.logo img {
height: 115px;
}
}
#body.body p {
font-size: 17.6px;
font-size: 1.1rem;
}
#body.body .callout_left {
margin-left: 7px;
margin-right: 20px;
font-size: 22.4px;
font-size: 1.4rem;
}
#body.body .callout_right {
margin: 0 0 0 20px;
font-size: 22.4px;
font-size: 1.4rem;
}
#body.body ul, #body.body ol {
font-size: 17.6px;
font-size: 1.1rem;
}
#body.body .copyright {
font-size: 11.2px;
font-size: 0.7rem;
}
#body.body .copyright a {
color: #D51B1E;
text-decoration: underline;
}
#body.body .copyright:hover {
text-decoration: none;
}
.print-media {
background: transparent;
}
.print-page {
width: 860px;
position: relative;
}
.printerversionad {
text-align: center;
padding-top: 10px;
padding-top: 5px;
background-color: #f1f1e3;
border-bottom: 1px solid #dedecc;
}
.printerversionad p {
color: #767676;
margin: 5px 0 0 0;
font-size: 12.8px;
font-size: 0.8rem;
}
.print-container {
margin-left: 10px;
}
.print-container a {
color: #000;
}
.print-content .article-img {
margin: 0 20px;
width: 460px;
}
.print-content .copyright {
color: #dd3f1f;
font-size: 12.8px;
font-size: 0.8rem;
}
.print-content .slug {
font-size: 12px;
font-size: 0.75rem;
}
.print-content .image_left {
margin-left: 0px;
}
.print-content div#body {
width: 860px;
}
.print-content .blockquote {
margin-left: 20px;
color: red;
}
.print-content .subhead {
font-family: "ff-more-web-pro",serif;
font-size: 25.6px;
font-size: 1.6rem;
font-weight: 600;
}
.print-issue-info {
color: #d51b1e;
font-weight: bold;
font-size: 12px;
font-size: 0.75rem;
}
.utilities {
width: 99%;
}
.utilities ul {
margin: -115px 0 10px;
float: right;
}
.utilities li {
margin: 0 5px;
display: inline;
margin: 2px 3px;
overflow: hidden;
}
.utilities li a {
color: #d51b1e;
padding: 0 2px;
margin-left: 3px;
font-size: 12px;
font-size: 0.75rem;
}
.current-date {
color: #d51b1e;
margin: -15px 0 15px 0;
font-size: 12px;
font-size: 0.75rem;
}
.print-title {
font-size: 44.8px;
font-size: 2.8rem;
font-weight: 400;
line-height: 1.07;
font-family: "ff-more-web-pro",serif;
}
.print-article-link {
border-top: 1px solid #dedecc;
border-bottom: 1px solid #dedecc;
padding: 10px 10px 10px 3px;
margin-left: 0px;
font-size: 12.8px;
font-size: 0.8rem;
}
.print-article-link a {
text-decoration: none;
color: #000;
}
.print-article-link a:hover {
text-decoration: underline;
}
.post-date {
font-weight: normal;
color: #b8b8b8;
font-size: 12px;
font-size: 0.75rem;
}
@media print {
body,
.title,
.title-2,
.deck,
.byline,
#printPage,
.postDate,
.printPresentUrl_section,
.printChoice,
.printTop,
.printOptions_section,
#body p {
font-family: Georgia, "Times New Roman", serif !important;
color: #000;
}
}
p.error {
color: #dd3f1f;
font-weight: bold;
}
.required {
font-style: italic;
font-size: 12.8px;
font-size: 0.8rem;
}
.textarea {
font: 0.8rem Verdana, Arial, Helvetica, sans-serif;
color: #666666;
width: 250px;
height: 200px;
background: url("/ct/channel/img/bg_form_field_shadow_tall.gif") repeat scroll 0 0 transparent;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
fieldset div {
margin-bottom: 15px;
}
fieldset h2 {
font-weight: bold;
color: #e85305;
margin: 7px 0;
font-size: 20.8px;
font-size: 1.3rem;
}
fieldset label {
width: 150px;
font-weight: bold;
font-size: 12.8px;
font-size: 0.8rem;
}
.inline div {
float: left;
clear: left;
width: 100%;
padding-bottom: 15px;
}
.inline label {
display: inline;
float: left;
margin-right: 40px;
}
input.text, #recaptcha_response_field {
height: 20px;
width: 250px;
color: #666666;
background: url("/ct/channel/img/bg_input.gif") repeat-x;
border: none;
}
#recaptcha_image {
border: 1px solid #ccc;
}
#captchaButtons a {
text-decoration: underline;
}
#captcha {
font-size: 15.2px;
font-size: 0.95rem;
}
.footer-print {
margin-top: 20px;
font-size: 11.2px;
font-size: 0.7rem;
}
.footer-print p {
text-align: right;
}
@media print {
.printerversionad {
display: none;
visibility: hidden;
}
}
.body-readermode {
padding-top: 42px;
}
.readermode {
/*width:940px;
margin:0 auto;*/
}
.readermode .l-outer {
background: transparent;
width: 100%;
clear: both;
}
.readermode .l-outer .l-content {
width: auto;
}
.readermode .ad-readermode {
background: url(/ct/channel/img/bg_shadow.gif) 0 -40px repeat-x;
padding-top: 6px;
}
.readermode .l-page {
background: transparent;
}
.readermode .section-bordered-both {
width: 700px;
margin: 0 auto 20px;
}
.readermode .content-full {
margin-bottom: 3px;
}
.readermode .ad-top {
margin: 8px 10px 9px 0;
}
.readermode .gray-bar {
background: url("/ct/channel/img/bg_shadow.gif") repeat-x scroll 0 -37px rgba(0, 0, 0, 0);
height: 105px;
padding: 12px 0 0;
width: 100%;
margin: 0;
}
.readermode .gray-bar img {
text-align: center;
}
.readermode .readermode-content {
width: auto;
margin: 0;
}
.readermode .l-footer {
padding-bottom: 25px;
}
.readermode #globalNav, .readermode .l-header,
.readermode .l-rightnav, .readermode .userInfo {
display: none;
}
.readermode #body {
width: 700px;
margin: 0 auto;
}
.readermode #body p {
padding-right: 0;
}
.readermode #body .u-cf, .readermode #body .u-split_left, .readermode #body .l-grid,
.readermode #body .l-grid_item, .readermode #body .media {
margin-left: -24px;
}
.readermode .section-articleInfo {
width: 700px;
margin: 0 auto 50px;
clear: both;
}
.readermode .section-top-article {
display: none;
}
.readermode .section-top-article-reader {
display: block;
}
.readermode .articleImg {
margin-left: 0;
margin-bottom: 0;
width: 100%;
text-align: center;
}
.readermode .articleImg .caption {
text-align: left;
padding-bottom: 20px;
}
.readermode .articleImg .image-credit {
text-align: left;
}
.readermode .seprator {
display: inline;
}
.readermode .nav-footer {
display: inline;
padding-bottom: 25px;
}
.with-image .flag-news {
background-position: 0 -432px;
height: 72px;
border-left: 10px solid #fff;
border-bottom: 10px solid #fff;
float: right;
padding-left: 63px;
}
.with-image .flag-views {
background-position: 0 -360px;
height: 72px;
border-left: 10px solid #fff;
border-bottom: 10px solid #fff;
float: right;
padding-left: 63px;
}
.with-image .flag-reviews {
background-position: 0 -504px;
height: 72px;
border-left: 10px solid #fff;
border-bottom: 10px solid #fff;
float: right;
padding-left: 63px;
}
.with-image .featured_slug {
right: 0;
top: -20px !important;
left: auto;
padding: 0;
line-height: 1;
}
.spacer-inner-top-40 {
padding-top: 40px;
}
.wrap-readermode .l-header {
background: url(/ct/channel/img/bg_shadow.gif) repeat-x;
height: 150px;
}
.wrap-readermode .l-outer {
background: transparent;
width: auto;
}
.wrap-readermode .ad-top {
margin-top: 14px;
width: 100%;
text-align: center;
float: none;
}
.fix-header {
width: 100%;
background: #fff;
padding: 8px 0 5px;
display: none;
position: fixed;
z-index: 10;
top: 0;
}
.fix-header .articleHead-top {
position: relative;
}
.fix-header .nav-dropdown {
border-top: 20px solid #fff;
top: 34px;
}
.title-head {
font-family: "leitura-news",serif;
font-size: 13.6px;
font-size: 0.85rem;
}
.header-rightlinks {
border-left: 1px solid #cfcfcf;
}
.header-rightlinks li {
border-right: 1px solid #cfcfcf;
display: inline-block;
vertical-align: top;
height: 25px;
font-size: 8.8px;
font-size: 0.55rem;
}
.header-rightlinks li a {
color: #6b6b6b;
font-family: verdana,sans-serif;
padding: 6px 10px 5px;
display: inline-block;
}
.header-rightlinks li a:hover {
background-color: #ededed;
}
.header-rightlinks li img {
vertical-align: middle;
}
.header-rightlinks .commentsCounter {
background: url(/ct/channel/img/icon_comments_counter.png) no-repeat 10px center;
padding-left: 34px;
height: 14px;
}
.header-rightlinks .share {
background: url(/ct/channel/img/icon_share.png) no-repeat 10px 4px;
padding-left: 35px;
height: 14px;
}
.header-rightlinks .share span {
border: 1px solid #d8d8d8;
background: #fff;
padding: 0 2px 2px;
display: inline-block;
vertical-align: top;
text-align: center;
margin-left: 4px;
min-width: 10px;
}
.header-rightlinks .share:hover {
text-decoration: none;
}
.header-rightlinks .btn-close {
background: url(/ct/channel/img/btn_close.gif) no-repeat 10px center;
padding-left: 30px;
height: 14px;
}
.search-box {
top: 5px;
top: 8px\9\0;
position: relative;
}
.search-box label {
width: 80px;
text-transform: uppercase;
display: inline-block;
font-size: 12px;
font-size: 0.75rem;
}
.search-box .custom-formElements {
width: 450px;
height: 21px;
}
.wrap-readermode .search-box .custom-formElements {
height: 27px;
*height: 21px;
}
.progress-bar-active {
background: #d51b1e;
height: 2px;
width: 0%;
display: block;
position: relative;
top: 5px;
z-index: 2;
}
.progress-bar {
background: #cfcfcf;
height: 2px;
width: 500px;
margin-top: 3px;
display: block;
position: absolute;
}
.articleHead-top {
width: 500px;
margin-left: 15px;
display: inline-block;
vertical-align: top;
}
.fix-header ul.nav-main {
left: 0;
position: relative;
bottom: 0;
float: left;
}
.fix-header .nav-main > .nav_item:first-child {
background: white url(/ct/channel/img/icon_explore_grey.png) no-repeat 9px center;
border: 1px solid #cfcfcf;
padding: 0px 13px 2px 28px;
margin-right: 8px;
}
.fix-header .nav-main > .nav_item:first-child:hover {
background-color: #eaeae9;
border: 1px solid #cfcfcf;
}
.fix-header .nav-main_link {
color: #000;
}
.fix-header .js-share {
background: #fff;
padding: 20px 0 10px;
overflow: hidden;
border-top: 1px solid #dedede;
top: 5px;
top: 6px\9\0;
width: 100%;
position: relative;
}
.fix-header .header-content {
height: auto;
}
.readermode-withoutimage {
width: 700px;
}
.readermode-content {
width: 700px;
margin: 0 auto;
}
.section-fixed-header {
position: fixed;
top: 42px;
border-top: 1px solid #dedede;
padding: 18px 0 8px;
display: none;
width: 100%;
height: 40px;
z-index: 2;
background: #fff;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.section-fixed-header {
top: 42px;
}
::i-block-chrome, .section-fixed-header {
top: 41px;
}
}
.box-shadow {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
}
.shadow-box {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
}
.readermode .ad-top iframe {
width: 728px;
height: 90px;
margin: 0 auto;
}
.readermode .centered-content {
width: 940px;
}
.readermode .fullwidthimage {
width: 940px;
margin: 0 auto 20px;
}
.readermode .centered-content_inner {
margin: 0 auto;
width: 700px;
}
.readermode .partialwidthimage {
width: 640px;
margin: 0 auto;
position: relative;
left: -30px;
}
.readermode .partialwidthimage img {
margin: 10px 0;
}
.readermode .partialwidthimage .featured_slug {
margin-left: 0;
}
.readermode .partialwidthimage .blockContent {
top: -25px;
margin: 0;
}
.readermode .section-moreFrom-Issue {
width: 100%;
}
#js-getReaderMode .readermodeAd {
height: 90px;
width: 728px;
}
#js-getReaderMode .partialwidthimage img {
margin: 10px 0 14px;
}
#js-getReaderMode .flag-sponsored_image {
vertical-align: middle;
}
#js-getReaderMode .slug {
margin-left: 10px;
}
#comments h3 {
border-bottom: 9px solid #000000;
letter-spacing: -0.03rem;
text-transform: uppercase;
font-weight: 600;
line-height: inherit;
font-size: 24px;
font-size: 1.5rem;
font-family: "leitura-news", serif;
}
#commentListHead {
float: right;
margin-top: -32px;
}
#commentListHead p, #commentListFoot p {
float: left;
font-weight: 600;
letter-spacing: .05em;
text-transform: uppercase;
font-family: "franklin-gothic-ext-comp-urw",sans-serif;
}
#commentListHead #allCommentsLink, #commentListFoot #allCommentsLink {
border-left: 1px solid #000;
padding-left: 10px;
margin-left: 10px;
}
#commentList {
clear: both;
width: 100%;
float: left;
padding: 10px 0 15px;
}
#commentList .comment {
padding: 10px 0 2px;
font-family: arial,sans-serif;
clear: both;
line-height: 1.35;
font-size: 11.2px;
font-size: 0.7rem;
}
#commentList .commentName {
float: left;
font-weight: 600;
}
#commentList .commentTime {
display: none;
}
#commentList .commentDateTime, #commentList .commentTools {
float: right;
}
#commentList .commentBody {
width: 100%;
display: inline-block;
margin: 10px 0;
}
#allReviewsLists p.commentPaging {
float: right;
position: relative;
}
#allReviewsLists p.commentPaging img {
position: static;
}
#allReviewsLists p.commentPaging a {
color: #000;
font-size: 16.8px;
font-size: 1.05rem;
}
#allReviewsLists p.commentPaging .nextLink, #allReviewsLists p.commentPaging .previousLink {
background: #d51b1e;
}
#allReviewsLists p.commentPaging .nextLink:hover, #allReviewsLists p.commentPaging .previousLink:hover {
background: #d51b1e;
line-height: inherit;
}
#allReviewsLists p.commentPaging .previousLink {
float: left;
}
#allReviewsLists #commentListHead {
clear: left;
width: 100%;
margin: 0;
}
#body p a.more {
color: #d51b1e;
text-decoration: none;
}
#body p a.more:hover {
text-decoration: underline;
}
.series #commentListHead,
.hasPaging {
background: #f1f1e3;
height: 51px;
overflow: hidden;
width: 100%;
clear: both;
}
.series #commentListHead p,
.hasPaging p {
vertical-align: middle;
font-size: 0;
}
.series #commentListHead .commentTotal,
.hasPaging .commentTotal {
border-right: 3px solid #fff;
padding: 15px 10px;
float: left;
color: #d51b1e;
font-size: 16.8px;
font-size: 1.05rem;
}
.series #commentListHead .commentPaging a, .series #commentListHead .commentPaging strong,
.hasPaging .commentPaging a,
.hasPaging .commentPaging strong {
border-left: 3px solid #fff;
padding: 15px 10px;
display: inline-block;
position: static;
letter-spacing: .05em;
vertical-align: top;
font-size: 16.8px;
font-size: 1.05rem;
}
.series #commentListHead .commentPaging a:hover, .series #commentListHead .commentPaging strong:hover,
.hasPaging .commentPaging a:hover,
.hasPaging .commentPaging strong:hover {
background: #DEDECC;
text-decoration: none;
}
.series #commentListHead p {
float: right;
font-size: 16.8px;
font-size: 1.05rem;
border-left: none !important;
padding: 15px 10px 0 0;
}
#allReviewsLists p a.showAllComments {
background: #d51b1e;
color: #fff;
letter-spacing: .03em;
line-height: 1;
font-weight: 500;
font-size: 20.8px;
font-size: 1.3rem;
}
#allReviewsLists p a.showAllComments:hover {
letter-spacing: .03em;
}
#commentsHead {
padding: 15px 0;
}
#commentFormHeader {
clear: left;
margin-top: 10px;
padding-top: 15px;
border-top: 1px solid #ccc;
font-weight: 600;
font-size: 11.2px;
font-size: 0.7rem;
}
#commentTextDiv textarea {
clear: both;
width: 614px;
height: 100px;
}
#commentTextDiv p#limitText {
float: right;
}
form#commentForm div {
font-size: 12px;
font-size: 0.75rem;
}
form#commentForm div label {
font-weight: normal;
font-size: 12px;
font-size: 0.75rem;
}
#commentNameDiv {
margin: 10px 0;
}
.section-comments-article {
background: #d51b1e;
padding: 8px 15px 8px 10px;
}
.section-comments-article .title-3 {
color: #fff;
font-size: 18.4px;
font-size: 1.15rem;
}
.section-comments-article .deck {
color: #fff;
}
.media_img {
margin: 0 20px 20px 0;
font-size: 0;
}
.media_img-small {
margin: 0 7px 10px 0;
}
.l-header {
background: #c41518 url(/ct/channel/img/bg_shadow.png) center -15px repeat-x;
height: 190px;
width: 100%;
clear: both;
}
.header-content {
width: 940px;
height: 100%;
margin: 0 auto;
position: relative;
}
h1.logo {
position: absolute;
left: 0;
bottom: 13px;
}
.homepage > .l-header {
height: 260px;
background-position: center -34px;
}
.header_inner .search-header {
bottom: 20px;
}
.search-header fieldset div {
margin: 0;
}
.header_inner .ad-top {
margin: 4px 0 0;
}
.logo_small {
background: url(/ct/channel/img/logo_small.png) no-repeat;
width: 165px;
height: 99px;
float: left;
margin-top: 18px;
}
.logo_small a {
height: 100%;
width: 100%;
display: block;
}
.logo_small a > span {
text-indent: -999em;
position: absolute;
}
.ad-top {
height: 90px;
margin: 10px 10px 20px 0;
width: 728px;
}
.ad-top iframe {
width: 100%;
}
/***********************************\
SEARCH STYLES
\***********************************/
.search {
border-bottom: 1px solid #fff;
}
.search-header {
bottom: 33px;
position: absolute;
right: 0;
}
.search-header input.submit {
position: relative;
top: 3px;
}
.search_input {
font-family: "franklin-gothic-ext-comp-urw", sans-serif;
letter-spacing: 0.09em;
font-size: 22.4px;
font-size: 1.4rem;
}
.search-header_input {
width: 140px;
background: transparent;
border: 0;
color: #fff;
}
.search-header_input.is-empty {
text-align: right;
}
.subscriberAd {
position: relative;
top: 10px;
}
.l-footer {
padding-bottom: 20px;
text-align: center;
margin-top: 25px;
display: inline-block;
width: 100%;
position: relative;
}
.logo-footer {
margin-bottom: 20px;
padding: 20px 0;
position: relative;
text-align: center;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
}
.logo-footer > img {
display: inline-block;
vertical-align: middle;
}
.logo-footer > span {
position: absolute;
bottom: -0.6em;
padding: 0 6px;
font-family: "leitura-news", serif;
font-style: italic;
font-size: 13.6px;
font-size: 0.85rem;
background: #fff;
margin-left: -49px;
left: 50%;
}
.clearfix {
clear: both;
}
.nav {
list-style: none;
}
.nav_item,
.nav_label {
display: inline-block;
}
.nav_link {
text-decoration: none;
}
.nav_link:hover {
text-decoration: none;
}
.nav_item .expandWidth {
width: 15em;
}
.nav-main {
bottom: 30px;
left: 183px;
position: absolute;
color: #fff;
}
.header_inner ul.nav-main {
left: 0;
}
.nav-main > .nav_item {
padding: 2px 13px 2px 8px;
}
.nav-main > .nav_item:first-child {
padding-left: 28px;
background: url(/ct/channel/img/icon_explore.png) 9px center no-repeat;
background-color: rgba(255, 255, 255, 0.14);
border: 1px solid #ce1a1e;
margin-right: 4px;
}
.nav-main > .nav_item:first-child:hover {
background-color: rgba(134, 16, 16, 0.2);
border: 1px solid #bf191d;
}
.nav-main > .nav_item:first-child.dd-open {
background: url(/ct/channel/img/icon_explore_red.png) 9px center no-repeat;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.97);
border: 1px solid #d8d8d7;
}
.nav-main > .nav_item:first-child.dd-open span {
color: #d51b1e;
}
/**
* With the glow on the article pages, the border color on the
* indidivual nav links goes from washed-out to bright.
*
* As the `.nav-main_item` elements are separated from each
* other by one additional element, and since the first `.nav-main_item`
* is the second child of its parent, the `:nth-child` selectors are
* 2, 4, and 6.
*/
.nav-main_item:nth-child(2) > .nav_link {
border-color: #fa3c3f;
}
.nav-main_item:nth-child(4) > .nav_link {
border-color: #ee3b3e;
}
.nav-main_item:nth-child(6) > .nav_link {
border-color: #e2383c;
}
.nav-main_link {
color: #fff;
font-weight: 600;
font-size: 16.8px;
font-size: 1.05rem;
}
.nav-main_link:hover {
border-bottom: 4px solid #e2383c;
padding-bottom: 3px;
}
.explore {
cursor: default;
}
.nav-head {
cursor: default;
}
.explore:hover {
border: 0;
}
.nav-separator {
color: #e66163;
font-weight: 700;
font-size: 16.8px;
font-size: 1.05rem;
}
.logo-small {
margin-right: 5px;
position: relative;
top: 3px;
}
.nav-list_link {
color: #000;
}
.nav-list_link:hover {
text-decoration: underline;
}
.nav-list > .nav_item {
margin-right: 8px;
}
.nav-list > .nav_item:before {
content: '/';
display: inline-block;
padding-right: 8px;
}
.nav-list > .nav_label:before,
.nav-list > .nav_item-first:before {
content: '';
padding-right: 0;
}
.nav-topics {
margin-bottom: 20px;
margin-top: 6px;
font-size: 11.2px;
font-size: 0.7rem;
font-family: "lft-etica", serif;
}
.nav-topics > .nav_label {
margin-right: 10px;
/*// 7 + 8 = 15px between `.nav_label`
// and the first `.nav_item`*/
font-weight: bold;
text-transform: uppercase;
}
.nav-topics a {
margin: 0 5px;
color: #000;
text-decoration: none;
border-bottom: 3px solid #fff;
padding-bottom: 2px;
}
.nav-topics a:hover {
border-bottom: 3px solid #d51b1e;
color: #d51b1e;
}
.nav-topics a.viewAll {
color: #d51b1e;
}
.nav-topics a.active {
border-bottom: 3px solid #d51b1e;
color: #d51b1e;
}
.nav-dropdown .no-border {
border: 0;
}
.nav-dropdown .no-border a {
padding-left: 40px;
}
.nav-dropdown .no-border .nav-head {
padding-left: 20px;
display: block;
}
.nav-dropdown .no-border ul a {
padding-left: 20px;
}
.nav-dropdown .subnavSection-lg_right .short-desc {
clear: right;
}
.nav-head {
font-size: 12px;
font-size: 0.75rem;
padding-left: 20px;
}
.nav-head a {
padding: 5px 0 0 0 !important;
}
.nav-head a:hover {
text-decoration: none;
}
.ourlatest > .nav-topics {
margin-bottom: 20px;
}
.nav-footer {
font-weight: 400;
line-height: 1.4;
font-size: 11.2px;
font-size: 0.7rem;
font-family: "lft-etica", serif;
}
.headings-small {
text-transform: uppercase;
font-weight: 700;
letter-spacing: .03em;
font-size: 11.2px;
font-size: 0.7rem;
}
.nav-browseTopics {
display: inline;
text-transform: uppercase;
border-left: 1px solid #d2d2d2;
padding: 3px 6px;
font-family: "lft-etica",sans-serif;
font-weight: 700;
font-size: 16.8px;
font-size: 1.05rem;
}
.nav-browseTopics:first-child {
border: 0;
padding-left: 0;
}
.nav-browseTopics a {
color: #000;
}
.nav-browseTopics a:hover {
border-bottom: 5px solid #d51b1e;
text-decoration: none;
color: #d51b1e;
}
.nav-browseTopics > .selected {
border-bottom: 5px solid #d51b1e;
color: #d51b1e;
}
.section-main .nav-topics {
margin-bottom: 25px;
}
.nav-topics span {
margin: 0 5px;
position: relative;
top: 2px;
font-weight: 600;
color: #999;
font-size: 12.8px;
font-size: 0.8rem;
}
.arrow-links a {
color: #000;
}
.arrow-links a:hover {
text-decoration: underline;
}
.fix-header .nav_item ul.nav-dropdown {
top: 26px;
}
.homepage .nav-dropdown {
top: 58px;
}
.homepage .highlighted {
left: 183px;
}
.homepage .highlight-item {
left: 558px;
}
.nav-dropdown {
top: 58px;
}
.highlighted {
left: 0;
top: -30px;
position: absolute;
}
.highlight-item {
left: 375px;
}
.nav-dropdown li {
width: 100%;
border-bottom: 1px solid #eaeae9;
position: static;
}
.nav-dropdown li a.first-item {
padding-top: .35em;
padding-bottom: .3em;
}
.nav-secondLevel {
color: #878787;
clear: left;
padding: 10px 0 0 20px;
}
.nav-secondLevel .red-link-color {
color: #d51b1e;
}
.nav-byline {
color: #878787;
text-transform: uppercase;
padding-left: 15px;
display: inline-block;
vertical-align: top;
margin-top: 2px;
font-size: 10.4px;
font-size: 0.65rem;
}
.nav-dropdown .nav_link {
color: #000;
font-weight: 500;
display: inline-block;
padding: .45em .5em .45em 1.5em;
font-size: 13.6px;
font-size: 0.85rem;
}
.nav-dropdown .nav_link:hover {
background: #eaeae9;
}
.nav-dropdown .nav_link:hover.iconMore {
background: #eaeae9 url(/ct/channel/img/arrow_red.gif) no-repeat 14em center;
}
.nav-dropdown .iconMore {
background-position: 14em center;
}
.nav_item ul ul {
display: block;
margin: 0;
}
.subMenu {
list-style: none;
}
.subMenu .nav_link {
padding-left: 1.5em !important;
}
ul.section-opinion-nav a.nav_link {
padding-left: 40px;
}
ul.lastList {
width: 17em;
}
.color-blue {
color: #0099d2;
font-size: 12px;
font-size: 0.75rem;
}
.subMenu span {
padding-left: 20px;
}
/*styles start to make dropdown delay for a second*/
.dd-menu, .dd-menu * {
list-style: none;
z-index: 1;
}
.dd-menu li:hover > ul,
.dd-menu li.ddHover > ul {
display: block;
}
.dd-menu ul {
display: none;
}
/*styles end to make dropdown delay for a second*/
.nav_indent {
border-bottom: 1px solid #eaeae9;
padding-left: 40px !important;
padding-bottom: 10px;
}
/*CSS for Exlpore Menu design changes*/
.nav-dropdown {
background: url(/ct/channel/img/bg_nav.png) repeat-x;
min-width: 1000px;
width: 100%;
width: 1590px;
min-height: 342px;
left: -506px;
position: absolute;
color: #000;
z-index: 2;
}
.nav-dropdown .subnav-top {
padding: 8px 2px;
font-size: .75rem;
color: #d51b1e;
}
.nav-dropdown .subnav-top li {
display: inline-block;
padding: 0 16px;
width: auto;
border-left: 3px solid #e3e3d5;
font-weight: 600;
font-size: 13.6px;
font-size: 0.85rem;
}
.nav-dropdown .subnav-top li a {
color: #d51b1e;
}
.nav-dropdown .subnav-top li a:hover {
color: #000;
}
.nav-dropdown .subnav-top .first-item {
border: 0;
}
.nav-dropdown ul {
background: none repeat scroll 0 0 transparent;
border: 0 none;
height: auto;
position: static;
min-height: auto;
width: auto;
}
.nav-dropdown ul li {
border-bottom: 0;
}
.nav-dropdown ul li a.nav_link {
padding: 0;
text-decoration: none;
}
.nav-dropdown ul li a.nav_link:hover {
background: transparent;
text-decoration: underline;
}
.nav-dropdown ul li a.display-block {
display: inline-block;
}
.nav-dropdown ul li.nav-section-help {
border: 0;
width: 130px;
}
.nav-dropdown ul li.second-level ul li {
width: 100%;
}
.nav-dropdown .subnav-item li {
width: 230px;
vertical-align: top;
line-height: 1;
}
.nav-dropdown .subnav-item li.nav-item_sm {
width: 100%;
}
.nav-dropdown .subnav-item .subnav-item_lg {
width: 270px;
margin-right: 45px;
}
.nav-dropdown .subnav-item .blog-nav {
padding-left: 20px;
border-left: 1px solid #000;
}
.logo-small {
top: 0;
}
.nav-item_sm {
font-size: 11.2px;
font-size: 0.7rem;
}
.menu-inner {
margin-top: 5px;
}
.userInfo {
width: 940px;
margin-left: -20px;
padding: 0 20px;
background: #f1f1e3;
font-family: "franklin-gothic-ext-comp-urw", sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 400;
text-transform: uppercase;
font-size: 20.8px;
font-size: 1.3rem;
}
.userInfo > span {
display: inline-block;
padding-bottom: 15px;
padding-top: 15px;
}
.userInfo a.login-sub {
color: #000;
}
.userInfo a.login-sub:hover {
color: #d51b1e;
text-decoration: none;
}
.userInfo strong {
font-weight: 700;
vertical-align: top;
}
.userInfo_links {
padding-left: 44px;
padding-right: 6px;
background: url(/ct/channel/img/icon_avatar.gif) center left no-repeat;
}
.userInfo_links > a, .userInfo_links strong a {
vertical-align: middle;
color: #000;
text-decoration: none;
}
.userInfo_links a:hover {
color: #d51b1e;
}
.section {
position: relative;
}
.section-main {
margin-bottom: 40px;
border-bottom: 6px solid #000;
}
.special-section li {
padding-bottom: 60px;
position: relative;
}
.special-section li .item_commentCount {
bottom: 30px;
}
.special-section li .slug {
height: 20px;
display: block;
}
.featured {
margin-bottom: 25px;
overflow: hidden;
position: relative;
border-bottom: solid 6px #000;
}
.featured .image-credit {
position: absolute;
left: 560px;
bottom: 10px;
margin-bottom: 0;
}
/**
* This is applied to the *wrapper* for the featured image,
* not to the ![]()
tag itself. If the image does not need
* to be linked, wrap it in a instead.
*/
.featured_img {
margin: 0;
overflow: hidden;
clear: both;
}
.media-featured_content {
padding: 50px 20px 20px 20px;
position: relative;
width: 360px;
float: left;
}
.media-featured_content .deck {
margin: 5px 0;
}
.featured_deck {
color: #3a3a3a;
line-height: 1.35;
font-size: 15.2px;
font-size: 0.95rem;
}
.featured_slug {
left: 0;
position: absolute;
top: 12px;
color: #000;
text-transform: uppercase;
font-weight: 600;
line-height: 1.5;
font-size: 14.4px;
font-size: 0.9rem;
font-family: "leitura-news", serif;
}
.featured_slug .seprator {
display: inline;
color: #999999;
font-size: 15.2px;
font-size: 0.95rem;
}
.blockContent > .featured_slug {
top: 0;
}
.spacer-left-0 {
left: 0 !important;
}
.with-image > .featured_slug {
top: -20px;
}
.featured_title {
letter-spacing: -0.03em;
font-weight: 400;
line-height: 1.05;
font-size: 38.4px;
font-size: 2.4rem;
font-family: "leitura-news", serif;
}
.featured_title a:hover {
text-decoration: none;
color: #d51b1e;
}
.featured_slug .slug {
display: inline;
}
.without-flag-featured {
padding-top: 10px;
}
.without-flag-featured .featured_slug {
left: 20px;
}
.no-featured {
width: 100%;
}
/*styles for Newsletter*/
.newsletterSubscribe a {
font-size: 13.6px;
font-size: 0.85rem;
color: #000;
text-decoration: none;
padding: 0 2px;
}
.newsletterSubscribe a:hover {
text-decoration: underline;
}
.newsletterSubscribe a > span {
font-size: 12px;
font-size: 0.75rem;
color: #999999;
}
.releaseGenre {
width: 117px;
margin: 0;
}
input#newsletterEmailInput {
height: 21px;
width: 256px;
}
.newsletterEmail {
float: left;
}
.newsletterFields {
margin-top: 10px;
}
.newsletterList div, .newsletterFields div {
margin-bottom: 5px;
}
.newsletterList div img {
vertical-align: middle;
}
.newsletterFields label {
position: absolute;
text-indent: -999em;
width: auto;
}
.l-rightnav .heading-section-lg {
padding-bottom: 2px;
font-size: 24px;
font-size: 1.5rem;
}
/**/
.icon-unlocked, .icon-unlocked-left {
background: url(/ct/channel/img/icon_unlocked.gif) no-repeat;
}
.icon-unlocked-left {
padding-left: 28px;
background-position: left center;
}
.icon-unlocked-right {
padding-right: 28px;
background-position: right center;
}
.icons-social a {
width: 30px;
display: inline-block;
vertical-align: top;
margin-left: 27px;
text-align: center;
text-decoration: none;
}
.icons-social a span {
display: block;
color: #676a6b;
font-size: 10.4px;
font-size: 0.65rem;
}
.icons-social a:hover {
text-decoration: underline;
}
.icons-social > .noSpace {
margin: 0;
}
.icons-social > .section-wide-55 {
width: 50px;
}
.iconMore {
background-image: url(/ct/channel/img/arrow_red.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 10px;
}
.flag-green {
border-right: 10px solid #3ca746;
padding-right: 10px;
height: 22px;
}
.flag-red {
border-right: 10px solid #d51b1e;
padding-right: 10px;
height: 22px;
}
.flag-blue {
border-right: 10px solid #0099d2;
padding-right: 10px;
height: 22px;
}
.listed-links_bold {
font-family: "lft-etica",sans-serif;
font-weight: 700;
margin-bottom: 15px;
font-size: 16px;
font-size: 1rem;
}
.listed-links_bold > a {
color: #000;
}
.listed-links_bold img, img.subscriber-access-lock {
vertical-align: middle;
}
.feedback {
background: #F1F1E3;
font-family: lft-etica;
font-size: 14.4px;
font-size: 0.9rem;
}
.feedback span, .feedback b {
padding: 10px 8px;
vertical-align: middle;
display: inline-block;
}
.feedback span img, .feedback b img {
margin-right: 5px;
}
.feedback span {
border-left: 3px solid #fff;
}
.help-form_email {
color: #d51b1e;
font-size: 15.2px;
font-size: 0.95rem;
}
.help-response {
font-family: "ff-more-web-pro",serif;
color: #000;
padding: 10px;
width: 400px;
font-size: 13.6px;
font-size: 0.85rem;
}
.help-response p {
padding: 10px 10px 10px 0;
}
.contactUs-form {
font-family: "ff-more-web-pro",serif;
}
.help-form_content > label {
display: block;
}
.help-form_content input {
border: 1px solid #000;
background: none;
}
.help-form_content strong,
.limitText strong {
font-weight: 500;
}
textarea#message {
height: 215px;
padding: 8px 2px 2px 6px;
width: 610px;
border: 1px solid #000000;
}
.textarea-width {
width: 620px;
}
.textarea-width span {
font-size: 13.6px;
font-size: 0.85rem;
}
.textarea-width label {
display: inline;
}
.contact-form-input-element {
width: 300px;
border: 1px solid #000;
padding: 2px;
height: 22px;
}
.contact-form-select-element {
width: 256px;
}
.info-submit {
width: 100%;
float: left;
margin: 0;
}
.info-submit span {
display: inline;
padding: 5px 10px;
font-weight: 500;
font-size: 14.4px;
font-size: 0.9rem;
}
.info-submit label {
display: inline;
}
.info-submit textarea#message {
width: 98%;
height: 180px;
}
span.limitText {
padding: 0;
font-size: 13.6px;
font-size: 0.85rem;
}
/* For Contact Us Page */
.help-subhead {
font-family: "ff-more-web-pro",serif;
font-weight: 500;
font-size: 24px;
font-size: 1.5rem;
}
.section-notice {
border-bottom: 1px solid #dedecc;
padding-bottom: 30px;
font-size: 12px;
font-size: 0.75rem;
}
.buttons_link-medium {
display: inline;
padding: 5px 40px;
}
/*Site Map*/
.listed-links_normal {
font-weight: 600;
font-family: "lft-etica",sans-serif;
line-height: 1.6;
list-style: none outside none;
padding-left: 20px;
}
.listed-links_normal a {
color: #000;
}
.listed-links_item {
font-size: 13.6px;
font-size: 0.85rem;
font-weight: 500;
}
#body {
width: 620px;
}
#body p, #body span.text {
font-size: 16px;
font-size: 1rem;
font-family: "ff-more-web-pro",serif;
margin-bottom: 25px;
line-height: 1.7em;
padding-right: 40px;
}
#body td span.text {
margin-bottom: 0;
padding-right: 0;
}
#body p.intro .citation, #body p.bio .citation, #body p.source .citation, #body em .citation {
font-style: normal;
}
#body .ad-ajax {
clear: both;
display: block;
}
#body table {
font-family: "ff-more-web-pro",serif;
margin-bottom: 20px;
font-size: 16px;
font-size: 1rem;
}
#body table th {
background: #f1f1e3;
border: 1px solid #dedecc;
font: 500 1rem "ff-more-web-pro",serif;
padding: 8px 10px;
text-align: left;
}
#body table td {
border: 1px solid #dedecc;
padding: 10px;
}
#body table p {
margin-bottom: 10px;
}
#body a {
text-decoration: underline;
}
#body a:hover {
text-decoration: none;
color: #000;
}
#body ul, #body ol {
padding-left: 20px;
font-size: 16px;
font-size: 1rem;
}
#body ul li, #body ol li {
line-height: 1.7em;
padding-bottom: 20px;
font-family: "ff-more-web-pro",serif;
}
#body ul a, #body ol a {
color: #000;
}
.intro {
font-style: italic;
}
#body p.copyright {
color: #d51b1e;
font-family: "lft-etica",sans-serif;
font-size: 12px;
font-size: 0.75rem;
}
#body p.copyright a {
text-decoration: none;
color: #d51b1e;
}
#body p.copyright a:hover {
text-decoration: underline;
}
blockquote {
line-height: 1.7em;
margin: 20px 40px;
font-family: "ff-more-web-pro",serif;
font-size: 16px;
font-size: 1rem;
}
blockquote a {
color: #000;
}
.callout_left,
.callout_right {
width: 315px;
color: #d51b1e;
letter-spacing: -0.03em;
font-weight: 800;
line-height: 1.1em;
font-size: 26.4px;
font-size: 1.65rem;
}
.callout_left {
float: left;
margin-right: 40px;
margin-left: -20px;
}
.callout_right {
float: right;
margin-left: 40px;
margin-right: -20px;
}
.image_left {
margin-right: 20px;
margin-top: 5px;
margin-left: -20px;
float: left;
}
.image_right {
float: right;
margin-left: 20px;
}
#body .sidebar_center,
#body .sidebar_right,
#body .sidebar_left {
border-top: 1px solid #dedecc;
border-bottom: 1px solid #dedecc;
padding: 15px 0;
margin: 15px 0;
clear: both;
}
#body .sidebar_center p, #body .sidebar_center li, #body .sidebar_center .intro, #body .sidebar_center blockquote,
#body .sidebar_right p,
#body .sidebar_right li,
#body .sidebar_right .intro,
#body .sidebar_right blockquote,
#body .sidebar_left p,
#body .sidebar_left li,
#body .sidebar_left .intro,
#body .sidebar_left blockquote {
font-family: "lft-etica",sans-serif;
line-height: 1.35em;
padding: 0;
margin: 0 0 5px;
font-size: 14.4px;
font-size: 0.9rem;
}
#body .sidebar_center p,
#body .sidebar_right p,
#body .sidebar_left p {
margin-bottom: 20px;
}
#body .sidebar_center .subhead, #body .sidebar_center .subhead2,
#body .sidebar_right .subhead,
#body .sidebar_right .subhead2,
#body .sidebar_left .subhead,
#body .sidebar_left .subhead2 {
color: #d51b1e;
font-family: "lft-etica",sans-serif;
font-weight: 600;
font-size: 22.4px;
font-size: 1.4rem;
}
#body .sidebar_center .subhead2,
#body .sidebar_right .subhead2,
#body .sidebar_left .subhead2 {
font-size: 19.2px;
font-size: 1.2rem;
}
#body .sidebar_left {
width: 260px;
float: left;
margin-right: 30px;
}
#body .sidebar_right {
width: 260px;
float: right;
margin-left: 30px;
}
#body td {
vertical-align: top;
}
#body p.caption {
color: #878787;
line-height: inherit;
font-family: "lft-etica",sans-serif;
margin: 0;
padding-right: 0;
padding-bottom: 15px;
font-size: 11.2px;
font-size: 0.7rem;
}
.imageWrapper > .credit {
font-weight: normal;
display: block;
font-size: 9.6px;
font-size: 0.6rem;
}
#body p.question {
font-weight: 900;
margin-bottom: 25px;
}
.subhead {
margin-bottom: 10px;
font-weight: 400;
line-height: inherit;
font-size: 27.2px;
font-size: 1.7rem;
font-family: "leitura-news", serif;
}
.subhead a {
color: #000;
}
.subhead2 {
margin-bottom: 10px;
font-weight: 400;
line-height: inherit;
font-size: 22.4px;
font-size: 1.4rem;
font-family: "leitura-news", serif;
}
.related-topics {
overflow: hidden;
font-size: 12px;
font-size: 0.75rem;
}
.related-topics > a {
color: #000;
vertical-align: top;
text-decoration: none;
}
.related-topics > a:hover {
text-decoration: underline;
}
.topics {
width: 80px;
}
.topicsList {
padding: 15px 0;
}
.moreIssue {
width: 75%;
overflow: hidden;
}
.moreIssue .l-grid_item {
width: 202px;
margin: 0 15px;
text-align: right;
}
.moreIssue .align-left {
text-align: left;
}
.section-moreFrom-Issue {
overflow: hidden;
}
.section-moreFrom-Issue .title {
display: inline;
}
.section-moreFrom-Issue .subscriber-access-notifier {
margin-left: 5px;
float: none;
}
.heading-preview {
font-family: "ff-more-web-pro",serif;
font-weight: 400;
text-align: center;
padding: 4px 5px;
background: #000;
color: #fff;
font-size: 22.4px;
font-size: 1.4rem;
}
.section-inner {
padding: 20px 15px 15px;
background: #f1f1e3;
font-size: 19.2px;
font-size: 1.2rem;
}
.section-inner .subscribe {
font-size: 15.2px;
font-size: 0.95rem;
}
.section-articlePreview, #body .section-articlePreview {
font-family: "ff-more-web-pro",serif;
font-weight: 400;
clear: left;
}
.section-articlePreview p, #body .section-articlePreview p {
padding: 0;
line-height: 1.15;
font-size: 19.2px;
font-size: 1.2rem;
}
.section-articlePreview span, #body .section-articlePreview span {
color: #d51b1e;
font-size: 19.2px;
font-size: 1.2rem;
}
.section-articlePreview a {
color: #d51b1e;
text-decoration: underline;
}
.section-articlePreview a:hover {
text-decoration: none;
}
.section-articlePreview .subscribe a.btn_subscribe {
color: #000;
text-decoration: none;
}
#body .section-centered, .section-centered {
text-align: center;
}
#body .section-centered .custom-buttons, .section-centered .custom-buttons {
color: #000;
padding: 8px 10px 4px;
width: 200px;
display: inline-block;
text-decoration: none;
}
#body .section-centered .custom-buttons:hover, .section-centered .custom-buttons:hover {
text-decoration: none;
background: #DEDECC;
color: #000;
}
#body .section-centered .custom-buttons span, .section-centered .custom-buttons span {
font-weight: 500;
color: #000;
font-size: 22.4px;
font-size: 1.4rem;
}
#body .section-articlePreview a.custom-buttons {
background: #fff;
}
.section-login {
text-align: center;
}
.section-login a.custom-buttons {
color: #000;
background: #fff;
text-decoration: none;
font-weight: 700;
letter-spacing: 0;
font-size: 19.2px;
font-size: 1.2rem;
}
.section-login a.custom-buttons:hover {
background: #DEDECC;
}
.section-login span {
text-transform: uppercase;
font-family: "lft-etica",sans-serif;
font-weight: 700;
padding: 0 15px;
font-size: 16px;
font-size: 1rem;
}
.noCommentsText {
color: #d51b1e;
margin: 10px 0;
display: block;
font-size: 15.2px;
font-size: 0.95rem;
}
.section-bordered-top-15 {
border-top: 15px solid #000;
}
.text-order-up {
text-transform: uppercase;
}
.section-popup > h2,
.section-popup > h3 {
font-family: "ff-more-web-pro",serif;
font-weight: 900;
letter-spacing: -0.03em;
font-size: 29.6px;
font-size: 1.85rem;
}
.section-popup > h3 {
font-weight: 900;
}
.currentIssue-list {
list-style: none;
font-weight: 600;
padding-bottom: 20px;
font-size: 16px;
font-size: 1rem;
}
.currentIssue-list a {
color: #000;
text-decoration: none;
font-weight: 600;
letter-spacing: -0.03em;
font-size: 18.4px;
font-size: 1.15rem;
}
.firstLink a {
font-weight: 800;
}
#body p a {
color: #D51B1E;
}
#body .citation,
.author-description .citation {
font-style: italic;
}
.section-articleInfo > h2 {
letter-spacing: -0.03em;
font-weight: 400;
line-height: 1.1;
font-size: 51.2px;
font-size: 3.2rem;
font-family: "leitura-news", serif;
}
#popupBoxClose {
color: #999999;
right: 0;
position: absolute;
background: url(/ct/channel/img/icon_close.gif) no-repeat 0 1px;
padding-left: 20px;
font-family: "lft-etica",sans-serif;
font-size: 12.8px;
font-size: 0.8rem;
}
.heading-review {
width: auto;
margin-top: 5px;
padding-right: 10px;
}
.articleMainInfo .postDate {
font-size: 14.4px;
font-size: 0.9rem;
}
#body p.bio, #body p.source {
font-style: italic;
font-size: 14.4px;
font-size: 0.9rem;
}
#body p.bio a, #body p.source a {
color: #000;
}
#body p.bio a :hover, #body p.source a :hover {
text-decoration: none;
}
.dropcap {
float: left;
}
.dropcap, .articleDropcap {
font-family: "lft-etica",sans-serif;
line-height: .8;
font-weight: 700;
padding-right: 20px;
height: 75px;
color: #d51b1e;
font-size: 96px;
font-size: 6rem;
}
.l-five div#body {
width: 100%;
}
.scrollContainer .l-page {
position: relative;
width: 850px;
padding-left: 90px;
}
.scrollContainer .l-page .section-articlePreview {
clear: none;
}
.scrollContainer {
overflow: hidden;
font-family: "ff-more-web-pro",serif;
}
.scrollContainer h2 {
font-size: 29.6px;
font-size: 1.85rem;
letter-spacing: -0.02em;
}
.scrollContainer h3 {
letter-spacing: -0.02em;
font-weight: 500;
font-size: 29.6px;
font-size: 1.85rem;
}
.image_center {
margin-bottom: 20px;
}
.section-bordered-both {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
padding: 25px 0 15px;
overflow: hidden;
}
.section-reviews {
overflow: hidden;
}
.section-reviews .headings-small {
float: left;
width: 125px;
margin-top: 1px;
}
.reviewDesc {
overflow: hidden;
font-size: 12px;
font-size: 0.75rem;
}
.reviewDesc a {
color: #000;
text-decoration: underline;
}
.reviewDesc a:hover {
text-decoration: none;
}
#ratingHelp {
float: left;
margin-left: 4px;
}
#ratingHelp img {
position: relative;
top: 2px;
}
#recommendedResources {
display: none;
}
.video_left {
float: left;
margin-right: 20px;
}
.video_right {
float: right;
margin-left: 20px;
}
.footnote-button {
font-family: monospace;
font-weight: normal;
text-decoration: none !important;
letter-spacing: -0.1em;
}
.inline-footnote {
display: none;
}
.inline-ftn-wrapper {
overflow: hidden;
background-color: #ebeded;
color: #000;
font: 0.8em Verdana,Arial,Helvetica,sans-serif;
line-height: 1.5;
margin-top: 15px;
display: none;
-webkit-transition: .3s ease;
transition: .3s ease;
border: medium none;
padding: 0;
opacity: 0;
}
.active-ftn {
display: block;
}
.articleFoot {
background: #f1f1e3;
height: 52px;
clear: left;
overflow: hidden;
}
.paging {
font-size: 17.6px;
font-size: 1.1rem;
font-family: "franklin-gothic-ext-comp-urw",sans-serif;
font-weight: 700;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
}
.paging a,
.currLink {
padding: 15px 9px;
display: inline-block;
vertical-align: middle;
}
.reviewPagingRight a {
margin: 0 4px;
padding: 0;
color: #d51b1e;
vertical-align: top;
}
.reviewPagingRight a:hover {
text-decoration: underline;
}
#body .paging a {
text-decoration: none;
}
.reviewPagingRight {
padding-right: 10px;
}
.reviewPagingRight span {
padding-right: 5px;
padding-left: 10px;
}
.reviewPagingRight .goDiv {
padding-left: 0;
}
.pagingRight a:hover,
.currLink {
background: #dedecc;
}
.paging a.nextLink,
a.nextLink:hover {
background: #d51b1e;
color: #fff;
letter-spacing: .03em;
line-height: 1;
font-size: 22.4px;
font-size: 1.4rem;
}
.pagingLeft a {
color: #d51b1e;
border-right: 3px solid #fff;
cursor: pointer;
}
.pagingRight a,
.currLink {
color: #000;
border-left: 3px solid #fff;
}
.star-rating {
list-style: none;
margin: 0;
padding: 0;
width: 75px;
height: 14px;
position: relative;
background: url(/system/img/star-rating.gif) top left repeat-x;
}
.star-rating li {
float: left;
}
.star-rating li a {
display: block;
width: 15px;
height: 14px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0;
margin: 0;
}
.star-rating li a:hover {
background: url(/system/img/star-rating.gif) left bottom;
z-index: 1;
left: 0;
bottom: 0;
}
.star-rating a.one-star {
left: 0;
}
.star-rating a.one-star:hover {
width: 15px;
}
.star-rating a.two-stars {
left: 15px;
}
.star-rating a.two-stars:hover {
width: 30px;
}
.star-rating a.three-stars {
left: 30px;
}
.star-rating a.three-stars:hover {
width: 45px;
}
.star-rating a.four-stars {
left: 45px;
}
.star-rating a.four-stars:hover {
width: 60px;
}
.star-rating a.five-stars {
left: 60px;
}
.star-rating a.five-stars:hover {
width: 75px;
}
#starvote p, .starvote p,
#starresult p, .starresult p {
display: none;
}
#rateThisMovie,
#rateThisAlbum {
clear: both;
display: inline;
float: left;
padding: 10px 10px 0 0;
width: 592px;
}
#rateThisAlbum h3,
#rateThisMovie h3 {
clear: left;
float: left;
padding-right: 10px;
color: #DD3F1F;
text-transform: capitalize;
padding-top: 15px;
}
strong.yourRating {
float: left;
padding: 10px 5px 10px 0;
}
ul.yourRating {
background: url(/ct/channel/img/stars_sprite.gif) no-repeat;
height: 14px;
list-style: none;
padding: 0px !important;
position: relative;
top: 2px;
width: 75px;
margin-right: 4px;
}
ul.movieRating,
#rateThisMovie ul.yourRating,
#rateThisAlbum ul.yourRating,
#rateThisItem ul.yourRating {
float: left;
}
ul.movieRating {
margin: 0;
width: 60px;
}
ul.halfstar {
background-position: 0 -14px;
}
ul.yourRating li.one a:hover,
ul.onestar {
background-position: 0 -28px;
}
ul.oneandhalfstar {
background-position: 0 -42px;
}
ul.yourRating li.two a:hover,
ul.twostar {
background-position: 0 -56px;
}
ul.twoandhalfstar {
background-position: 0 -70px;
}
ul.yourRating li.three a:hover,
ul.threestar {
background-position: 0 -84px;
}
ul.threeandhalfstar {
background-position: 0 -98px;
}
ul.yourRating li.four a:hover,
ul.fourstar {
background-position: 0 -112px;
}
ul.fourandhalfstar {
background-position: 0 -126px;
}
ul.yourRating li.five a:hover,
ul.fivestar {
background-position: 0 -140px;
}
ul.yourRating li {
cursor: pointer;
float: left;
text-align: left;
text-indent: -999em;
}
ul.yourRating li a {
height: 14px;
left: 0;
position: absolute;
text-decoration: none;
top: 0;
width: 15px;
z-index: 3;
}
ul.yourRating li.two a {
left: 15px;
}
ul.yourRating li.three a {
left: 30px;
}
ul.yourRating li.four a {
left: 45px;
}
ul.yourRating li.five a {
left: 60px;
}
ul.yourRating li a:hover {
background: url(/ct/channel/img/stars_sprite.gif) 0px 0px no-repeat;
height: 14px;
left: 0;
overflow: hidden;
width: 75px;
z-index: 2;
}
ul.movieRating li a:hover {
width: 60px;
}
/*css for rating Movies/Books/Music*/
.ratingTxt {
font-size: 12.8px;
font-size: 0.8rem;
}
.rate-it {
font-size: 11.2px;
font-size: 0.7rem;
}
.reviewDesc > ul {
list-style: none;
display: inline-block;
}
.reviewDesc > ul > li {
display: inline-block;
}
.ratingSmallTxt {
font-size: 11.2px;
font-size: 0.7rem;
padding: 0 4px;
}
.addYours {
color: #d51b1e;
text-transform: uppercase;
padding: 0 6px 0 8px;
background: url(/ct/channel/img/icon_add_ur_rating.png) no-repeat left 2px;
margin-left: 7px;
font-size: 10.4px;
font-size: 0.65rem;
}
/*css for rating Movies/Books/Music*/
/*featured box */
.featured-insertion {
border-bottom: 7px solid #000;
padding-bottom: 4px;
background: #F1F1E3;
}
.featured-insertion_heading {
background: #000;
color: #fff;
text-transform: uppercase;
}
.featured-insertion_info {
margin-right: 15px;
}
.featured-insertion_content {
padding: 20px 20px 0;
overflow: hidden;
}
.featured-insertion_content .more {
right: 10px;
}
.featured-insertion_headingtext {
position: relative;
top: 7px;
left: 20px;
display: inline-block;
height: 22px;
line-height: 1;
border-right: 1px solid #333;
padding-right: 10px;
}
.featured-insertion_noborder {
border-right: none;
}
.featured-insertion_description .deck a {
color: #d51b1e;
}
a.featured-insertion_links {
border-bottom: none;
margin: 0 3px;
padding: 0;
}
a.featured-insertion_links:hover {
border: 0;
}
.featured-insertion_linklist {
overflow: hidden;
}
.featured-insertion_linklist li {
list-style: none;
margin-bottom: 10px;
}
.featured-insertion_linklist li a {
font-weight: 600;
display: inline;
font-size: 16.8px;
font-size: 1.05rem;
}
.featured-insertion_linklist li .firstLink {
font-weight: 700;
display: inline;
font-size: 20px;
font-size: 1.25rem;
}
.featured-insertion_linklist li .firstLock {
position: relative;
top: 7px;
vertical-align: top;
}
.featured-insertion_linklist li .slug a {
font-size: 13.6px;
font-size: 0.85rem;
}
.spacer-left {
margin-left: 5px;
}
.featured-insertion_headingdesc {
position: relative;
top: 7px;
margin-left: 30px;
color: #fff;
text-transform: none;
font-size: 15.2px;
font-size: 0.95rem;
}
/* slider styles */
#js-contentslider {
overflow: hidden;
width: 100%;
display: inline-block;
background: #fff;
width: 602px;
}
.sliding-carousel {
width: 600px;
height: 420px;
white-space: nowrap;
background: url("/ct/channel/img/background_archives_slider.png") bottom repeat-x;
border: 1px solid #000;
}
.sliding-carousel_container {
height: 370px;
width: 13000px;
margin-top: 10px;
padding-left: 10px;
}
.sliding-carousel_item {
display: inline;
width: 400px;
height: 370px;
border-right: 1px solid #000;
margin-right: 10px;
}
.sliding-carousel_title {
font-size: 11.2px;
font-size: 0.7rem;
}
.sliding-carousel_magazines {
width: 60px;
margin-right: 20px;
height: 120px;
text-align: center;
font-size: 11.2px;
font-size: 0.7rem;
word-wrap: break-word;
}
#sliding-carousel .sliding-carousel_scrollbar,
#sliding-carousel .ui-widget-content {
position: relative;
width: 96.5%;
height: 20px;
}
#sliding-carousel .ui-widget-content,
#sliding-carousel .ui-state-default,
#sliding-carousel .ui-state-hover,
#sliding-carousel .ui-state-focus,
#sliding-carousel .ui-state-active,
#sliding-carousel .ui-corner-all,
#sliding-carousel .ui-corner-bottom,
#sliding-carousel .ui-corner-right,
#sliding-carousel .ui-corner-br {
background: none;
border: none;
color: none;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
}
#sliding-carousel .ui-slider-handle,
#sliding-carousel .ui-state-default {
width: 40px;
height: 20px;
background: #d51b1e url(/ct/channel/img/img_slider_knob.gif);
border: none;
}
#sliding-carousel .ui-widget {
font-size: 0;
margin-left: -2px;
right: -2px;
top: 20px;
width: 562px;
}
#sliding-carousel .ui-top {
top: 6px;
}
.sliding-carousel_yearsleft {
font-weight: bold;
width: auto;
font-size: 12px;
font-size: 0.75rem;
text-transform: uppercase;
}
.sliding-carousel_yearright {
width: 90%;
padding-left: 10px;
}
.sliding-carousel_yearlinks {
margin-right: 10px;
color: #000;
text-decoration: none;
font-size: 12px;
font-size: 0.75rem;
display: inline;
list-style-type: none !important;
}
.sliding-carousel_maglinks {
white-space: pre-wrap;
line-height: 10px;
font-size: 11.2px;
font-size: 0.7rem;
}
/* classes for superfish navigation for other dropdown than main dropdown */
#js-showAltDropdown_top {
position: relative;
}
#js-showAltDropdown_top ul#js-alternatedropdown_top,
.js-showAltDropdown_content ul#js-alternatedropdown_content,
.js-showAltDropdown_content ul.js-showAltDropdown_hider {
display: none;
}
#js-showAltDropdown_top:hover,
.js-showAltDropdown_content:hover {
cursor: pointer;
}
#js-showAltDropdown_top:hover ul#js-alternatedropdown_top,
.js-showAltDropdown_content:hover ul#js-alternatedropdown_content,
ul.js-showAltDropdown_show {
display: block;
}
.alternate-dropdown {
border: 1px solid #d8d8d7;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.95);
z-index: 2;
position: absolute;
top: 47px;
list-style: none;
right: 0;
}
.alternate-dropdown li {
padding-bottom: 5px;
}
.alternate-dropdown li a:hover {
color: #000;
}
.alternate-dropdown ul {
background: #fff;
}
.alternate-dropdown ul a {
font-size: 13.6px;
font-size: 0.85rem;
}
.alternate-dropdown .innerMenu {
right: 70px;
}
.alternate-dropdown li {
border-bottom: 1px solid #eaeae9;
text-align: left;
text-transform: capitalize;
padding-left: 20px;
}
.alternate-dropdown li a {
font-size: 12.8px;
font-size: 0.8rem;
}
.alternate-dropdown li a {
color: #000;
font-family: "lft-etica",sans-serif;
}
.alternate-dropdown li:hover {
background: #EAEAE9;
color: #000;
}
.alternate-dropdown li a:hover {
text-decoration: none;
}
.alternate-dropdown_icon {
vertical-align: middle;
padding-left: 5px;
}
/*styles for Columnist dropdown*/
.top-section-search {
position: relative;
padding-bottom: 25px;
/* Reduce padding from 40px */
clear: both;
}
.top-section-search #js-showAltDropdown_content {
width: 310px;
position: absolute;
z-index: 1;
padding-left: 5px;
list-style: none;
background: #f1f1e3 url(/ct/channel/img/icon_select_dropdown.png) no-repeat right 6px;
}
.top-section-search b {
padding-top: 4px;
display: block;
}
#js-showAltDropdown_content ul.alternate-dropdown {
width: 100%;
overflow: scroll;
overflow-x: hidden;
margin-top: 2px;
background: #F1F1E3;
top: 25px;
left: -1px;
}
#js-showAltDropdown_content ul.alternate-dropdown li {
padding-left: 5px;
padding-bottom: 1px;
border: 0;
font-family: arial;
letter-spacing: 0;
font-size: 13.6px;
font-size: 0.85rem;
}
#js-showAltDropdown_content ul.alternate-dropdown li:hover {
background: #3399ff;
}
#js-showAltDropdown_content ul.alternate-dropdown a {
color: #000;
padding-left: 20px;
font-family: arial;
display: block;
}
#js-showAltDropdown_content ul.alternate-dropdown a:hover {
color: #fff;
}
/*styles for Columnist dropdown*/
.columnistsDropDown > select {
width: 280px;
}
/**
* I'm including the `-ct` suffix in order to prevent system-wide
* modals from being affected.
*/
.modal-ct {
padding: 30px;
width: 560px;
border: 3px solid #b6bbc1;
}
.modal-ct > p {
margin: 20px 0;
font-weight: 400;
line-height: 1.2;
font-size: 19.2px;
font-size: 1.2rem;
font-family: "leitura-news", serif;
}
.modal-ct > textarea {
display: block;
overflow: auto;
padding: 5px;
width: 100%;
border: 1px solid #d9d9d9;
resize: none;
color: #676a6b;
font-family: Verdana, Arial, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 11.2px;
font-size: 0.7rem;
}
.modal-ct.is-centered {
left: 50%;
position: fixed;
top: 100px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.modal-ct a {
text-decoration: underline;
}
.modal-ct a:hover {
color: #d51b1e;
}
.title-modal {
font-weight: 400;
line-height: 1.05;
font-size: 38.4px;
font-size: 2.4rem;
font-family: "leitura-news", serif;
}
h3.top {
color: #d51b1e;
margin-bottom: 20px;
}
.info_text p {
margin-bottom: 30px;
font-family: "ff-more-web-pro",serif;
}
.info_text a {
text-decoration: underline;
}
.info_text .note {
background-color: #F1F1E3;
padding: 25px;
clear: right;
margin-top: 25px;
}
.info_text .note p {
margin-bottom: 0;
}
.list-style-inner {
list-style-position: inside;
margin-left: 10px;
font-family: "ff-more-web-pro",serif;
}
.featured-billygraham {
border-bottom: 6px solid #000;
min-height: 306px;
background: transparent;
}
.featured-billygraham .featured-title_lg {
color: #d51b1e;
font-weight: 600;
font-family: "leitura-news",serif;
line-height: 1.1;
letter-spacing: -0.03em;
font-size: 76px;
font-size: 4.75rem;
}
.featured-billygraham .featured-title_lg:hover {
text-decoration: none;
}
.featured-billygraham a.featured-billygraham-content {
background: url("/ct/channel/img/bg_billygraham.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
width: 275px;
height: 306px;
display: inline-block;
text-indent: -999em;
}
.featured-billygraham_left {
width: 450px;
position: relative;
left: -40px;
}
.featured-billygraham_right {
margin-left: 30px;
}
.featured-title_item {
color: #D51B1E;
text-align: right;
margin-top: -12px;
margin-right: 20px;
font-size: 27.2px;
font-size: 1.7rem;
}
/* For Breaking News Bar */
.billygraham-breaking-news:before {
background: url("/ct/channel/img/bg_breakingnews.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.special-section_item {
background: url("/ct/channel/img/sm_billygraham.gif") no-repeat scroll 220px 0 black;
}
/* For Billy Graham Special Issue */
.section-moreFrom-Issue {
width: 620px;
}
.more-item {
padding-top: 20px;
}
.mag-desc {
width: auto;
overflow: hidden;
padding-left: 10px;
}
.mag-desc p {
margin-bottom: 15px;
margin-top: 15px;
font-family: "lft-etica",sans-serif;
line-height: 1.2;
font-size: 14.4px;
font-size: 0.9rem;
}
.section-login a.button_yellow {
background: #f8e405 !important;
}
.section-login .button_yellow:hover {
background: #fbff0a !important;
}
/* Beta Bar styles */
#beta {
font: 500 1em/1em "lft-etica", sans-serif;
width: 100%;
min-width: 1000px;
float: left;
height: 34px;
z-index: 10;
background-color: #000;
overflow: hidden;
}
#beta p {
letter-spacing: 0.015em;
color: #fff;
margin: 10px 20px 0 10px;
text-align: center;
}
#beta p a {
color: #fff;
text-decoration: underline;
}
#beta p a:hover {
color: #f8e405;
}
.designation {
color: #999;
font-family: leitura-news;
padding-top: 5px;
font-size: 16.8px;
font-size: 1.05rem;
}
.border-md {
border-top: 2px solid #000;
}
.author-description {
font-family: leitura-news;
line-height: 1.7;
font-size: 16px;
font-size: 1rem;
}
.spacer-left-25 {
margin-left: 25px;
}
.browse-authors {
padding-bottom: 15px;
}
.browse-authors select {
display: block;
width: 220px;
}
.author-title-sm {
font-family: "franklin-gothic-ext-comp-urw",sans-serif;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .05em;
font-size: 16.8px;
font-size: 1.05rem;
}
.section .section-button-links {
margin-left: 240px;
margin-bottom: 25px;
clear: both;
width: 210px;
}
/* For Authors Page */
.l-one {
width: 140px;
}
.last-item {
margin: 0px;
}
.border-bottom_black {
border-bottom: 1px solid #000;
width: 100%;
}
.heading-sm {
color: #999999;
font-weight: 600;
font-family: leitura-news;
font-size: 28.8px;
font-size: 1.8rem;
}
.author-title {
margin-bottom: 5px;
font-weight: 700;
font-size: 15.2px;
font-size: 0.95rem;
}
.designation-sm {
display: block;
font-size: 11.2px;
font-size: 0.7rem;
}
.align-center {
text-align: center;
}
a.follow {
background: url(/ct/channel/img/icon_follow.gif) no-repeat;
width: 13px;
height: 11px;
display: inline-block;
margin-left: 5px;
}
a.following {
background: url(/ct/channel/img/icon_following.gif) no-repeat;
width: 13px;
height: 11px;
display: inline-block;
margin-left: 5px;
}
.ctAuthorAlertBox {
font-size: 15.2px;
font-size: 0.95rem;
padding: 15px;
border: 3px solid #b6bbc1;
width: 550px;
min-width: 520px;
}