@charset "UTF-8";

body.global-body {
  width: 960px;
  margin: auto;
  color: #000000;
  line-height: 1.33em;
  /* background: url('../images/css/back.jpg') #ffffff 0 0 repeat-x; */
  background: linear-gradient(180deg, #191998 100px, #ffffff 100px);
}

body.page-popup {
  width: auto;
  background: none;
  padding: 15px;
}

body.page-user-register div.form-wrapper {

  margin: 10px 0 10px 0;
}

body.page-user-register form label {
  display: inline !important;
}

body.page-user-edit div.form-wrapper {

  margin: 10px 0 10px 0;
}

body.page-user-edit form label {
  display: inline !important;
}

body.page-user-register div.form-item-url {
  display: none;
}

h1.user-register-title {
  color: #01548A !important;
}

/* Header */
#header {
  position: relative;
  margin: 8px 0;
  z-index: 1;
}

#header div.grid_32 {
  float: none;
}

#header h1 {
  margin-left: 8px;
  font-size: 21.5pt;
}

#header h1 span.site-title-second {
  font-size: 12pt;
}

#header .voxlogo {
  width: 210px;
  height: auto;
  float: left;
  margin-left: -5px;
}

#header .slogan {
  padding-top: 36px;
  padding-left: 180px;
}

#header p {
  margin-top: 9px;
  margin-left: 37px;
}

#header #access-controls {
  position: absolute;
  top: -8px;
  right: 4px;
  width: 30%;
  text-align: right;
}

#header #access-controls a {
  margin: 0 7px;
}

#header #access-controls a.last {
  margin: 0 0 0 7px;
}

#header #access-controls #search {
  float: right;
  width: 160px;
  margin-top: 6px;
}

#header #access-controls .follow-us {
  height: 24px;
  display: block;
  width: 116px;
  float: left;
  margin-top: 6px;
}

#header #access-controls .social-sprite {
    background-image: url('../images/social/social_media_icons_sprite.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 5px;
}

#header #access-controls .follow-us a {
  margin: 0px;
}

#header #access-controls .social-sprite-FB {
    background-position: -2px -2px;
}

#header #access-controls .social-sprite-LI {
    background-position: -30px -2px;
}

#header #access-controls .social-sprite-TW {
    background-position: -58px -2px;
}

#header #access-controls .social-sprite-YT {
    background-position: -86px -2px;
}



#header #access-controls #search input#search-button {
  float: right;
}

#header #access-controls #search input#search-input {
  float: left;
  width: 123px;
  height: 14px;
  margin-right: 4px;
  padding: 5px 3px 3px;
  font-size: 11px;
  color: #000;
  border: 1px solid #4961A7;
}

select#edit-category {
  width: 100%;
}

#header #nav {
  height: 64px;
  margin-top: 10px;
  background: #FAFAFA;
}

/* NAV */
#header #nav ul {
  background: #FFF;
  overflow: hidden;
}

#header #nav ul li {
  float: left;
}

#header #nav ul li a {
  display: block;
  padding: 4px 16px;
  color: #085A92;
  font-size: 0.86em;
  font-family: Tahoma;
  font-weight: bold;
  text-decoration: none;
}

#header #nav ul li:hover a, #header #nav ul li.active-trail a, #header #nav ul.front li.first a {
  background: #7ba5e9;
  color: black;
}

#header #nav ul li ul {
  display: none;
}

#header #nav ul li.active-trail ul, #header #nav ul li:hover ul, #header #nav ul.front li.first ul {
  position: absolute;
	top: auto;
	left: 0;
	display: block;
}

#header #nav ul li.active-trail ul, #header #nav ul.front li ul {
  z-index: 2;
}

#header #nav ul li:hover ul {
  z-index: 3;
}

#header #nav ul li ul {
  width: 100%;
  background: #CCC;
}

#header #nav ul li ul li {
  float: left;
}

#header #nav ul li ul li a {
  display: block;
  padding: 7px 10px;
  color: #444;
  background-color: #ccc !important;
}

/* Columns */
#content .block-quicktabs,
#content .shadedblock {
  background-color: #FEFEFE;
  padding: 6px 6px 0;
  margin-top: 12px;
  border: 1px solid #AAA;
}

