
/* OVERRIDES TO BASE THEME */

/* basic body text styles */

body {
font-family: 'Merriweather', Georgia, Times Roman, serif;  
font-size: 16px;
padding-left: 0px !important;
padding-right: 0px !important;
}

.main, .content-head, .head {
padding-left: 20px;
padding-right: 20px;	
}

#main-content {
background: #fff; 
}

h1#page-title {
margin: 20px 0px 10px -16px;  
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Francois One', Arial, sans-serif;
font-weight: normal;
}

p {
line-height: 1.6em;
}

a {
color: #555;	
}

a:hover {
color: #ff8517;
text-decoration: underline;
}

.field-body a,
.node-type-page .field-body a,
.page-search .search-results a,
.field-republish a,
.field-top-image a,
.field-slideshow-caption a,
.field-top-story-link a
{
color: #ff8517;	
text-decoration: underline !important;	
}

table, th, tr, td, tbody {
border: none !important;  
}

ul li {
margin-bottom: 12px;  
}

/* suppress page title element in favoir oif field in display suite layout */

.node-type-news-article
#page-title,
.node-type-video-article
#page-title,
.node-type-infographic
#page-title,
.node-type-opinion
#page-title
{
display: none;  
}

/* make all legacy article top images stretch to full needed minium width of new spec */

.field-top-image img {
width: 100%;
height: auto;	
border: 1px solid #b6b6b6;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

/* REGIONS */

#header {
    margin: 0px;
    background: #0e1136;
    color: #fff;
    padding: 20px 10px 20px 10px;
	width: auto !important;
/*		
	position: fixed;
	top: 0;
	left: 0;
*/
	width: 100%;
	z-index: 2;	
}

@media screen and (max-width: 480px) {
#name-and-slogan {
padding: 20px 0px 20px 0px;
}
}

@media screen and (min-width: 481px) {
#name-and-slogan {
padding: 20px 0px 20px 20px;	
}
}

.site-slogan {
font-family: 'Francois One', Arial, sans-serif !important; 
font-size: 18px !important;  
}

/* sitewide social links in header */

@media screen and (max-width: 388px) {
.sitewide-social {
display: none;	
}
}

@media screen and (min-width: 389px) and (max-width: 767px) {
.sitewide-social {
display: block;
float: left;
margin: 3px 10px 0px 0px;	
}
}

@media screen and (min-width: 768px) {
.sitewide-social {
float: none;
text-align: right;
margin: -30px 0px 10px 0px;	
}
}

.sitewide-social img {
height: 24px;
width: 24px;	
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
}

.sitewide-social a:hover,
.social-links a:hover
{
 opacity: 0.70; 
}

#main-menu {
    background: #efefef;
    height: 40px;
	width: 100%;
	z-index: 2;	
	border-bottom: 1px solid #b6b6b6;	
}

/* collpased menu toggle button */

button.btn-navbar {
border: none !important;
background: #ff9517 !important;
}

/* search boxx */

#block-search-form .search-query {
width: 100px;
}

#block-search-form input.search-query,
#search-block-form input.search-query
{
border-radius: 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #b3b3b3;
}

#search-block-form input.btn-search {
 display: none; 
}


.content input.btn-search {
display: none;  
}

/* search results page */

.search-results p.search-info {
display: none;
}

li.search-result {
border-bottom: 1px dotted #333;  
padding:15px 0px 15px 0px;
}

.search-advanced {
display: none;
}

/* navbar */

.navbar-inner {
box-shadow: none !important;
border: none;
background: #efefef;
border-radius: 0px;
height: 36px;
}

.nav-collapse {
background: #efefef !important;
z-index: 2;
}

#main-nav a  {
font-family: 'Francois One', Arial, sans-serif;   
font-size: 18px;
text-transform: uppercase;
text-shadow: none;
color: #666;
}

@media screen and (max-width: 979px) {
#main-nav a  {
font-size: 16px;
}
}

#main-nav a:hover {
background: #ff8517;
color: #fff;
}

#main-nav .active-trail {
background: #ff8517 !important; 
color: #fff;
}

#footer {
background: #0e1136;
text-align: center;
padding: 30px 15px 30px 15px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}

.footer-content .block {
width: 100%;	
}

#footer a {
color: #fff;
}

#footer div.social-links {
margin: 30px 0px 30px 0px;  
}

#footer div.social-links img {
width: 32px; 
height: 32px;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
}

/* can admin shortcuts display */

.admin-shortcuts {
display: none;	
}

/* sidebar block h2 headings */

.sidebar-second h2 {
font-size: 18px !important;  
}

@media screen and (max-width: 750px) {
.site-sidebar-second .block {
width: 100%;  
}  
}

/* node-specific laouts and formatting */

/* Field labels */

span.field-label {
float: left;
margin-right: 10px;
font-weight: bold; 
}

