/*
Theme Name:   NP 7 EEX **WARNING*** Child theme for EEX (rjm) ***WARNING**** Parent patched
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by rjm. ***WARNING**** Parent has been patched See function includes/wp_booster/td_module.php around line 313 (search for 'rjm' )
Author:         rjm
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper                             
Version:        6.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/

/* COLORS */

.eex-yellow{ color: #fce100; }
.eex-grey{ color: #3b3b3b; }
.eex-grey-text{ color: #3b3b3b; }

/* font face */

@font-face {
    font-family: 'dinlight';
    src: url('fonts/font-webfont.eot');
    src: url('fonts/font-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/font-webfont.woff') format('woff'),
         url('fonts/font-webfont.ttf') format('truetype'),
         url('fonts/font-webfont.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'dinlight';
src: url('fonts/font-webfont.svg#dinlight') format('svg');

}
}

@font-face {
    font-family: 'dinmedium';
    src: url('fonts/font_2-webfont.eot');
    src: url('fonts/font_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/font_2-webfont.woff') format('woff'),
         url('fonts/font_2-webfont.ttf') format('truetype'),
         url('fonts/font_2-webfont.svg#dinmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'dinmedium';
src: url('fonts/font_2-webfont.svg#dinmedium') format('svg');

}
}
/* end font face */

/* On Whos doing what page (and other pages showing an Interviews Big Grid), Make the Interviews block heading better */
/*
#Interviews .vc_separator.vc_separator_align_left h4 { font-size:14px; padding:10px; background-color:#4db2ec; color:#fff; }
#Interviews .vc_separator.vc_separator_align_left h4:hover { text-decoration:underline;cursor:pointer; }
#Interviews .vc_separator .vc_sep_holder .vc_sep_line{ border-top:0; }
#Interviews .vc_separator{ border-bottom: solid 2px #4db2ec; }
*/
.eex-separator-style-1 .vc_separator.vc_separator_align_left  h4 { font-size:14px; padding:10px; background-color:#4db2ec; color:#fff; }
.eex-separator-style-1 .vc_separator.vc_separator_align_left  h4:hover { text-decoration:underline;cursor:pointer; }
.eex-separator-style-1 .vc_separator .vc_sep_holder .vc_sep_line{ border-top:0; }
.eex-separator-style-1 .vc_separator{ border-bottom: solid 2px #4db2ec; }



/* who's doing what page */
.authors-block .cell {
  position:relative;
}
.authors-block .cell .name-overlay{
  position:absolute;
  bottom:0px;
  left:0;
  background: rgba(1, 1, 1, 0.7);
  width:100%;
  text-align:center;

}
.authors-block .cell img { Vertical-align: bottom; }
.authors-block .cell .name-overlay a {
  color: #fff;
  font-size:13px;
  line-height:16px;
}


/* css fix to widget titles to make the underline span the full
 * width of the column. And set padding to remove indent
 */
.widgettitle{font-weight:bold;padding: 6px 12px 4px 0;}
.widgettitle::after{ width:700%; }
.widgettitle::after { background-color: #4db2ec;}
.wpb_raw_code{ position:relative;overflow:hidden;}
.block-title a, .block-title span, .block-title label {
      padding: 6px 12px 5px 0px;
}
/* rmgrid - common styles for grid */
.rmgrid{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.rmgrid .row:before,
.rmgrid .row:after {
    content:"";
      display:table;
}
.rmgrid .row:after {
    clear:both;
}
.rmgrid .row {
      zoom:1; /* For IE 6/7 */
}
.rmgrid .col { float:left;display:block;padding-left:0;padding-right:0;}
.rmgrid .col.s1of2 { width:50%; }
.rmgrid .col.s1of3 { width:33.333%; }
.rmgrid .col.s1of4 { width:25%; }
.rmgrid .col.s1of6 { width:16.666%; }
.rmgrid .col.s1of8 { width:12.5%; }


/* grid styles targeting specific sections */
/* authors block, institutions and orgs on WDW page, uses class="eex-block-1" */
.eex-block-1 .rmgrid .row { margin-left:-5px; margin-right:-5px;}
.eex-block-1 .rmgrid .col { padding: 0px 5px 5px 5px; } 
.eex-block-1 .rmgrid .cell {border: solid 1px #eee; }
.eex-block-1 .rmgrid .cell img {vertical-align: bottom; width:100%; height:auto;}
.eex-block-1 .rmgrid .cell .name-overlay {color:#fff;}
.eex-block-1 .rmgrid .cell:hover .name-overlay {color:#fce100;}

.eex-block-1 .rmgrid .cell {position:relative; }
.eex-block-1 .rmgrid .cell .square-trans{ vertical-align:bottom; }
.eex-block-1 .rmgrid .cell .square-trans-cover{ vertical-align:bottom; }
.eex-block-1 .rmgrid .cell .logo{ vertical-align:bottom; position:absolute; top:0; left:0;}
.eex-block-1 .rmgrid .cell .square-trans-cover{ vertical-align:bottom; position:absolute; top:0; left:0;}
.eex-block-1 .rmgrid .cell .square-trans-cover:hover{background: rgba(1, 1, 1, 0.2);cursor:pointer;}

/* eex block 1  styles */
.widget .eex-block-1 .widgettitle a { color:#222; }
.widget .eex-block-1 .widgettitle a:hover { color:#4db2ec; }
.eex-block-1 .all-link {
  background-color: #555;
  padding: 6px 20px;
  /*text-align: center;*/
}
/* add arrow icon to all-links */
.eex-block-1{position:relative;}
.eex-block-1 .all-link::after {
  font-family:'Material Icons';
  font-size:20px;
  font-weight:normal;
  content:'\E5C8';
  color: #fff;
  position:absolute;
  bottom:5px;
  left: 90%;
  z-index:1;
}
.eex-block-1 .all-link:hover:after {color:#fce100;}
.eex-block-1 .all-link a { color:#fff; }
.eex-block-1 .all-link:hover a { color:#fce100; }

/* all authors block, uses class="eex-block-20" */
.eex-block-20 .rmgrid .row { margin-left:0px; margin-right:0px;}
.eex-block-20 .rmgrid .col { padding: 1px; } 
.eex-block-20 .rmgrid .cell {border: solid 1px #eee; background-color:#eee;}
.eex-block-20 .rmgrid .cell img {vertical-align: bottom; }

.eex-block-20 .rmgrid .cell {position:relative; }
.eex-block-20 .rmgrid .cell .square-trans{ vertical-align:bottom; }
.eex-block-20 .rmgrid .cell .square-trans-cover{ vertical-align:bottom; }
.eex-block-20 .rmgrid .cell .logo{ vertical-align:bottom; position:absolute; top:0; left:0;}
.eex-block-20 .rmgrid .cell .square-trans-cover{ vertical-align:bottom; position:absolute; top:0; left:0;}
.eex-block-20 .rmgrid .cell .square-trans-cover:hover{background: rgba(1, 1, 1, 0.1);cursor:pointer;}
/* eex block 20  styles */
.widget .eex-block-20 .widgettitle a { color:#222; }
.eex-block-20 .widgettitle::after {
      width: 2000%;
}
.eex-block-20 .cell {
  position:relative;
  overflow:hidden;
}
.eex-block-20 .cell .name-overlay{
  position:absolute;
  bottom:0px;
  left:0;
  background: rgba(1, 1, 1, 0.7);;
  width:100%;
  text-align:center;
  word-wrap: break-word;
}
.eex-block-20 .name-overlay {
  color: #fff;
  font-size:12px;
  line-height:15px;
  word-wrap: break-word;
  margin:0;
  padding:5px 3px;
}
.eex-block-20 .rmgrid .cell:hover .name-overlay { color: #fce100;}
/* media queries for eex-block20 style - wide screen first */
@media screen and ( max-width: 420px ){
  .rmgrid .col.s1of8 { width:33.333%; }
}
@media screen and ( min-width: 421px) and ( max-width: 900px ){
  .rmgrid .col.s1of8 { width:16.666%; }
}

/* Remove meta data from certain Big Grid Blocks */
.td_block_big_grid_8 .td-module-meta-info,
.td_block_big_grid_7 .td-module-meta-info,
.td_block_big_grid_6 .td-module-meta-info,
.td_block_big_grid_5 .td-module-meta-info,
.td_block_big_grid_4 .td-module-meta-info,
.td_block_big_grid_3 .td-module-meta-info,
.td_block_big_grid_2 .td-module-meta-info,
.td_block_big_grid_1 .td-module-meta-info,
.hide-meta .td-editor-date,
.hide-meta .td-post-author-name,
.hide-meta .td-post-date
{ display:none;}
.hide-meta .td-module-meta-info
{ min-height:0; } 
/* make font of biggest big-grid images slightly smaller */
.td-grid-style-1 .td-big-thumb .entry-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

/* Single Author page - meta */
.desc .works-for .label, .desc .job-role .label, .desc .contact-details .label {
  font-weight:bold;
}

/* add interview icon  to tiles of interview */
/* no longer required - replaced by material-icons 
.eex-pt-interview .item-details .entry-title a:before
{
  content:"";
  display:block;
  background-image: url('/wp-content/themes/Newspaper-eex/images/interview-icon.jpg');
  background-repeat: no-repeat;
  width:34px;
  height:26px;
  float:left;
  margin:0 5px 0 0;

}
*/
/* More interviews link at bottom of single interview pages */
.more-interviews a { 
  width:100%; 
  color:#fff; 
  background-color:#888;
  display:inline-block;
  padding:10px 20px;
  margin:0 0 20px;
  text-align:right;
}
.more-interviews a:hover {
  background-color:#666;
}
/* page header on Institution and Organisation pages ( which are taxonomy terms ) */
.eex-tax-institutions .td-page-header,
.eex-tax-organisations .td-page-header
{
  /*
  padding:20px;
  border: 1px solid #ededed;
  margin: 20px 0 20px 0;
  */
  padding: 0 0 15px 0;
}
/* details field on Authors pages */
.field-details p { font-size:13px; }

/* eex-separator  - this is a block title. We needed to do one based in a text block because the Theme version does not do links */
.eex-separator { margin:0}
.eex-separator .textwidget{margin:0}
.eex-separator .widget_text{margin:0}
.eex-separator h4 { font-size:14px; margin:0; border-bottom: solid 2px #222;}
.eex-separator .style1 h4 a{color:#222;padding: 2px 10px 2px 0; display:inline-block;background-color:transparent;text-transform:uppercase; font-weight:bold;}
.eex-separator .style1 h4 a:hover { color:#4db2ec;}

/* Make pagination controls more visible */
.td-next-prev-wrap a {
  border: 2px solid #555;
  color:#333;
  font-size:12px;
}
.page-nav a{
  color:#333;
  border-width:2px;
  border-color:#888;
}
/* Change (text)widget titles from Black to Blue */
.widgettitle{ background-color: #4db2ec;}

/* change single page fulll content styling...
 * h6 is used for an intro - make is stand out
 * */
.entry-content h6, .td-page-content h6, .td-post-content h6 {
  font-family: 'dinmedium', "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height:28px
}

.td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p {
  text-transform:none;
  font-size:22px;
}

/*  no longer required
.red {color:red;}
.external-link-icon{
  width:20px;
  height:20px;
  background-color:red;
}
*/

/*
a.eex-external-link::after{
  content:' ';
  display:inline-block;
  width:13px;
  height:13px;
  margin:0 0 0 5px;
  background-image: url( images/eex-icon-ext-link-13x13.png);
}
*/
a.eex-external-link::after{
  font-family:'Material Icons';
  content:'\E895'; /* launch new page icon */
  margin: 1px 0 0 3px;
  vertical-align: bottom;
}
/*a.eex-external-link::after{
  font-family:'FontAwesome';
  content:'\f08e'; 
  margin: 1px 0 0 3px;
  vertical-align: bottom;
}
*/
.eex-pt-interview .item-details .entry-title a:after{
  font-family:'Material Icons';
  content:'\E7FB'; 
  margin: 1px 0 0 3px;
  vertical-align: bottom;
}

/* Video - widget - change title from black to blue */
.wpb_video_widget .wpb_heading{ 
  position:relative;
  background-color: transparent;
  color:#222;
  margin-bottom:15px;
  text-transform:uppercase;
  font-weight: bold;
  padding: 8px 0;
}
.wpb_video_widget { position:relative; overflow:hidden; }
.wpb_video_widget .wpb_heading::after{ 
  content: '';
  width:2000%;
  position:absolute;
  display:inline-block;
  box-sizing:content-box;
  background-color: #222;
  height:2px;
  left:0;
  bottom:0;
}
/*
.jump-anchor {
  content:'';
  display:block;
  position:relative;
  top:-40px;
  visibility:hidden;*/
  /*height:40px;*/ /* fixed header height*/
  /*margin:-40px 0 0;*/ /* negative fixed header height */
/* } */

/* remove filter drop-down on categories page */
.td-category-pulldown-filter { display: none; }

/* remove related author posts from bottom of post page */
.td_block_related_posts .td-related-right { display:none; }


/* Add arrow to title on home page main boxes */
.home .td_module_mx1{ position:relative;}
.home .td_module_mx1::after{
  font-family:'Material Icons';
  font-size:20px;
  font-weight:bold;
  content:'\E5C8';
  color: #fce100;
  position:absolute;
  bottom:5px;
  left: 90%;
  z-index:1;
}

/* add shape to main images on home page */
.home .td_module_mx1 .td-module-thumb { position:relative; width:100%;}
.home .td_module_mx1 .td-module-thumb a:last-child::after{
  content: '';
  display:block;
  width:100%;
  height:100%;
  background-image: url(images/home-page-shape.png);
  opacity: 0.8;
  background-size: cover;
  position:absolute;
  top:0;
}
/* pre-load the yellow version of the shape
 * so that it is ready for hover to avoid a tiny pause.
 * Stick it somewhere well out of view.
 */
.home .td_module_mx1 .td-module-thumb::after{
    content: '';
    background-image: url(images/home-page-shape-yellow.png);
    position:absolute;
    top:0;
    left:-9000px;
  display:block;
}

/* change to yellow on hover */
.home .td_module_mx1:hover .td-module-thumb a:last-child::after{
  display:none;
}
.home .td_module_mx1:hover .td-module-thumb a:last-child::after{
  content: '';
  display:block; 
  opacity: 0.8;
  width:100%;
  height:100%;
  background-image: url(images/home-page-shape-yellow.png);
  background-size: cover;
  position:absolute;
  top:0;
}
.home .td_module_mx1:hover .entry-title a{
  color: #444 !important;
}
.home .td_module_mx1:hover:after{
  color: #444;
}

/* try to prevent the box title overflowing the 'shape' as much as possible*/
.home .td_module_mx1 .entry-title{ max-width:60%;}
.home .td_module_mx1 .td-module-meta-info{ margin-bottom:0px;padding:0 0 0 10px;}

/* make the grey gradient on the boxes slightly less intense */
.home .td_module_mx1 .td-module-thumb a:last-child::before{
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 100%);
}

/* Change headers from default blue colour to transparent bgd */
.block-title > span, .block-title > a, .block-title > label, .widgettitle, .widgettitle::after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .td-related-title .td-cur-simple-item, .woocommerce .product .products h2, .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more {
      background-color: transparent;
}
/* Change default block heading colour to text-grey */
.block-title a, .block-title span, .block-title label{ color: #222; text-transform: uppercase;}
.widgettitle{ color: #222; text-transform: uppercase;}
.block-title, .td-related-title, .wpb_tabs .wpb_tabs_nav, .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: #222; font-weight:bold;}
.widgettitle::after{ background-color: #222;}

/* Added 3/11/2016 to get title on related articles to show */
.td_block_related_posts .td-related-title .td-cur-simple-item{
  color: #3b3b3b;
}
/* change Stay Connected button to eex yellow */
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern {
  color: #222!important;
  border-color: #fce100!important;
  background-color: #fce100!important;
}
/* Set fonts to Roboto and Verdana */
.td-excerpt { color: #444;font-family: Verdana, Geneva, sans-serif; }
.td-header-row { font-family: 'Roboto', sans-serif; }

/* main menu */
.td-icon-menu-down,.td-icon-menu-down::before {
      display:none;
}
.sf-menu a.sf-with-ul{ padding: 0 14px; }

/* rmagrid common stuff*/
.rmagrid{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.rmagrp:before,.rmagrp:after { content:""; display:table;}
.rmagrp:after {clear:both;}
.rmagrp { zoom:1; /* For IE 6/7 */}
.rmacell { float:left;display:block;padding-left:0;padding-right:0;}

/* Header logo & 'discover & share' */
.td-header-style-3 .td-header-sp-logo{ width:210px;}
h2.header-ds {
  font-size: 17px;
  line-height: 20px;
  color: #555;
  margin:10px 0;
}
.td-header-sp-recs img{ position: relative; }
.td-header-rec-wrap {
  min-height: none;
}
/* grided */
.header-ad-region .rmacell { width: 50%; }
.header-ad-region .c1of2 .rmaitem {padding: 10px;  }
.header-ad-region .c2of2 .rmaitem {padding: 0px 10px 0px 10px;  }
.header-ad-region .rmacell { width: 100%; }
/* media queries - mobile first */
.header-ad-region .rmacell.c1of2 h2.header-ds { font-size:14px;line-height:17px }
@media screen and (max-width: 420px){
  .header-ad-region .rmagrp { display:flex; flex-direction: column-reverse;}
}

@media screen and (min-width:421px) {
  .header-ad-region .rmacell { width: 50%; }
}
@media screen and (min-width:768px) and ( max-width:1018px ) {
  .td-header-style-3 .td-header-sp-logo{ margin: 14px 0 5px 15px; }
  .td-header-style-3 .td-header-sp-recs{ margin: 0; }
  .header-ad-region .rmacell.c1of2 h2.header-ds { font-size:14px;line-height:17px }
  .header-ad-region .rmacell.c2of2 .rmaitem { padding-top: 10px; }
}
@media screen and (min-width:1019px) {
  .header-ad-region .rmacell.c1of2 h2.header-ds { font-size:17px;line-height:20px; }
  .header-ad-region .rmacell.c1of2 .rmaitem { padding-right: 80px; }
}

/* make block filter labels blacker */
.td-subcat-filter .td-subcat-list a {
  color: #222;
}

/* category page headings */
.td-category-header .td-page-title{ font-weight:normal; text-transform: none; }

/* Add pale grey borders to some thumbnail styles. Only for maini content, not footer */
.td-main-content-wrap .td_module_16 .td-module-thumb{
  border: solid 1px #eee;
}

/* Footer credits */
.footer-credits{ background-color:#000; }
.footer-credits .site-by { color:#666; margin:0; padding:2px 10px 10px 0px;font-size:12px;text-align:right;}
.footer-credits .site-by-link { color:#666; font-size:12px;}
.footer-credits .site-by-link:hover { color:#4db2ec;}

/* twitter widget - (text widget) styling */
#twitter-widget-0{
  height:830px !important;
}
/* shortcode styling */
/* Element box */
.elem-box{ 
  width:100%; 
  background-color:#f7f7f7; 
  border: 1px solid #f0f0f0; 
  margin-bottom:15px;
}
.elem-box ul { margin:0; }

.elem-box__header {
  padding:5px 10px;
  background-color:#f0f0f0;
}
.elem-box__content {
  padding:5px 10px;
}
.elem-box__content p:last-child, .elem-box__header p:last-child {
  margin-bottom:0;
}
.elem-box--rounded {
  border-radius:5px;
}
/* Element quotebox */
.elem-quotebox{
  max-width:220px;
  padding: 5px 10px;
  background-color:#f7f7f7; 
  border: 1px solid #f0f0f0; 
  border-top: 1px solid #fce100;
  font-size:  20px;
  color: #111;
}
.elem-quotebox--float-left {
  float: left;
  margin-right:20px;
  margin-bottom: 10px;
}
.elem-quotebox .inline-quote { 
  fill: #fce100;
 }
.elem-quotebox .inline-quote svg {
  height: 0.875rem;
  width: 1.4375rem;
}
.elem-quotebox .inline-icon {
  overflow: visible;
}