#content .block-quicktabs h2,
#content .shadedblock h4 {
  margin: -7px -7px 4px -7px;
  padding: 3px 6px 6px;
  color: #F8F8F8;
  font: bold 1.05em Tahoma;
  /* background: url('../images/css/block-gradient.jpg') transparent 0 0 repeat-x; */
  background-color: #7ba5e9;
}

#content .block-quicktabs .quicktabs-tabpage .item-list ul,
#content .shadedblock ul.items {
  margin-left: 0!important;
  padding: 2px 2px 0;
}

#content .block-quicktabs ul.active.items,
#content .shadedblock ul.active.items {
	display: block;
}

#content .block-quicktabs .quicktabs-tabpage .item-list ul li,
#content .shadedblock ul.items li,
.more-link {
  margin-bottom: 10px;
  font-size: 0.8em!important;
  line-height: 1.3em;
  list-style: none!important;
}

.block-quicktabs .quicktabs-tabpage .item-list ul li a,
.shadedblock ul.items li a {
  display: block;
}

#block-views-vox-top-commentaries-block-6 ul.items li p a {
  display: inline;
}

.more-link {
  text-align: right;
  margin-bottom: 5px;
  font-weight: bold;
}

.shadedblock img {
  border: 1px solid #777;
}

.featured-block p {
  font-size: 0.8em!important;
}

/* Shaded block - full */
#content .full-shadedblock {
  padding: 0;
  margin-top: 0;
  border: none;
  background: none;
}


/* Vox Talks */
div.featured-block p.listen img {
  border: none;
}

#content .featured-content h4 {
  color: #FFF;
  background-color: #fb6287;
  /* background: url('../images/css/featured-block.jpg') #FFF 0 0 repeat-x; */
}

div.featured-block {
  margin-bottom: 10px;
}

li.featured-block {
  margin-bottom: 10px;
}

div.featured-block img {
  float: left;
  margin-right: 10px;
}

.grid_7 div.featured-block h5 a {
  display: block;
  float: left;
  width: 120px!important;
  font-size: 1.050em;
  line-height: 1.3em;
}

#content div.featured-block h5 a {
  display: block;
  float: left;
  width: auto;
  font-size: 1em;
  line-height: 1.3em;
}

#content .featured-content div.featured-block h5 a {
  width: auto!important;
  font-size: 1em;
}

#content li.featured-block h5 a {
  font-size: 1.05em;
}

/* Social Content */
#content #social-content ul.items li img {
  float: left;
  margin-right: 10px;
  border: none;
}

#content #social-content ul.items li a {
  padding-top: 8px;
}

/* Audio Player */
#audiospace_wrapper {
  margin-bottom: 18px;
}

#audiospace {
  margin: 10px 0 10px 0;
}

/* Year holder */
ul#archive-tabs {
  margin-left: 0!important;
  margin-bottom: 30px;
}

ul#archive-tabs li {
  float: left;
  margin-right: 5px;
  list-style-type: none!important;
}

ul#archive-tabs li a {
  padding-right: 5px;
  border-right: 1px solid #000;
}

ul#archive-tabs li.last a {
  padding-right: 0;
  border-right: none;
}

ul#archive-tabs li.first a {
  border-right: none;
}

ul#archive-tabs li.active a {
  font-weight: bold;
}

ul.year-holder {
  display: none;
  margin-left: 0!important;
}

ul.year-holder.active {
  display: block;
}


/* Top 5 */
div.top-five, li.top-five {
  position: relative;
  margin-bottom: 15px;
}

div.top-five ul {
  margin: 0!important;
}

div.top-five ul li {
  list-style: none!important;
}

div.top-five h2, li.top-five h2 {
  border-bottom: 1px solid #AAA;
}

div.top-five span.author-column-count, li.top-five span.author-column-count {
  position: absolute;
  top: 0;
  right: 0;
  font-size:0.8em;
  font-weight:normal;
}

#content #voxColMain {
  min-height: 300px;
}

/* Vox Article */
#content #voxColMain div.vox-article {
  margin-bottom: 8px;
}