h3.field-label {
font-size: 18px;
border-bottom: 1px dotted #333; 
}


/* HOME PAGE */

#topstory {
height: 393px;
/*
border: 1px solid #333;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
*/
margin-bottom: 30px;
width: 100%;
}

@media screen and (max-width: 1199px) {
#topstory { 
height: 315px;
}
}

@media screen and (max-width: 979px) {
#topstory {
height: auto;
width: 100%;
}
}

.field-top-story-image {
float: left;  
width:66%;
margin: 0px 30px 20px 0px;
}

@media screen and (max-width: 979px) {
.field-top-story-image {
width:100%;
}
}

#topstory .field-department a {
color: #fff;  
font-size: 18px;
font-family: 'Francois One', Arial, sans-serif; 
text-transform: uppercase;
background: url('/sites/default/files/images/sitewide/trans-bg-new.png');
background-repeat: repeat;
padding: 10px;
position: absolute;
top: 0px
left: 0px;
}

#topstory .field-top-story-publication-date {
color: #666; 
padding-top: 10px;
font-size: 14px;
}

#topstory .field-author {
text-align: right; 
font-size: 14px;
color: #666;
margin-right: 20px;
}

#topstory .views-field-title {
font-family: 'Francois One', Arial, sans-serif;  
font-size: 38px;  
line-height: 1.1em;
}

@media screen and (max-width: 1199px) {
#topstory .views-field-title {
font-size: 32px;  
}
}

@media screen and (max-width: 739px) {
#topstory .views-field-title {
font-size: 24px; 
}
}

#topstory .field-top-story-subhead p {
font-size: 20px;  
line-height: 1.2em !important;
margin-top: 20px;
color: #666;
padding-right: 20px;
}

@media screen and (max-width: 1199px) {
#topstory .field-top-story-subhead p {
font-size: 16px;  
line-height: 1.1em !important;
margin-top: 20px;
color: #666;
padding-right: 20px;
}
}

@media screen and (max-width: 979px) {
#topstory .field-top-story-publication-date,
#topstory .views-field-title,
#topstory .field-top-story-subhead p {
padding: 0px 20px 0px 20px;  
}
}

@media screen and (max-width: 979px) {
#topstory .field-top-story-publication-date {
padding-top: 10px;
}
}

/* Latest news and video articles on home page */

#latest {
margin-bottom: 30px;
}

#latest .node-video-article h2 {
margin-top: 16px;  
}

#latest .field-department a,
.view-latest-video-articles .field-department a,
.view-custom-taxonomy-beats .field-deaprtment a,
.view-custom-taxonomy-topics .field-department a,
.view-latest-news-articles .field-department a
{
color: #fff;  
font-family: 'Francois One', Arial, sans-serif; 
background: #ff8517;
padding: 8px;
text-transform: uppercase;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

.view-author-articles .field-department a {
position: absolute;
top: 0px;
left: 0px;
z-index: 1; 
}

#latest img, .view-custom-taxonomy-beats img,
.view-author-articles img,
.view-custom-taxonomy-topics img,
.view-world-cup img
{
width: 380px;  
height: 220px;  
border: 1px solid #b3b3b3;
border-radius: 3px;
-webkit-border-radois: 3px;
-moz-border-radius: 3px;
}

@media screen and (max-width: 1199px) {
#latest img, .view-custom-taxonomy-beats img,
.view-author-articles img,
.view-custom-taxonomy-topics img,
.view-latest-news-articles img,
.view-world-cup img
{
width: 380px;
height: 170px;  
}
}

@media screen and (max-width: 979px) {
#latest img, .view-custom-taxonomy-beats img,
.view-author-articles img,
.view-custom-taxonomy-topics img,
.view-latest-news-articles img,
.view-world-cup img
{
width: 380px;
height: 210px;  
}
}

@media screen and (max-width: 739px) {
#latest img, .view-custom-taxonomy-beats img,
.view-author-articles img,
.view-custom-taxonomy-topics img,
.view-latest-news-articles img,
.view-world-cup img
{
width: 100%;
height: auto !important;  
}
}

.view-latest-video-articles img {
/*
width: 280px;  
height: 200px;  
*/
border: 1px solid #b3b3b3;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;  
}

.view-latest-video-articles
.field-department a {
color: #fff !important; 
}

#latest .views-row, 
.view-custom-taxonomy-beats .views-row,
.view-author-articles .views-row,
.view-custom-taxonomy-topics .views-row,
.page-latest-news-articles .views-row,
.view-nobel-coverage-archive .views-row,
.view-nobel-coverage-2016 .views-row,
.view-clone-of-nobel-coverage-2017 .views-row,
.view-world-cup .views-row
{
clear: none;
float: left;
width: 380px;
margin-right: 10px;
min-height: 450px;
position: relative;
}

@media screen and (max-width: 1199px) {
#latest .views-row, .view-custom-taxonomy-beats .views-row,
.view-author-articles .views-row,
.view-custom-taxonomy-topics .views-row,
.page-latest-news-articles .views-row,
.view-nobel-coverage-archive .views-row,
.view-nobel-coverage-2016 .views-row,
.view-clone-of-nobel-coverage-2017 .views-row,
.view-world-cup .views-row
{
width: 280px;
margin-right: 30px;
min-height: 440px;
}
}

@media screen and (max-width: 979px) {
#latest .views-row, .view-custom-taxonomy-beats .views-row,
.view-author-articles .views-row,
.view-custom-taxonomy-topics .views-row,
.page-latest-news-articles .views-row,
.view-nobel-coverage-archive .views-row,
.view-nobel-coverage-2016 .views-row,
.view-clone-of-nobel-coverage-2017 .views-row
{
width: 350px;
margin-right: 10px;
min-height: 440px;
}
}

@media screen and (max-width: 739px) {
#latest .views-row, .view-custom-taxonomy-beats .views-row,
.view-author-articles .views-row,
.view-custom-taxonomy-topics .views-row,
.page-latest-news-articles .views-row,
.view-world-cup .views-row
{
float: none;  
width: 100%;
min-height: 350px;
position: relative;
}
}

@media screen and (max-width: 739px) {
#latest .views-row, .view-custom-taxonomy-beats .views-row,
.view-author-articles .views-row,
.view-custom-taxonomy-topics .views-row,
.page-latest-news-articles .views-row,
.view-nobel-coverage-archive .views-row,
.view-nobel-coverage-2016 .views-row
.view-clone-of-nobel-coverage-2017 .views-row,
.view-world-cup .views-row
{
float: none;  
width: 100%;
min-height: 350px;
position: relative;
}
}


.front .views-row {
position: relative;	
}


.front .view-latest-video-articles .views-row {
float:none;
width: 100%;
min-height: 290px !important;
position: relative;	
}






@media screen and (min-width: 740px) {
.front .view-latest-video-articles .views-row,
.page-latest-video-articles .views-row
{
clear: none; 
float: left;
width: 48%;
margin-right: 12px;
position: relative;
min-height: 260px;
}	
}

@media screen and (min-width: 1200px) {
.front .view-latest-video-articles .views-row,
.page-latest-video-articles .views-row
{
clear: none; 
float: left;
width: 22%;
margin: 0px 11px 0px 14px;
position: relative;
min-height: 260px;
}	
}

.front .view-latest-video-articles .field-title h3,
.page-latest-video-articles .field-title h3 {
font-size: 18px;  
}

#latest div.field-department,
.view-custom-taxonomy-topics div.field-department
{
position: absolute;  
top: 0px;
left:0px;
}

.view-custom-taxonomy-beats div.field-department,
.view-nobel-coverage-archive div.field-department,
.view-nobel-coverage-2016 div.field-department,
.view-clone-of-nobel-coverage-2017 div.field-department,
.view-world-cup div.field-department
{
position: absolute;  
top: 10px;
left:0px;
z-index: 2;
}

#latest .field-title h2, 
.view-custom-taxonomy-beats .field-title h2,
.view-latest-video-articles .field-title h2,
.view-author-articles .field-title h2,
.view-custom-taxonomy-topics .field-title h2,
.view-latest-news-articles .field-title h2,
.view-nobel-coverage-archive .field-title h2,
.view-nobel-coverage-2016 .field-title h2,
.view-clone-of-nobel-coverage-2017 .field-title h2,
.view-world-cup .field-title h2
{
font-size: 24px;  
line-height: 1.1em;
}

#latest .field-subtitle, 
.view-custom-taxonomy-beats .field-subtitle,
.view-author-articles .field-subtitle,
.view-custom-taxonomy-topics .field-subtitle,
.view-latest-news-articles .field-subtitle,
.view-nobel-coverage-archive .field-subtitle,
.view-nobel-coverage-2016 .field-subtitle,
.view-clone-of-nobel-coverage-2017 .field-subtitle,
.view-world-cup .field-subtitle
{
padding-right: 25px;	
}

#latest .field-subtitle,
.view-latest-video-articles .field-subtitle, 
.view-custom-taxonomy-beats .field-subtitle,
.view-author-articles .field-subtitle,
.view-custom-taxonomy-topics .field-subtitle,
.view-latest-news-articles .field-subtitle,
.view-nobel-coverage-archive .field-subtitle,
.view-nobel-coverage-2016 .field-subtitle,
.view-clone-of-nobel-coverage-2017 .field-subtitle,
.view-world-cup .field-subtitle
{
color: #777;
font-size: 16px !important;
line-height: 1.4em;
}

#latest .field-author,
.view-latest-video-articles .field-author,
.view-custom-taxonomy-beats .field-author,
.view-author-articles .field-author,
.view-custom-taxonomy-topics .field-author,
.view-latest-news-articles .field-author,
.view-nobel-coverage-archive .field-author,
.view-nobel-coverage-2016 .field-author,
.view-clone-of-nobel-coverage-2017 .field-author,
.view-world-cup .field-author
{
color: #666;
font-size: 13px;
}

#latest
.pager li>a,
.view-latest-video-articles
.pager li>a,
.view-custom-taxonomy-beats .pager li>a,
.view-author-articles .pager li>a,
.view-custom-taxonomy-topics .pager li>a,
.view-latest-news-articles .pager li>a,
.view-nobel-coverage-archive .pager li>a,
.view-nobel-coverage-2016 .pager li>a
.view-clone-of-nobel-coverage-2017 .pager li>a
{
font-family: 'Francois One', Arial, sans-serif; 
border-radius: 0px !important;  
background: #ff8517;
text-decoration: underline;
color: #fff;
}

.view-latest-video-articles
.view-header h3 {
border-bottom: 1px dotted #333;  
}

#latest-video {
clear: both; 
border-bottom: 1px dotted #333;
}