/* Article Teaser */
#content #voxColMain div.article-teaser div.article-image {
  float: left;
  margin: 0px 18px 10px 0;
}

#content #voxColMain div.article-teaser div.article-downloads dl {
  float: left;
  margin-right: 15px;
}

/* Recent Articles */
#content #voxColMain .recent-articles {

}

/* Search Results */
#content #voxColMain ul.search-results {
  margin-left: 10px;
}

#content #voxColMain ul.search-results li {
  margin-bottom: 20px;
  list-style: none;
}

#content #voxColMain ul.search-results li h2 {
  font-size: 1.22em;
  line-height: 1.3em;
  font-family: Tahoma;
}

#content #voxColMain ul.search-results li p {
  line-height: 1.4em;
  margin: 6px 0;
}

/* Pager */
#content #voxColMain ul.pager {
  margin-left: 0;
}

#content #voxColMain ul.pager li {
  float: left;
  margin: 4px;
  list-style: none;
}

#content #voxColMain ul.pager li a {
  padding: 2px;
}

#content #voxColMain ul.pager li.pager-current {
  font-weight: bold;
}

/* ecover */
#content #voxColMain div.ecover {
  float: left;
  margin-right: 10px;
  border: 1px solid #777;
}

#content #voxColMain div.ecover img {
  display: block;
}

/* Author */
#content .grid_7 .author {
  text-align: right;
}

#content .grid_7 .author .views-row {
  margin: 18px 0 20px;
}

#content .grid_7 .author h4 {
	margin-bottom: 10px;
}

#content .grid_7 .author p {
  font-size: 0.8em;
  line-height: 1.6em!important;
}

#content .grid_7 .author p a {
  font-size: 1.3em;
  font-weight: bolder;
}

#content p.author {
  margin: 0!important;
}

a.talk {
  padding-right: 15px;
  background: url('../images/css/icons/listen.jpg') transparent 100% 0 no-repeat;
}
a span.talk {
  background: url('../images/css/icons/listen.jpg') transparent 100% 0 no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}

/* Definition data stlying */
#content dl dt {
  font-weight: bold;
}

#content dl dd {
  margin-bottom: 10px;
}

#content dl.event_listing dt {
  float: left;
  display: block;
  margin-right: 4px;
}

#content dl.event_listing dd {
  display: block;
  overflow: hidden;
}

/* Teaser */
#content #voxColMain div.talk-teaser p {
  font-style: italic;
}

/* Related stories - in the main content */
#content #voxColMain.grid_24 div.related-content-side {
  float: right;
  width: 300px;
  margin-left: 10px;
  margin-bottom: 10px;
  border: none;
  border-bottom: 1px solid #CCC;
  background: #EEE;
}

#content #voxColMain.grid_24 div.related-content-side h4 {
  font-size: 0.8em;
  color: #FF6A12;
  font-family: Tahoma;
  font-weight: bold;
  padding-top: 0;
  padding-left: 4px;
  border-bottom: 1px solid #CCC;
  background: #FAFAFA;
}

/* Related content for blogs and reviews homepage */
.views-field-field-related-content {
  width: 300px;
  margin-bottom: 10px;
  border: none;
  border-bottom: 1px solid #CCC;
  background: #EEE;
  font-weight: bold;
}

.views-label-field-related-content {

  display: block;
}

.views-field-field-related-content .views-label {
  font-size: 0.8em;
  color: #FF6A12;
  font-family: Tahoma;
  font-weight: bold;
  padding-top: 0;
  padding-left: 4px;
  border-bottom: 1px solid #CCC;
  background: #FAFAFA;
}


.views-field-field-related-content .item-list ul li {
  margin-bottom: 10px;
  padding-left: 6px;
}

#content #voxColMain.grid_24 div.related-content-side ul.items, .views-field-field-related-content {
  padding: 0;
}

#content #voxColMain ul.tabs {
	margin-left: 0;
}

#content #voxColMain .talk-content {
  margin: 20px 0;
}

#content #voxColMain .talk-content h2 {
  margin-bottom: 8px;
}