.front
.view-latest-video-articles
.view-content a {
 color: #666; 
}

/* Gold underwriters on home page */


@media screen and (max-width: 739px) {
.pane-block-36 {
padding: 20px 20px 45px 20px;  
}
}

@media screen and (min-width: 740px) and (max-width: 979px) {
.pane-block-36 {
padding: 20px 20px 65px 20px;  
}
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
.pane-block-36 {
padding: 20px 20px 45px 20px;  
}  
}

@media screen and (min-width: 1200px) {
.pane-block-36 {
padding: 20px 20px 25px 20px;  
}
}

.pane-block-36 {
 border-top: 1px dotted #333;  
 border-bottom: 1px dotted #333; 
 width: 93%;
}

.pane-block-36 a {
 text-decoration:underline; 
}

.pane-block-36 .gold-text {
margin-bottom: 30px;
}

@media screen and (min-width: 740px) {
.pane-block-36 .gold-text {
float: left; 
width: 63%;
margin-right: 30px;
}
}

.pane-block-36 .gold-logos {
text-align: center;  
}

.pane-block-36 .gold-logos img {
margin-right: 30px;
}

@media screen and (max-width: 1199px) {
.pane-block-36 .gold-logos img {
margin-right: 30px;
}
}

@media screen and (max-width: 979px) {
.pane-block-36 .gold-logos img {
margin-bottom: 0px;
margin-right: 20px;
}
}

@media screen and (max-width: 740px) {
.pane-block-36 .gold-logos img {
margin-bottom: 15px;
}
}


/* Topical roundups tier */

.pane-nodeblock-19776 {
width: 100%;  
margin: 40px 0px 30px 0px;
position: relative;
clear: both;
}


.pane-nodeblock-19781 {
width: 100%;  
margin: 40px 0px 30px 0px;
position: relative;
}


@media screen and (min-width: 979px) {
.pane-nodeblock-19776 {
width: 48%;  
float: left;
margin: 40px 10px 30px 0px;
position: relative;
clear: both;
}
}

@media screen and (min-width: 979px) {
.pane-nodeblock-19781 {
width: 48%;  
float: left;
margin: 40px 0px 30px 0px;
position: relative;
}
}

div.field-topic-title {
font-family: 'Francois One', Arial, sans-serif;
font-size: 16px; 
text-transform: uppercase;
color: #fff;
background: #ff9517;
padding: 10px;
position: absolute;
top: 0px;
left: 0px;
}

@media screen and (max-width: 408px) {
div.field-topic-title {
font-family: 'Francois One', Arial, sans-serif;
font-size: 14px; 
text-transform: uppercase;
color: #fff;
background: #ff9517;
padding: 5px;
position: absolute;
top: 0px;
left: 0px;	
}
}

.group-links {
font-family: 'Francois One', Arial, sans-serif; 
font-size: 20px;
padding: 10px;
position: absolute;
left: 20px;
top: 80px;
background: url('/sites/default/files/images/sitewide/trans-bg-new.png');
background-repeat: repeat;
width: 80%;
}

@media screen and (max-width: 1199px) {
.group-links {
font-size: 20px;  
top:50px;
width: 80%;
}  
}

@media screen and (max-width: 979px) {
.group-links {
font-size: 20px;  
top:50px;
width: 80%;
}  
}

@media screen and (max-width: 500px) {
.group-links {
font-size: 16px;  
top:50px;
width: 80%;
}  
}

@media screen and (max-width: 408px) {
.group-links {
font-size: 14px;  
top:35px;
left: 0px;
width: 92%;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 5px 0px 5px;
}  
}

.group-links p {
line-height: 1.4em;  
}

@media screen and (max-width: 408px) {
.group-links p {
line-height: 1.1em;
margin-bottom: 10px;	
}
}


.group-links a {
color: #fff;  
}

/* TOPICAL JUMPOFF PANEL and RECOMMENDED NODEQ */

#topic-jumpoff {
margin-top: 30px;  
}

#topic-jumpoff .pane-title {
border-bottom: 1px dotted #333; 
margin-bottom: 20px;
}

.topics-covered .topic-item {
float: left;  
margin: 0px 17px 20px 0px;
background: #f1eee5;
}

.topics-covered .topic-item h3 {
text-align: center;  
font-size: 18px;
}

@media screen and (min-width: 1200px) {
.pane-block-31 {
float: left;  
width: 66%;
margin-right: 60px;
}
}

@media screen and (min-width: 1200px) {
.topics-covered .topic-item {
width: 175px;
}
}

@media screen and (max-width: 1199px) {
.pane-block-31 {
float: left;  
width: 68%;
margin-right: 30px;
}
}

@media screen and (max-width: 1199px) {
.topics-covered .topic-item {
width: 140px;
height: auto;
}
}


@media screen and (max-width: 979px) {
.pane-block-31 {
width: 100%;	
}
}

@media screen and (min-width: 1200px) {
.pane-views-recommended-block {
float: right;  
width: 28%;
margin-top: 30px;
}
}

@media screen and (max-width: 1199px) {
.pane-views-recommended-block {
float: right;  
width: 28%;
margin-top: 30px;
}
}

@media screen and (max-width: 979px) {
.pane-views-recommended-block {  
width: 100%;
margin-top: 30px;
}
}

.pane-views-recommended-block .pane-title {
border-bottom: 1px dotted #333;  
margin-bottom: 20px;
}

/* NEWS and VIDEO ARTICLES */


/* add generous padding to wide and normal layout content area */

@media screen and (max-width: 740px) {
.node-type-news-article .content-wrapper,
.node-type-video-article .content-wrapper,
.node-type-infographic .content-wrapper,
.node-type-opinion .content-wrapper {
padding: 0px !important;  
}  
}
 
.node-type-news-article .content-wrapper,
.node-type-video-article .content-wrapper,
.node-type-infographic .content-wrapper,
.node-type-opinion .content-wrapper {
padding: 0px 40px 0px 0px; 
}

.region-sidebar-second .block-views h2 {
 border-bottom: 1px dotted #333; 
 margin-bottom: 20px;
}

.node .field-department a {
background: #ff8517; 
color: #fff;
padding: 8px;
text-transform: uppercase;
font-family: 'Francois One', Arial, sans-serif;
margin-bottom: 20px;
}

.node .field-department a:hover {
background: #464646;  
}

.node .field-title h1 {
margin-top: 0px;
}

.node p.field-subtitle {
font-size: 20px;  
line-height: 1.3em;
}

.node div.field-top-image {
margin-bottom: 20px;
}

.node-type-video-article .field-youtube-video {	
margin-bottom: 30px;
}

.field-top-image .field-group-fieldset {  
font-size: 13px;
font-style: italic;
padding: 3px 0px 0px 0px;
}

.field-top-image .field-group-fieldset p {
margin-bottom: 5px;
}

/* legacy migrated image info */

.group-legacy-image-info {  
padding: 3px 0px 0px 0px;
font-size: 13px;
font-style: italic;
margin: -20px 0px 20px 0px;
}


/* new More on this topic entity ref. field */

.field-name-field-more-on-this-topic 
.view-mode-thumbnail_teaser {
float: left;
width: 150px;
margin: 0px 10px 20px 0px;	
}

.field-name-field-more-on-this-topic 
.view-mode-thumbnail_teaser .field-title {
font-size: 14px;
}

/* category tag display */

.field-name-field-filed-under {
clear: both;
margin:0px 0px 40px 0px;
}

.field-name-field-filed-under .field-item {
list-style-type: none !important;  
display: inline-block;
margin: 30px 10px 0px 0px;
}

.field-name-field-filed-under a {
background: #fff; 
padding: 8px;
text-transform: uppercase;
font-family: 'Francois One', Arial, sans-serif;
color: #ff8517;
border: 1px solid #ff8517;
}

.field-filed-under a:hover {
background: #464646;  
color: #fff;
}

.field-about-the-author {
 margin-bottom: 30px; 
}