#content #voxColMain .talk-content h1 {
  margin: 0 0 5px 0!important;
  font-weight: normal;
  font-size: 1.2em!important;
}

#content #voxColMain .talk-content h1 span {
  text-transform: none;
}

.talk-image {
  position: relative;
}

.talk-image img {

  width: 100%;
  height: auto;
  display: block;
}

.talk-image .talk-photo-credit {
  position: absolute;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
}

#content #voxColMain .talk-image .talk-photo-credit p {
  text-align: center;
  padding: 0 5px 0 5px;
  margin: 0;
}

/* Transcript */
div.toggle-article-content {
  display: none;
}

p.transcript-toggle {
  margin-top: 0!important;
}

/* Comments */
#comments {
  margin-top: 20px;
}

#comments div.comment {
  margin-bottom: 25px;
}

#comments div.comment div.content {
  margin-top: 8px;
}

#comments h3 {
  margin-bottom: 15px;
  padding: 5px 0;
  font-size: 1.2em;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}

#comments div.comment-links ul.links {
  margin-top: 0;
}

#comments div.comment-links ul li {
  float: left;
  margin: 0 16px;
  list-style: disc!important;
}

#comments div.comment-links ul li a {
  text-transform: capitalize;
}

/* Bookmarks */
#content div.bookmarks {
  padding: 4px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

#content div.bookmarks .social-controls {
  float: left;
  width: 260px;
  margin-top: 9px;
  margin-bottom: 8px;
}

#content div.bookmarks .itunes-subscribe {
  float: left;
  margin-top: 18px;
}

#content div.bookmarks .accessibility-controls {
  float: right;
  margin-top: 13px;
}

#content div.bookmarks .accessibility-controls p {
  float: left;
  height: 24px;
  padding: 1px;
  margin: 0!important;
  font-weight: bold;
  font-size: 2em;
  text-transform: uppercase;
  cursor: pointer;
}

#content div.bookmarks .accessibility-controls p#font-decrease {
  margin-right: 7px!important;
  font-size: 1em;
}

/* Quick tabs - main content */
#voxColMain ul.quicktabs_tabs {
  margin-left: 0!important;
}

#voxColMain div.quicktabs_tabpage ul li {
  list-style: none!important;
}

#voxColMain div.item-list ul, #voxColMain ul.links {
  margin-left: 0!important;
}

#voxColMain div.item-list ul li, #voxColMain ul.links li {
  list-style: none!important;
}

#content #block-quicktabs-vox_top_commentaries_tabs h4 {
  display: none;
}

/* Editors Fieldset */
fieldset.group-editors-choice {
  display: none;
}


/* Quick Links */
ul.links {
  margin-top: 10px;
}

ul.links li {
  margin: 0;
}

/* Social Block */
ul#social-subscribe li {
  margin-bottom: 5px;
}

ul#social-subscribe li img {
  float: left;
  border: none;
}

ul#social-subscribe li a {
  float: left;
  margin: 9px 10px 0;
}

/* Footer */
div#footer {
	margin-top: 20px;
	background: #191998;
	overflow: hidden;
	padding: 10px 0;
}

div#footer p, div#footer li, div#footer a {
	color: #FFF;
	font-size: 0.8em;
}

/* Admin tools */
#content #vox-admin-tools .tabs ul {
  overflow: hidden;
  border-bottom: 1px solid #999;
}
#content #vox-admin-tools .tabs ul li {
  float: left;
  list-style-type: none;
  margin-right: 10px;
  font-size:1em;
}
#content #vox-admin-tools .tabs ul li a {
  background:#DDD;
  padding: 2px 8px;
  display: block;
  border: 1px solid #DDD;
  border-bottom: none;
}
#content #vox-admin-tools .tabs ul li a:hover {
  border: 1px solid #999;
  border-bottom:none;
}
#content #vox-admin-tools .tabs ul li a.active {
  background:#CCC;
  border: 1px solid #999;
  border-bottom:none;
}

.view-display-id-block_11 h3 {
  border-top: 1px solid #999;
  padding: 5px 0;
  margin: 10px 0;
}

/**
 *  Voxeu Jobs CSS
 */
.page-node-11002 #voxColMain {
  width: 948px;
}

#block-voxeu-jobs-filter h2 {
  text-align: center;
  margin-top: 4px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.3em;
}

#block-voxeu-jobs-filter table.filter-form {
  background-color: #085A92;
  width: 100%;
}

#block-voxeu-jobs-filter table.filter-form td {
  font-size: 12px;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 8px;
  padding-top: 2px;
}

#block-voxeu-jobs-filter table.filter-form td.td-search-bt {
  padding-top: 15px;
  border: none;
}

#block-voxeu-jobs-filter table.filter-form td #edit-submit {
  -moz-box-shadow: inset 0px 1px 0px 0px #fcf8f2;
  -webkit-box-shadow: inset 0px 1px 0px 0px #fcf8f2;
  box-shadow: inset 0px 1px 0px 0px #fcf8f2;
  background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#fae4bd),color-stop(1,#eac380) );
  background: -moz-linear-gradient( center top,#fae4bd 5%,#eac380 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae4bd',endColorstr='#eac380');
  background-color: #fae4bd;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #eeb44f;
  display: inline-block;
  color: #842;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  padding: 2px 6px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #cc9f52;
}

#block-voxeu-jobs-filter table.filter-form td #edit-submit:hover {
  background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#eac380),color-stop(1,#fae4bd) );
  background: -moz-linear-gradient( center top,#eac380 5%,#fae4bd 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac380',endColorstr='#fae4bd');
  background-color: #eac380;
}

#block-voxeu-jobs-filter .content h2 { display: none; }

#block-voxeu-jobs-filter .content .table-title {
  text-align: center;
  font-size: 0.9em;
}

#block-voxeu-jobs-filter table.table-result {
  width: 100%;
}

#block-voxeu-jobs-filter table.table-result tr td {
  border: 1px solid forestgreen;
  font-size: 12px;
  color: #111111;
  background-color: #eeeeee;
}

#block-voxeu-jobs-filter table.table-result tr td a {
  color: #085A92;
  text-decoration: none;
}

.italic {
  font-style: italic;
}

h1.article-title-blue {
  margin: 10px 0 18px !important;
  font-weight: bold !important;
  font-family: Tahoma !important;
  font-size: 1.86em !important;
  color: #01548A !important;
  line-height: 1.3em !important;
}

.view-row-margin-bottom {
  margin-bottom: 8px;
}

#block-menu-menu-debate-moderator-actions {
  background-color: #FEFEFE;
  padding: 6px 6px 0;
  margin-top: 12px;
  border: 1px solid #AAA;
}

#block-menu-menu-debate-moderator-actions h2 {
  margin: -7px -7px 4px -7px;
  padding: 3px 6px 6px;
  color: #F8F8F8;
  font: bold 1.05em Tahoma;
  background: url('../images/css/block-gradient.jpg') transparent 0 0 repeat-x;
}

a.commentary_publish_button {
  background: url('../images/css/block-gradient.jpg') transparent 0 0 repeat-x;
  font-family: Tahoma;
  color: #fff !important;
  padding: 5px;
  margin-top: 20px;
}

.my-debates-view-row-parent {
  margin-bottom: 50px;
}

.my-debates-view-row-child {
    margin: 10px 0 10px 20px;
}

#block-just-publish-just-publish-block {
  margin-top: 20px;
}

#content .region-header-sidebar {
  border: 1px solid #AAA;
}

#content .region-header-sidebar div.view-footer {
  padding: 0px 6px;;
  text-align: right;
}

#content .vox-views-page .vox-view-video-wrapper {
  float: left;
  width: 349px;
  margin: 10px 10px;
  display: block;
}

#content .vox-views-page .vox-view-video-wrapper .views-field-field-authors {
    text-overflow: ellipsis;
    height: 21px;
    overflow: hidden;
    white-space: nowrap;
}

.clear-left {
  clear: left;
}

.trim-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-medium {
  margin-top: 4px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.3em;
}

#content #voxColMain .block-quicktabs h2 {
  margin: -7px -7px 4px -7px;
  padding: 3px 6px 6px;
  color: #F8F8F8 !important;
  font: bold 1.05em Tahoma;
  background: url('../images/css/block-gradient.jpg') transparent 0 0 repeat-x;
}