.node-type-news-article .node-author-profile img,
.node-type-video-article .node-author-profile img,
.node-type-opinion .node-author-profile img
{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.block-block-21 {
margin-top: 30px; 
}

.block-block-21 h2 {
border-bottom: 1px dotted #333;  
}

.node .region-content a,
.region-content-bottom a {
text-decoration: underline;  
}

.node-type-news-article .field-originally-published-date,
.node-type-video-article .field-originally-published-date,
.node-type-infographic .field-originally-published-date,
.node-type-opinion .field-originally-published-date {
margin-top: 30px; 
}

.field-title {
clear: both;  
}

/* inline images */

.group-image-display,
.group-video-display {
font-style: italic;
font-size: 13px
margin-bottom: 20px;
}


/* article sidebar */

.region-sidebar-second {
padding-top: 20px;	
}

.region-sidebar-second .block-views h2 {
 border-bottom: 1px dotted #333; 
 margin-bottom: 20px;
}

/* related topics standout */

.block-views-related-by-topic-block  {
background: #efefef;
border: 1px solid #b3b3b3;
border-radius: 3px;	
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.block-views-related-by-topic-block h2 {
background: #ff8517; 
margin: 0px;
color: #fff;
padding: 5px 10px 5px 10px;
}

.view-related-by-topic 
.view-content {
padding: 0px 10px 0px 10px; 
}


/*
.view-related-by-topic
.view-content a,

.view-latest-news-articles
.view-content a,
.view-latest-video-articles
.view-content a
{
color: #ff8517; 
}
*/

.view-related-by-topic
.view-content p,
.view-latest-news-articles
.view-content p,
.view-latest-video-articles 
.view-content p {
line-height: 1.3em;  
font-size: 14px;
}

.node-teaser
.field-youtube-video {
margin-bottom: 10px; 
}


/* TEXT STYLING for wysisyg editors styles dropdown select */

.pullquote-large, .pullquote-left, .pullquote-right {
border-top: 3px solid #666;
border-bottom: 3px solid #666;
colopr: #666;
padding: 30px 20px 20px 50px;	
font-family: Georgia, times News Roman, serif;
font-size: 22px;
font-weight: bold;
line-height: 1.4em;		
position: relative;
}

.pullquote-large:before, 
.pullquote-left:before,
.pullquote-right:before {
content: "\201C"; /*Unicode for Left Double Quote*/
  font-family: Georgia, Times New Roman, serif;
  font-size: 70px;
  font-weight: bold;
  color: #0099cc;
  position: absolute;
  left: 10px;
  top:30px;
}

.pullquote-center {
margin: 25px auto 25px auto;
}

.pullquote-left {
margin: 25px auto 25px auto;
}

@media screen and (min-width: 480px) {
.pullquote-left {
float: left;
width: 50%;
margin: 0px 40px 20px 0px !important;
}
}

.pullquote-right {
margin: 25px auto 25px auto;
}

@media screen and (min-width: 480px) {
.pullquote-right {
float: right;
width: 50%;
margin: 0px 0px 20px 40px !important;
}
}






.pullquote-large {
font-family: 'Francois One', Arial, sans-serif;
font-weight: normal;
font-size: 22px;
text-align: center;  
padding: 15px;
width: 90%;
margin: 0px auto 20px auto;
}

.pullquote-left, .pullquote-right {
width: 40%;
padding: 25px;
font-family: 'Francois One', Arial, sans-serif;
font-weight: normal;
font-size: 22px;
}

.pullquote-left {
float: left;
margin-right: 20px;
}

.pullquote-right {
float: right;
margin-left: 20px;
}

@media screen and (max-width: 570px) {
.pullquote-left, .pullquote-right {
float: none;
text-align: center;  
padding: 15px;
width: 90%;
margin: 0px auto 20px auto;
}
}


blockquote {
display:block;
  clear: both;
  padding: 15px 60px 5px 60px;
  margin: 20px 10px 20px 0px;
  position: relative;
  font-size: 16px;
  font-style: italic;
  line-height: 1.2;
  color: #666;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  font-size: 70px;
  font-weight: bold;
  color: #ff8517;
  position: absolute;
  left: 10px;
  top:5px;
}

.summary {
	
}

.bracket {
width: 85%;
margin: 0 auto 0 auto;
border-top: 1px dotted #333;
border-bottom: 1px dotted #333;
}

.callout {
position: relative;
width: 22%;
min-height: 100px;
padding: 15px;
background-color: #fff;
border: 1px solid #c1c1c1;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 5px #b3b3b3;
float: right;
margin: 0px 0px 0px 30px;
}

.callout:before {
content: "";
position: absolute;
width: 0;
height: 0;
left: -42px;
top: 17px;
border: 10px solid transparent;
border-right: 32px solid rgb(193,193,193); /* IE8 Fallback */
border-right: 32px solid rgba(193,193,193,0.5);
z-index: 2;
}
.callout:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: -31px;
top: 20px;
border: 8px solid transparent;
border-right: 24px solid #fff;
z-index: 3;
}

/* AUTHOR PROFILE nodz */

.author-profile-left {
width: 240px !important;
}

.author-profile-right {
float: left !important;
width: 70% !important;
padding-bottom: 30px;
}

@media screen and (max-width: 688px) {
.author-profile-right {
float: left !important;
width: 100% !important;
padding-bottom: 30px;
}  
}

@media screen and (min-width: 689px) and (max-width: 745px) {
.author-profile-right {
float: left !important;
width: 63% !important;
padding-bottom: 30px;
}  
}

@media screen and (min-width: 746px) and (max-width: 979px) {
 .author-profile-right {
float: left !important;
width: 66% !important;
padding-bottom: 30px;
} 
}

h4.author-name  {
margin-top: 0px;  
}

h4.author-name a {
color: #ff8517;  
}

/* Taxonomy ("Beat") landing pages */

.page-taxonomy .feed-icon {
 display: none; 
}

@media screen and (max-width: 380px) {
.beats-lp-intro h3 {
font-size: 20px	;	
}
}

.beats-lp-intro {
border-top: 1px dotted #333;
padding:15px 20px 15px 0px;	
}

@media screen and (max-width: 479px) {
.beats-img {
width: 100px;  
}  
}

@media screen and (min-width: 480px) {
.beats-img {
width: 175px;  
}  
}

.beats-img {
float: left; 
margin: 0px 20px 0px 0px;  
}
/* TEASER DISPLAYS */

.teaser-standard-left {
width: 120px !important;  
}  

@media screen and (max-width: 479px) {
.teaser-standard-right {
width: 62% !important;  
}	
}

@media screen and (min-width: 480px) and (max-width: 579px) {
.teaser-standard-right {
width: 74% !important;  
}	
}

@media screen and (min-width: 580px) and (max-width: 639px) {
.teaser-standard-right {
width: 75% !important;  
}
}

@media screen and (min-width: 640px) {  
.teaser-standard-right {
width: 80% !important;  
}
}

.teaser-standard-right h2 {
margin-top: -3px;  
font-size: 18px;
}

.teaser-standard-right
.field-subtitle {
font-weight: normal;
font-size: 14px !important;
}

/* wrapper */

.breadcrumb {
background: none;  
}

/* views grid table */

.views-view-grid td {
width: 33%;
text-align: center;
border: none;
}

/* ADDTOANY SHAREBAR */

.a2a_kit img {
border: 1px solid #b3b3b3;
border-radius: 32px;
-webkit-border-radius: 32px;
-moz-border-radius: 32px;
}

.a2a_vertical_style {
position: fixed;
left: 15px;
}

.addtoany_list a img {
width: 32px;
height: 32px;
}



/* SHAREBAR */

#sharebar {
border: none !important;	
}