#content #voxColMain #block-quicktabs-content-by-author {
  background-color: #fff;
  border: 1px solid #aaa;
  border-top: none;
  padding: 0;
  clear: both;
  display: block !important;
}

#content #voxColMain #block-quicktabs-content-by-author h2 {
  margin: 0;
}

#content #voxColMain .block-quicktabs .content #quicktabs-container-content_by_author {
  display: inline-block;
  border: none;
  margin-bottom: 1px;;
}

#content #voxColMain .block-quicktabs .content #quicktabs-container-content_by_author .view-header {
  display: none;
}

#content #voxColMain .block-quicktabs .content #quicktabs-content_by_author .item-list li {
  border: none !important;
}

#content #voxColMain .block-quicktabs .content #quicktabs-content_by_author .item-list ul.quicktabs-tabs li:active {
  border: none !important;
}

#vox-views-video-panel {
  margin-bottom: 10px;
}

.views-row-bottom-margin {
  margin-bottom: 10px;
}

.padding5 {
  padding: 5px 5px 0px 5px;
}

.block-authors {
  font-size: 0.8em !important;
}

.blog-image {
  position: relative;
}

.blog-image img {

  width: 100%;
  height: auto;
  display: block;
}

.blog-image .blog-photo-credit {
  position: absolute;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
}

#content #voxColMain .blog-image .blog-photo-credit p{
  text-align: center;
  padding: 0 5px 0 5px;
  margin: 0;
}

.blog-review-homepage {
  width: 100%;
}

#content #voxColMain .blog-review-item-list .blog-review-item {
  list-style-type: none;
  float: right;
}

.blog-review-item-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
}

.blog-review-item {
  width: 370px;
  margin-right: 8px;
}

.views-field-title, .views-field-nothing {
  font-weight: bold;
}

.views-field-field-related-content a {
  display: block;
}

#content #voxColMain ul.blog-review-item-list {
  margin-left: 0;
}

.page-header-container {
  color: white;
  background-color: #fb6287;
  border-top: 1px solid #085A92;
  border-bottom: 1px solid #085A92;
  margin-bottom: 5px;
  padding-bottom: 5px;
  height: 25px;
}

.page-header-container .hub-page-header {
  line-height: 12px;
  display: inline;
  position: relative;
  top: -7px;
}

.page-header-container .hub-page-header img {
  padding: 0 5px 0 5px;
  display: inline-block;
}

.views-field-field-authors .block-authors {
  font-size: 0.87em !important;
}

.teaser-title-container a {
  position: relative;
  top: -6px;
}

.blog-review-item .views-field-nothing {
  position: relative;
  display: block;
  height: 200px;
  width: 365px;
  margin-bottom: 5px;
}

.blog-review-image-text {
  position: absolute;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.7);
  padding: 4px;
  color: white;
  width: 357px;
}

#content .blog-review-image-text h2 a {
  color: white;
  display: inline;
}

.blog-review-image-text-title-wrapper h2 {
  display: inline;
}

.blog-review-image-text-title-wrapper img {
  position: absolute;
  bottom: 23px;
}

.node-type-blog-review .field-label {
  float: left;
}

.title-icon {
  display: inline-block;
  width: 32px;
  height: 29px;
  background: url('../images/icons/icon_sprites.png');
}

.header-icon {
  transform: scale(0.8);
}

.teaser-icon {
  transform: scale(0.6);
}

.player-image {
  width: 25px;
  height: 21px;
  background: url('../images/icons/icon_sprites.png');
  transform: scale(0.9)
}

.blog-review-icon {
  background-position: -30px 0;
}

.blog-review-header-icon {
  background-position: -192px -2px;
}

.blog-review-teaser-icon1 {
  background-position: -192px 0;
}

.field-content .blog-review-teaser-icon2 {
  background-position: -30px 0;
}

.video-icon {
  background-position: -62px 0;
}

.video-header-icon {
  background-position: -225px -1.5px;
}

.video-teaser-icon {
  background-position: -62px -2px;
}

.epub-icon {
  background-position: -95px 0;
}

.epub-header-icon {
  background-position: -255px -0.5px;
}

.epub-teaser-icon {
  background-position: -95px 0;
}

.podcast-icon {
  background-position: -380px 0;
}

.podcast-header-icon {
  background-position: -292px -1px;
}

.talk-icon {
  background-position: -160px -6px;
}

.article-title p {
  display: inline;
}

/*COVID 19 BLOCK*/
.feature-title {
  color: white;
  margin: 5px;
  font-weight: normal;
  margin-bottom: 10px;
  line-height: 1;
}
.covid-container {
  width: 100vw;
  background-color: #BB0F33;
  position: relative;
  left: calc(-50vw + 50%);
  padding-top: 69px;
  padding-bottom: 10px;
  margin-top: -69px;
  z-index: 0;
  margin-bottom: 10px;
}
.covid19-block {
  max-height: 400px;
  width: 960px;
  margin: auto;
}
.covid19-row.views-row-first {
  height: 300px;
  padding: 0;
  float: left;
  width: 56.4%;
  margin-right: 10px;
  overflow: hidden;
}
.covid19-row.views-row-even {
  margin-bottom: 10px;
}
.covid19-row {
  height: 145px;
  width: 42%;
  position: relative;
  overflow: hidden;
}
.covid-img {
  width: 100%;
  height: 100%;
}
.covid-img img {
  width: 100%;
  height: 100%; 
  object-fit: cover;
}

/* COVID 19 PAGE */
/* top row */
.page-node-65292 .grid_18 {
  width: 100%;
  margin-left: 0;
}
.page-node-65292 .covid-container {
  padding-top: 85px;
}
.c19-top-row {
  display: inline-block;
  width: 28.5%;
  vertical-align: text-top;
  border: 1px solid #ccc;
  padding: 10px;
  min-height: 200px;
}
.c19-top-row.quick-reads {
  margin: 0 30px;
}
.c19-top-row h2 {
  margin-bottom: 10px;
  color: #BB0F33;
}
.c19-top-row a.views-field-title {
  font-size: 12.8px;
  font-weight: bold;
  color: #000 !important;
}
.c19-top-row .views-field-field-authors a {
  font-size: 12px;
}
.c19-top-row .views-row {
  margin-bottom: 10px;
}
/* main */
.c19-main-content {
  margin: 30px 0;
  width: 74%;
  display: inline-block;
}
.covid-main-img {
  margin-bottom: 30px;
}
.c19-main-content .covid-main-img img {
  width: 100%;
  height: 100%; 
  object-fit: cover;
}
.covid-main-title h2 {
  color: #BB0F33;
  margin-bottom: 10px;
}
.covid-main-textwrapper {
  border: 1px solid #ccc;
  padding: 10px;
}
.c19-sidebar {
  width: 22.4%;
  display: inline-block;
  margin-left: 30px;
  margin-top: 30px;
  vertical-align: top;
}
.c19-sidebar .c19-placeholder {
  min-height: 261px;
  max-height: 300px;
  margin-bottom: 30px;
  /* border: 1px solid #ccc; */
  overflow: hidden;
}
.c19-sidebar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* bottom row */
.c19-bottom-row .view-covid-19-page-views {
 /* background-color: #ccc; */
}
.c19-bottom-row h2 {
  margin-bottom: 5px;
  margin-left: 5px;
  color: #BB0F33;
}
.covid19-allcolumns {
  width: 20%;
  display: inline-block;
  vertical-align: text-top;
  padding: 10px;
  border: 1px solid #ccc;
  min-height: 266px;
  max-height: 266px;
  background-color: white;
  margin-bottom: 30px;
}
.covid19-allcolumns.views-row {
  margin-right: 30px;
}
.view-covid-19-page-views .view-content .views-row:nth-child(4n) {
  margin-right: 0;
}
.covid-allcolumns-img img {
  width: 100%;
  height: 150px; 
  object-fit: cover;
}
.covid-allcolumns-title {
  font-size: 12.8px;
  font-weight: bold;
}
.covid-allcolumns-authors {
  font-size: 12px;
}