#sharebar .email {
background: #efefef;  
border: 1px solid #b3b3b3;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}


/* INLINE ARTICLE IMAGES - FLOATS AND STYLING */

.node .media-element-container {
color: #666;
font-size: 13px;
font-style: italic;
margin-bottom: 20px;
border-bottom: 1px dotted #333;
padding-bottom: 10px;
}

.media-element-container p {
margin: 3px 0px 0px 0px;  
text-align: right;
}

.media-float_image_left {
width: 100%;
clear: both;
}

.media-float_image_right {
width: 100%;
clear: both;
}

@media screen and (min-width: 1220px) {
.media-float_image_left {
width: 40%;
clear: both;
float: left;
margin-right: 40px;
}  
}

@media screen and (min-width: 1220px) {
.media-float_image_right {
width: 40%;
clear: both;
float: right;
margin-left: 40px;
}  
}

@media screen and (max-width: 479px) {
.media-float_medium_image_left {
width: 100%;
height: auto;
}    
}


@media screen and (max-width: 479px) {
.media-float_medium_img_right {
width: 100%;
height: auto;  
}    
}

@media screen and (min-width: 480px) {
.media-float_medium_image_left {
max-width: 50%;
height: auto;
float: left;
margin-right: 40px;
}    
}

@media screen and (min-width: 480px) {
.media-float_medium_img_right {
max-width: 50%;
height: auto;  
float: right;
margin-left: 40px;
}    
}

.media-float_small_image_left {
max-width: 160px;
height: auto;
float: left;
margin-right: 20px;
}

.media-float_small_image_right {
max-width: 160px;
height: auto;
float: right;
margin-left: 20px;  
}

/* suppress disoplay of superflous exposed image subfields on tmplate screen instead of whacking them */

.overlay-open .edit-field-top-image-caption,
.overlay-open .edit-field-top-image-credit,
.overlay-open .edit-field-top-image-reuse-info {
display: none;	
}

/* Underwriters strip on Beats landing pages */

.underwriters {
 margin-top: 30px; 
 padding: 20px 0px 20px 0px;
 border-top: 1px dotted #333;
 border-bottom: 1px dotted #333;
}

.underwriters h3 {
 margin-bottom: 30px; 
}

.memsoc-logos-across p {
float: left;  
margin-right: 45px;
width: 185px;
text-align: center;
line-height: 1.1em;
}

.memsoc-logos-across img {
margin-bottom: 12px;  
}

.memsoc-logos-across a {
text-decoration: none;	
}

/* FIELD SLIDESHOW */

.field-slideshow-slide {
width: 830px !important;
}

.field-slideshow-caption {
margin-top: 10px;
color: #666;
line-height: 1.3em;
font-style: italic;
}

@media screen and (min-width: 1220px) {
.field-slideshow {
height: 540px !important;
}
}

.field-slideshow-controls {
text-align: center;
margin-top: 20px;
}

.field-slideshow-controls a {
margin-right: 20px;
background: #ff8517;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 13px;	
color: #fff;
}

/* PARAGRAPHS FREEFORM STORY */

.node-type-freeform-story #page-title {
display: none !important;  
}

.node-type-freeform-story 
p.field-subtitle {
font-size: 20px;  
line-height: 1.3em;
}

.node-type-freeform-story 
.file-image img {
width: 100%;
height: auto;
}

.node-type-freeform-story
.field-originally-published-date {
 margin-top: 30px; 
}

.node-type-freeform-story
.field-department a {
background: #ff8517;  
color: #fff;
font-family: 'Francois One';
text-transform: uppercase;
padding: 8px;
}

.node-type-freeform-story
.field-department a:hover {
background: #333;  
}

.node-type-freeform-story
.group-image-display,
.node-type-freeform-story
.media-element-container {
color: #666;  
font-size: 13px;
margin-bottom:30px;
}

.node-type-freeform-story
.group-image-display a,
.node-type-freeform-story
.media-element-container a {
color: #ff8517 !important;	
}

.paragraphs-item-rich-sidebar {
width: 90%;
border: 10px solid #b6b6b6; 
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 30px auto 30px auto;
font-family: Verdana, Helvetica, sans-serif;
-webkit-box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
-moz-box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
}

.paragraphs-item-rich-sidebar
h3.field-sidebar-heading {
background: #666;
border-bottomL: 1px solid #333;
color: #fff;
margin: 0px !important;
padding: 5px 30px 5px 0px;	
}

.paragraphs-item-rich-sidebar h3 p {
margin: 0px !important;	
}

.paragraphs-item-rich-sidebar p
{
padding: 0px 30px 0px 30px;
}

.paragraphs-item-rich-sidebar
.media-element-container p {
font-size: 13px;  
}

.paragraphs-item-rich-sidebar
.media-element-container a {
color: #ff8517;  
text-decoration: underline;
}

.paragraphs-item-paragraphs-pack-node-list {
border: 10px solid #ff8517;  
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 10px 30px 25px 30px;
width: 85%;
margin: 30px auto 30px auto;
}

.paragraphs-item-paragraphs-pack-node-list
.ds-2col .group-left {
width: 20%;  
margin-right: 20px;
}

.paragraphs-item-paragraphs-pack-node-list a {
color: #ff8517;  
}

.paragraphs-item-paragraphs-pack-node-list h3 {
margin-bottom: 20px;	
}

.paragraphs-item-paragraphs-pack-node-list h4 {
margin-top: 0px;	
}


.paragraphs-item-paragraphs-pack-node-list
.field-subtitle {
font-size: 16px !important;  
}

.paragraphs-item-paragraphs-pack-node-list
.group-right {
width: 77%;	
}

.paragraphs-item-paragraphs-pack-juicebox {
margin: 30px auto 40px auto;  
}

.paragraphs-item-paragraphs-pack-juicebox
.field-pp-title {
font-family: 'Francois One'; 
font-size: 24px;
margin-bottom: 30px;
}

.paragraphs-item-youtube-video {
margin: 30px auto 30px auto;  
border: 1px solid #b6b6b6;
background: #efefef;
}

.paragraphs-item-youtube-video
p.field-youtube {
margin-top: -16px;  
}

.paragraphs-item-youtube-video
.field-video-description {
padding: 0px 10px 0px 10px;  
}

.node-type-freeform-story
.pane-node-field-filed-under {
clear: both;
}

.node-type-freeform-story
.view-related-by-topic .views-row,
.node-type-freeform-story
.view-latest-video-articles .views-row
{
width: 24%;  
height: 250px;
float: left;
clear: none;
margin: 5px;
}

.paragraphs-item-latest-videos {
clear: both;	
}

.paragraphs-item-title-board {
clear: both;	
position: relative;
}

.paragraphs-item-title-board
.field-originally-published-date {
margin-top: 0px;	
}

.paragraphs-item-title-board
.content {
position: absolute;
left: 0;
right: 0;
bottom: 2%;
width: 90%;	
margin: 0 auto;
background: url('/sites/default/files/images/sitewide/trans-bg-new_0.png');
border: 1px solid #b6b6b6;
border-radius: 3px;
padding: 5px 10px 5px 10px;
color: #fff;
}

.paragraphs-item-title-board h1 {
font-size: 24px;
line-height: 1.2em;
}

.paragraphs-item-title-board h3 {
font-size: 18px;
line-height: 1.2em;
font-weight: normal;
}
