/*
Theme Name: HitMag Pro Child
Description: goes here
Template: hitmag-pro
Version: 1.2.4
1. General body, header, sidebar, footer, smallcaps, dropcap
2. Navigation
3. WALLPAPER
4. Numbered lists
5. Related lists
6. In-page subnavigation
7. Search page
8. Front page
9. Display posts shortcode styling
10. Author bio plugin
11. Articles
12. Events - calendar
13. Trust indicators
14. Responsive Definitions
15. Custom post template 5, 6 - aside
16. Archive pages
17. Various custom widgets, pages, sections
18. Special series
19. Video room
20. AFNA
21. Labs
22. Legacy pullquotes, 'paid posts' HP styling, parallax
23. Newsletter styling
*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,900|PT+Serif:400,700');

/* 1. General body, header, sidebar, footer */
a:visited {
	color: #333;
}

a, a:hover, .footer-sidebar ul li a:hover {
    text-decoration: underline;
}

.footer-sidebar ul li a {
	text-decoration: none;
}

/*.widget {
    margin: 0;
}*/

/*aside#secondary*/ .widget {
    margin: 0 0 1rem;
}

.hm-header-sidebar { /* adjust logo to middle*/
	float: initial;
}

/*.hitmag-full-width #content.site-content div.hm-container {
	top: 2rem;
}

.hitmag-full-width #content.site-content div.hm-container div#primary.content-area, .home aside#secondary.widget-area, .archive aside#secondary.widget-area {
	margin-top: -2rem;
}*/

.home #main.site-main {
	margin-top: 0.5rem;
}

.su-table table, .su-table table td, table, th, td { /* tables without borders (this CSS needs to be repeated in 'shortcodes' plugin settings */
    border: none;
	padding: 0;
}

/*turning off div scroll*/
.su-table.su-table-responsive.su-table-fixed {
	overflow-y:hidden;
}

small {
	font-size: 80%;
	line-height: 1;
	font-family: "Source Sans Pro", sans-serif;
}

#secondary.widget-area .su-table > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) {
	display:none;
}

/* magazine issues widget title */
#text-38 h2 {display:none;}

#secondary.widget-area .su-table td {
	display: table-row;
}

table td {
   background: inherit;  
}

.hm-header-content p {
	color: #646464;
}

.hm-logo { /* adjust logo to middle*/
  float: initial;
}

.site-branding { /* adjust logo to middle*/
  float: initial;
  margin: 0;
  text-align: center;
  line-height: 0;
}

.hm-site-title, #text-31.widget .widget-title, #text-11.widget .widgettitle { /* hide text site title, mag issue widget title */
	display: none;
}

.post-navigation .post-title {
    color: #333;
}

/* hide comments block from posts */
.single .hm-container  #comments {display:none;}

/* Inputting a potential fix for the feature image width on standard display posts */
.post-template-default .attachment-hitmag-featured {
	width: 100%;
}

.post-navigation .post-title:hover {
    color: #646464 !important;
}

.footer-sidebar { /* narrow footer colums to fit 5 across (20% each)*/
    width: 17%;
}

div.footer-sidebar:nth-child(1) {
	width: 32%;
}

.site-info {
	border-top: 1px #c8c8c8 solid;
}

.error404 #primary.content-area {
	margin-bottom: 5rem;
}

.error-404.not-found {
	text-align: center;
}

.error-404 .page-header h1 {
	margin: 2rem 0rem 0 0;
	font-size: 6.2rem;
}

.error-404 .page-content {
	margin: 1.5em 3.5rem 5.5em;
}

/*404 widget adjustments*/
.error404 ul.display-posts-listing li.listing-item:nth-child(odd) {
	background: #ececec;
}

.error404 ul.display-posts-listing li.listing-item {
	border-style: none;
}

.error404 ul.display-posts-listing li.listing-item span.author {
	font-family: "Source Sans Pro", Sans-Serif; font-weight: 800;
}


/*hide last comma in multiple authors listings */
.authors.last {
	display: none;
}

/*Code below flattens 404 widget at 768 px*/
@media (max-width: 768px) {
	.error404 ul.display-posts-listing li.listing-item  {
		display: table-header-group;
	 }

	.error404 ul.display-posts-listing li.listing-item a {
		font-size: 15px
		}
	.site-header {
		margin: 0 0 1rem;
	}
}

.site-footer {
	position: relative;
}

.footer-widget-title {
    border-bottom: none !important;
	font-family: 'Source Sans Pro' !important;
	font-size: 17px;
}

.footer-widget-area a, .footer-sidebar div.textwidget p {
	font-size: 15px;
}

.footer-sidebar .addthis_toolbox span.at-icon-wrapper {
	padding-right: 1rem;
}

.footer-widget-area .widget ul {
    line-height: 1.1rem;
}

/* Footer Adjustment. Footer appears as a thin column and should naturall span the full width on mobile */
@media (max-width: 768px) {
	div.footer-sidebar:nth-child(1)	{
		width: 100%;
	}

	div.footer-sidebar 	{
		width:100%;
	}
}

div.entry-meta div.addthis_sharing_toolbox { /* addthis article inline positioning*/
	clear: none;
	display: inline;
	float: right;
	margin-top:	-2em;
}

/*For STANDARD posts, fixes the social buttons on mobile so that they don't spill over. CONFIRM*/
@media screen and (max-width: 768px) {
	.format-standard div.entry-meta div.addthis_sharing_toolbox {
	float: left;
	}
	
	.format-standard .at-share-btn-elements {
		margin-top: 40px;margin-bottom: 40px;
	}
}

.site-info-owner {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
}

.widget-title {
    border-bottom: 1px solid #ccc !important;
	padding-bottom: 4px;
	font-family: "Source Sans Pro" !important;
	font-size: 17px;
	text-transform: small-caps;
	font-weight: semi-condensed;
	width: 100%;
}

.single .entry-header div.entry-meta {
	padding-bottom: 1.2rem;
	margin-bottom: 0;
}

.hitmag-single .entry-header {
    margin-bottom: 1rem;
}

.entry-header .cat-links, .hm-post-style-2.th-hero-container .cat-links { 
    font-weight: 800;
    font-size: 0.88rem;
	letter-spacing: .75px;
	line-height: 1rem;
    color: #fb5954;
	text-transform: uppercase;
	font-family: "Source Sans Pro", sans-serif;
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
}

.hm-header-sidebar {
    margin: 0;
}

.hmlw-post .cat-links { /* category-label on HP top block */
    display: none;
}

.widget.widget_hitmag_pro_list_posts a.hm-viewall { /* 'view all' button on HO top block */
	display: none;
}


/*Main Sidebar*/
.issue-button span {
	text-align: left; 
	font-weight: 600;
	font-family: 'source sans pro', sans-serif;
	text-decoration-line: none;
}

.issue-button span:hover {
	font-family: 'source sans pro', sans-serif;
	text-decoration-line: underline;
}

.read-the-cover-story {
	color: #fb5955; 
	text-decoration: underline; 
	text-decoration-color: #fb5955;
	font-family: 'GT Sectra', serif;
}

.issue-title {
	font-size: 1.2em;
}

@media screen and (max-width: 768px) {
	.read-the-cover-story {
		font-size: 1.7em;
	}
}

@media screen and (max-width: 1292px) {
	.read-the-cover-story {
		font-size: 1em;
		line-height: 1.2;
	}

	.issue-button {
		max-width: 100%;
		margin-left: 15%;
		margin-right: 15%;
	}

	.issue-button span {
		line-height: 32px;
	}
}

body p, .su-column {
    color: #333;
	font-size: 1.1875rem;
	line-height: 1.8125rem;
	letter-spacing: 0.2px;
}

h1 { 
	font-family: "GT Sectra";
	line-height: 1.1em;
	font-size: 2.7rem;
	margin-top: 0.67rem;
	margin-bottom: 0.2rem;
	font-weight:100rem; /*???*/
}

h4 { 
	font-family: "PT-Serif";
	font-size: 1.6rem;
	margin-top: 0.67rem;
	margin-bottom: 0.7rem;
	margin-left: 0;
	margin-right: 0;
	font-weight:100;
}

h6 a { 
	font-size: 1.2rem;
	margin-top: 0.1rem;
	margin-bottom: 0.7rem;
	font-weight:300;
	color: #000000;
}

.hm-tags-links a {
    line-height: 1.5;
    padding: 0 5px;
    margin-right: 1px;
    background: #222;
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.85rem;
    border-radius: 2px;
	font-family: "Source Sans Pro", sans-serif;
}

/* This CSS is for the TAGS at the bottom of an article CONFIRM*/
.hm-tags-links a:hover {
	background: #646464;
}

footer .hm-tags-links a {
	padding: 5px 10px 5px 10px; 
	font-family: 'source sans pro', sans-serif;
	font-weight: 600; 
	color: #fbfbfb;
	font-size: 16px;
}

footer .hm-tagged {
	padding: 5px 10px 5px 10px; 
	font-size: 16px; 
	color: #333;
	background: white; 
	font-family: 'source sans pro', sans-serif;
}

p .dropcap {
    font: 100 4.1rem/2.1rem "GT Sectra Fine";
    text-transform: uppercase;
    color: #fb5954;
    padding: 0 .32rem 0 0;
    margin: 0.8rem 0 .37rem;
    float: left;
}

p .smallcaps {
    font-family: "PT Serif";
    font-variant: small-caps;
    text-transform: uppercase;
    font-stretch: ultra-condensed;
	font-weight: bold;
	font-size: .95rem;
	letter-spacing: 1.5px;
	line-height:100%;
}

body.post-template-default span.author.vcard { /* hide author in default post template*/
	display: none;
}

@media (max-width: 768px) {	
	html {
		overflow-x: hidden /*!important*/;
	}
}

/**************************/
/* 2. Navigation */

.main-navigation a {
    padding: 12.5px 14px;
}
	
nav#site-navigation.main-navigation div.addthis_sharing_toolbox.addthis_tool { /* padding, if we want to bring addthis back to nav*/
	clear: right !important;
	float: right;
	padding-top: 8px;
}

.main-navigation ul {
    font-weight: normal;
}

/* Ensure submenu items don't have letter spacing of main headers */
.main-navigation ul ul a {
	letter-spacing: normal;
}

/*When the category menu is active, the background flips from black to offwhite. The code below will style this menu when it's active*/
.main-navigation a {
	color: #404040;
}

/*.main-navigation ul ul.toggled-on a {
	color:#333 !important;
	background: #fff;
} */

.main-navigation ul ul.toggled-on a:hover {
    background: #f5f5f5 !important;
    color: #222 !important;
}

.main-navigation ul li, .main-navigation ul li:hover, .hm-search-button-icon {
    margin-top: 15px;
	letter-spacing: 1px;
}

.main-navigation ul ul li, .main-navigation ul ul li:hover {
    margin-top: 0;
}

.main-navigation ul ul li { /* topnav subnav cell bottom border colors*/
    border-bottom: 1px solid #cccccc;
}

.hm-search-button-icon {
	height:30px;
	right: 20px;
	width: 20px;
	position: inherit;
}

.hm-search-button-icon:hover::before {
    color: #fff;
}

/* bolder articles, special features */
#menu-item-84762, #menu-item-101909, #menu-item-114370, #menu-item-114386  {
	font-weight: bold;
}

#menu-item-102101, #menu-item-102101 > a:nth-child(1):hover, #menu-item-102101 > a:nth-child(1), #menu-item-114404, #menu-item-114404 > a:nth-child(1):hover, #menu-item-114404 > a:nth-child(1) {
	background: url("https://s3.amazonaws.com/walrus-assets/img/Logo-white-transparent-200x80.png") no-repeat;
	margin-top: 0;
	width: 250px;
}

#menu-item-102101 a, #menu-item-114404 a {
	height: 75px;
	text-indent: -9999px;
}
/**************************/
/* 3. Wallpaper */
/* wallpaper layout*/
.centerbg {
	position: fixed;
	left: 50%;
	margin-left: -960px;
	/* z-index: -1; boxed-in layout */
	z-index: 0;
}

.hm-header-sidebar aside.widget.widget_doubleclick_widget {
	position: relative;
}

/* wallpaper ad text label*/
.centerbg .dfw-unit.display-block::before {
	color: #ffffff;
}

.dfw-unit.display-block::before { /* ad text label font*/
    font-size: 10px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* new ad solution CSS */
.dfw-unit::before { /* ad text label font*/
	display: block !important;
	color: #aaa !important;
	text-transform: uppercase !important;
	text-align: center !important;
    content: "Advertisement" !important;
	font-size: 10px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

/* LEADERBOARD AD - WALLPAPER BG FIX */
.hm-header-sidebar .widget_doubleclick_widget{
    max-width: 1105px !important;
    right: 15px;
    padding-top:10px;
    margin: 0 auto;
	padding-bottom: 10px;
}

/* NEW fixed the space underneath the leaderboard */
article.page {
    margin-top: -40px;
	padding-top: 20px;
}

/* WALLPAPER BG AD -  BODY CONTENT FOOTER FIX  */
body.custom-background .site-content { 
    padding-bottom: 0;
}

/* WALLPAPER BG AD -  BODY CONTENT FOOTER FIX  */
body.custom-background .entry-content { 
    padding-bottom: 60px;
	/*margin: 2.2em 0 0;*/
	margin: 0;
}

/*************************/
/* 4. Numbered Lists */
ol.numbered {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ececec;
	margin-top: 2rem;
  margin-bottom: 1rem;
  padding: 2rem 0rem 2rem 3rem;
	list-style:decimal;
	color: #ccc;
	font-family: "GT Sectra";
	font-size: 2rem;
}

ol.numbered li {
    font-size: 7rem;
    letter-spacing: 0.04rem;
    line-height: 3.6rem;
    padding: 0rem 0rem 0rem 0rem;
    margin: 0rem 1rem 1rem 0;
	  font-family: "Source Sans Pro",sans-serif;
	list-style-position:inside;
	list-style:decimal;
}

ol.numbered a {
    font-size: 1rem;
    letter-spacing: 0.04rem;
    line-height: .75rem;
    padding: 0rem 0rem 0rem 0rem;
    margin: 0rem 0rem 1rem 0;
	  font-family: "Source Sans Pro",sans-serif;
	list-style-position:inside;
	vertical-align: top;
}
/**************************/
/* 5. Related lists */
ul.related::before { 
  content: "RELATED LINKS: ";
	font-family: "Source Sans Pro",sans-serif;
	line-height: 2.5rem;
	letter-spacing: 0.04rem;
	font-weight: 600;
}

ul.related {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 2rem 0;
	padding: .7rem 0rem 0.7rem 0rem;
}

ul.related li {
    font-size: 1rem;
    letter-spacing: 0.04rem;
    line-height: .75rem;
    padding: 0rem 0rem 0rem 0rem;
    margin: 0rem 1rem 1rem 0;
	font-family: "Source Sans Pro",sans-serif;
	list-style-position:inside;
	cursor: pointer;
}

/*CSS adjustment for related links within an article (please add to existing CSS area) */
ul.related li a {
	line-height: 1.2;
}

/*Related Posts Widget Adjustments*/
.hm-related-posts h3 a {
	text-decoration: none;
}

.hm-rel-post .post-title a:hover {
	color: #646464;
}


.hm-related-posts p.hms-meta {
	text-decoration: none; color:#333;
}

.hm-related-posts .hmrp-container {
	margin-top: 10px;
}

.hm-related-posts .hms-meta {
	display:none;
}

.hm-rel-post .post-title {
	font-family: 'PT Serif', sans-serif;
}

/*************************/
/* 6. In-page subnavigation */
ul.link-list {
    margin-top: 1rem;
    margin-bottom: -0.9rem;
    overflow: auto;
	  padding-left: 0 !important;
	  list-style: none !important;
	 list-style-position: inside !important;
}

ul.link-list li {
    display: block;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
    border-right: 1px solid #ccc;
    float: left;
    line-height: 1.5rem;
    padding: 0rem 1rem 0rem 0rem;
    margin: 0 1rem 1rem 0;
	  font-family: "Source Sans Pro",sans-serif;
}

.arc-page-title {
    font-size: 2.8rem !important;
    padding: 2px 0;
    border-bottom: none;
    font-family: "Source Sans Pro" !important;
    font-weight: 1rem;
}

/*Hed on front page */
.hitmag-page .entry-title, .hitmag-post .entry-title a, .hitmag-single .entry-title, .hmb-entry-title a, .hms-title a, .hmw-grid-post .post-title a, .widget_post_views_counter_list_widget a.post-title, .woocommerce-loop-product__title, ul#home.display-posts-listing li.listing-item a.title, ul#topstory.display-posts-listing li.listing-item a.title {
    font-family: "GT Sectra";
    font-size: 2.7rem;
    color: #333;
    line-height: 1.1em;
    font-weight: 700;
	text-decoration:none;
	margin: 0;
}

.hmb-entry-title a:hover, ul#topstory.display-posts-listing li.listing-item a.title:hover, ul#home.display-posts-listing li.listing-item a.title:hover {
	text-decoration:underline;
}

/*****************************/
/* 7. Search page */
#hm-search-form .search-form .search-submit, .search-form .search-submit, .th-readmore, a.hm-viewall, button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #fff;
	color: #000;
	font-size: 1.2rem;
	text-transform: capitalize;
}

@media (max-width: 768px) {
	.archive-thumb img 	{
	}
}

.search-results .posts-wrap {
	padding-top: 50px;
}

/*controls CATEGORY SLUG on search pages only */
.hitmag-post .cat-links {
    margin: 0 0 0;
}

.srch-page-title {
    font-size: 1.1rem;
	padding: 2px 0;
	border-bottom: 1px solid #ccc !important;
    font-family: "Source Sans Pro";
    font-weight: 1rem;
}

/*Custom Search Edit - Underline the query*/
h1.srch-page-title span {
	border-bottom: 1px solid rgb(204,204,204);
}

/* add bottom padding to in-content ads in archives/categories/search */
.th-list-posts .code-block {
	padding-bottom: 1rem;
}

.th-list-posts .archive-thumb img {
    max-width: 100%;
}

/* Search Fixes from customizer */
.search-results h1.srch-page-title {
	border-bottom: none !important;
	font-size: 2rem !important;
}

.search-results .archive-content .th-readmore {
	display: none;
}

.search-results .archive-content h3.entry-title a {
	font-size: 1.3em;
}

.search-results .hitmag-post .entry-summary p {
	line-height: 1.2;
	font-size:0.9em;
}

.search-results .archive-content .cat-links  {
	display: block;
	padding-top: 0em;
	padding-bottom: 1em;
}

.search-results .archive-content article.has-post-thumbnail {
	padding: 5px
}

.search-results .archive-content .archive-thumb {
	padding-top: 0%;
}

.search-results .archive-content .archive-thumb img {
	height: 100%;
}

.search-results article {
	border-bottom: 1px solid #ccc;
}

.search-results .hitmag-post {
	margin-bottom: 50px;
	margin-top: -40px;
}

/******************/
/* 8. Front page */
.home .widget.widget_hitmag_pro_list_posts {
	margin: 0;
}

.home div#hitmag_pro_list_posts-4 div.hmlw-thumb { /* HP main article block increase image size */
	max-width: 100%;
	width: 66%;
}

.home .hm-grid-details h2.post-title a { /*HEDS on second row of stories on front page */
	color: #000;
}

.home .hm-grid-details .byline { /* HP grid byline text */
	color: #999;
}

.home .hm-grid-details .byline a.url { /*BYLINE on second row of stories on front page */
	color: #000;
	text-transform: uppercase;
	font-family: "Source Sans Pro", sans-serif;
	font-size: .88rem;
	font-weight:800;
}

.home div.hmlw-content h3.hmb-entry-title a, ul#topstory.display-posts-listing li.listing-item a.title {
	font-size: 1.6rem;
}

ul#home.display-posts-listing li.listing-item a.title {
	font-size: 1.2rem;
	padding-right: 1.2rem;
}

/*dek on front page */
.hmlw-post .hmb-entry-summary p {
    font-size: 15px;
	line-height: 1.5rem;
}

/*byline on front page */
.hitmag-post .entry-meta a, .hitmag-single .entry-meta, .hitmag-single .entry-meta a, .hmb-entry-meta, .hms-meta, .hmb-entry-meta a, .hms-meta a, .th-hero-container.hm-post-style-5 div.entry-meta a {
    color: #333;
	text-transform: uppercase;
	font-family: "Source Sans Pro", sans-serif;
	font-weight:800;
	text-decoration: none;
}

.hitmag-post .entry-meta a:hover, .hitmag-single .entry-meta a:hover, .hms-meta, .hms-meta a:hover, .th-hero-container.hm-post-style-5 div.entry-meta a:hover, .th-hero-container.hm-post-style-6 div.entry-meta a:hover, .home ul.display-posts-listing .title:hover {
	text-decoration: underline;
}

/*slug on front page */
.cat-links a { 
	text-decoration:none;
	color: #fb5954;
}

.cat-links a:hover, .hmb-entry-meta a:hover, .home .hmb-entry-meta .byline .author a:hover, .hitmag-single .entry-meta a.author:hover {
	text-decoration: underline;
	color: #646464;
}

/***********************/
/* 9. Display posts shortcode */
article div.entry-content ul.display-posts-listing { /* display posts articles fix padding*/
	padding-left: 0;
	margin: 0 0 1.5em 0;
}

ul.display-posts-listing img { /* display posts HP padding fix */
	padding-right: 1rem;
	margin-bottom: 15px;
}

@media (max-width: 768px) {
	ul.display-posts-listing img {
		padding-right: 0rem;
	}
	#text-30 ul#home.display-posts-listing li.listing-item {
		padding: 0.3rem;
	}
	#text-31 ul#home.display-posts-listing li.listing-item a.title {
		float: unset;
		padding-bottom: 1.2rem /*!important*/;
	}
	/*#text-30 .display-posts-listing li.listing-item a.title {
		font-size: 0.8rem !important;	
	}*/
	
	#text-31 .textwidget li.listing-item a img, #text-30 .textwidget li.listing-item a img  {
		width: 40%;
		float: left; 
	}
	 
	/*Fix 12 Grid*/
	#text-31 img, #text-30 img {
		padding-right: 0.5rem;
	} 
}

/* This is for the HED of the popular post widget that spans the page */
ul.display-posts-listing .category-display, ul.display-posts-listing .title
{
    display: table;
    padding-bottom: 1.2rem;
	font-size: .9rem;
	line-height:120%; 
	text-transform: none;
	font-family: "Source Sans Pro";
	font-weight:500;
	text-decoration: none;
}

/* This is for the BYLINE of the popular post widget that spans the page */
ul.display-posts-listing .category-display, ul.display-posts-listing, ul.display-posts-listing span.author {
	display: table;
	padding-bottom: 1.5rem;
	font-size: .88rem;
	line-height:100%; 
	text-transform: uppercase;
	font-family: "Source Sans Pro", sans-serif;
	font-weight:800;
}

ul.display-posts-listing .category-display-label, ul.display-posts-listing span.excerpt-dash, .posted-on, .meta-sep, .author .archive-content .byline {
	display:none; /* display posts hide dash (-)*/
}

ul.display-posts-listing {
	padding-left:0.5em;
}

ul.display-posts-listing li.listing-item {
	display: table-cell;
	border-right: solid 1px black;
	width: 20%;
}

/* ordered list custom numbers styling */
/* For the homepage WHAT YOURE READING section*/
ul.display-posts-listing .category-display, ol.display-posts-listing .title {
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
	font-family: "Source Sans Pro";
}

ol.display-posts-listing {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: item;
	border-bottom: 1px solid #ccc;
}

ol.display-posts-listing li.listing-item {
	counter-increment: item;
	width: 100%;
	font-size: 0.8rem;
	margin-bottom: 0.7rem;
	line-height: 1.4rem;
}

ol.display-posts-listing li.listing-item a:hover {
	color: #000;
	text-decoration: underline;
}

ol.display-posts-listing li.listing-item::before {
	content: counter(item);
	font-size: 2.5rem;
	font-weight: bold;
	margin-right: 0.6rem;
	font-family: "PT Serif";
	line-height: 1;
	color: #fb5954 !important;
	float: left;
}

@media (max-width: 480px) {
	ol.display-posts-listing li.listing-item {
		width: 100%;
	}
	
	ol.display-posts-listing li.listing-item::before {
		content: counter(item);
		font-size: 2rem;
	}
}

ul.display-posts-listing  > li:nth-child(5), ol.display-posts-listing  > li:nth-child(5) {
	border-right: none;
}

/* Change the title bar above widgets here */
ul.display-posts-listing {
	background-color: #ffffff;
	border-bottom: 1px solid #edeaea;
}

ul.display-posts-listing li.listing-item span.author {
	display: block;
	text-transform: uppercase;
	font-size: .8125rem;
}

ul.display-posts-listing li.listing-item a {
	color: #333333;
	font-weight: 600;
}

/* VERT variation - left-aligned lists in articles and posts; HOME variation - for HP block */
ul#vert.display-posts-listing {
	width: 33%;
	float: left;
	margin-left: 0;
	margin-right: 1em;
	border-bottom: none;
	line-height: 1.2;
}

ul#home.display-posts-listing, ul#topstory.display-posts-listing {
	border-bottom: none;
	padding: 0;
}

ul#topstory.display-posts-listing li.listing-item span.author {
	padding-top: 1.5rem;
}

ul#home.display-posts-listing span.author {
	padding-bottom: 1.8rem;
	padding-right: 1rem;
}

ul#topstory.display-posts-listing li.listing-item span.excerpt {
	font-family: "Source Sans Pro", sans-serif;
	color: #333;
	font-size: 1.1rem;
	line-height: 1.5rem;
	letter-spacing: 0.25px;
	text-transform: none;
	font-weight: 100;
}

ul#topstory.display-posts-listing li.listing-item {
	padding: 0;
}

ul#topstory.display-posts-listing li.listing-item a.image img {
	max-width: 100%;
	width:480px;
	margin-right: 1em;
	float: left;
}

@media (max-width: 480px) {
	ul#topstory.display-posts-listing li.listing-item a.image img {
		max-width: 100%;   
		width: 480px;    
		margin-right: 1em;    
		float: left;
	}
}

ul#home.display-posts-listing li.listing-item {
    padding: 0px;
    width: 33.333333%;
	display: block;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	clear: none;
}

ul#home.display-posts-listing li.listing-item:nth-of-type(3n+1) {
    clear: both;
}

@media (max-width: 480px) {
	ul#vert.display-posts-listing, ul#home.display-posts-listing {
		width: 100%;
	}
}

ul#vert.display-posts-listing li.listing-item, ul#home.display-posts-listing li.listing-item, ul#topstory.display-posts-listing li.listing-item {
	border-right: none;
}

ul#vert.display-posts-listing li.listing-item {
	display: table;
	width: 100%;
	padding-bottom: 1em;
}

ul#vert.display-posts-listing::before {
	content: "POPULAR POSTS ";
	font-family: "Source Sans Pro";
	font-size: 17px;
	font-weight: 600;
	display: table;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: .7rem;
}

ul#vert.display-posts-listing a.title {
	text-decoration: none;
	font-size: 0.9rem;
	font-family: 'source sans pro';
	font-weight:700; 
}

#vert span {
	font-family: 'source sans pro';
	font-weight: 600;
	margin-top: 5px;
}

/************************/
/* 10. Author bio plugin */
.hm-author-img, div#sab-gravatar { /* hide author avatar */
    display: none;
}

div#sexy-author-bio div#sab-author a::before { /* adjust author block title*/
	content: "About ";
	font-weight: 100;
	color: #635f5f;
}

div#sexy-author-bio div#sab-author a::after { /* adjust author block title URL*/
	content: " (View all articles)";
	font-weight: 100;
	color: #635f5f;
}

#sexy-author-bio { /* author block padding*/
    padding: 20px !important;
    margin: 20px 0 !important;
}

#sab-author a {
	text-decoration: underline !important;
}

.archive.author #sab-author a {
	display: none;
}

/***********************/
/* 11. Articles */
.entry-meta { /* article byline, article author link*/
    font-size: .88rem;
	text-transform: uppercase;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 800;
}

.entry-meta .datepublished { /* article pubdate*/
	margin-top: .5rem;
  	display: table;
    font-weight: 100;
    color: #646464;
	/*font-size: 0.8125rem;*/
	text-transform: capitalize;
	/*font-family: "Source Sans Pro", sans-serif;*/
}

.entry-meta .dateolder { /* article pubdate*/
	margin-top: .5rem;
  	display: table;
    font-weight: 100;
    color: #646464;
	/*font-size: 0.8125rem;*/
	text-transform: none;
	/*font-family: "Source Sans Pro", sans-serif;*/
	/*background: #e9f3fa;*/
	font-style: italic;
	line-height: 1.3;
}

.hm-post-style-2 .entry-meta .dateolder, .hm-post-style-6 .entry-meta .dateolder {
	color: white;
}


/* Use this for our DEK/Excerpt display */
#content.site-content header.entry-header h3 {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 100;
    font-size: 1.1rem;
    letter-spacing: .25px;
    color: #333;
	line-height: 1.5rem;
}

.wp-caption-text {
	text-align: left;
  	display: table;
    font-size: .9rem;
	letter-spacing: .5px;
	line-height: 1.2rem;
    color: #8e8d8d;
	font-family: "Source Sans Pro", sans-serif;
	padding-bottom: 10px;
}

.hitmag-post .entry-summary p {
	    font-size: 0.9em 
} 

/**********************/
/* 12. Events - calendar */
/* tribe events styles */
.ecs-events.compact.compact-1 {
	display:table;
	border-spacing:1px;
}

.compact.compact-1 .ecs-event .date_thumb {
	width:75px;
	height:75px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.compact.compact-1 .ecs-event .date_thumb .month {
	font-size:16px;
	text-transform:uppercase;
	line-height:1;
	color: white !important;
}

.compact.compact-1 .ecs-event .date_thumb .day {
	font-size:26px;
	font-weight:bold;
	line-height:1;
	color: white !important;
}

.compact.compact-1 .ecs-event .summary {
	display:table-cell;
	vertical-align:middle;
	background: white !important; line-height: 1.25; padding: 5px;
}

.ecs-events.ecs-clearfix.ecs-grid.ecs-grid-1.columns-1 div.ecs-event div.ecs-wrap div.ecs-thumbnail a .wp-post-image {
	display: table !important;
}

/*Event Widget Updates*/

.ecs-event-title a {font-size: 25px; margin: 0.3em 0; text-decoration: none;}
.ecs-events {margin-left: -5px;}
.ecs-date span {font-family: 'Source Sans Pro'; font-weight: 600;}
.ecs-excerpt {font-size: 16px; font-family: 'source sans pro', sans-serif;}
.ecs-venue {font-size:1rem}
.view-all-events {text-decoration: none; font-family: 'source sans pro';}
.view-all-events  p {font-size: 1rem;}
.view-all-events:hover {text-decoration-color: #222;}

/*New Event Page Update*/
#tribe-events-header, #tribe-events-footer {display: none;}
.tribe-events-cal-links {display:none;}
#tribe-events .tribe-events-content p,#tribe-events .tribe-events-content li {font-family: 'source sans pro', sans-serif}
.tribe-events-schedule {margin: 0px 0px 20px;margin-bottom: 30px;}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {font-size: 1rem;}
#tribe-events h3, span.tribe-event-date-start {font-family: 'source sans pro', sans-serif; font-weight: 600;}
.ecs-events .summary {min-height: 255px}
.ecs-events .summary a {font-family: 'source sans pro', sans-serif; font-weight: 400;text-decoration: none;font-size:1em;}
.ecs-events .summary a:hover {color: #222}
.ecs-events .summary .ecs-venue {font-family: 'source sans pro';}
button.buy-tickets:hover {text-decoration: underline; background: #fb5954}

/* nov 5 */
.ecs-event-list .ecs-event.arts-culture_ecs_category .date_thumb {background: #976d9c;}
.ecs-event-list .ecs-event.environment-energy_ecs_category .date_thumb  {background: #8bc552;}
.ecs-event-list .ecs-event.inspirational_ecs_category .date_thumb  {background: #50b7e4;}
.ecs-event-list .ecs-event.inclusion-accessibility_ecs_category .date_thumb  {background: #fba64a;}
.ecs-event-list .ecs-event.community_ecs_category .date_thumb  {background: #fcb830;}
.ecs-event-list .ecs-event.insightful_ecs_category .date_thumb  {background: #eb5053;}
.ecs-event-list .ecs-event.facebook-live-event_ecs_category .date_thumb  {background: #3B5998;}
.ecs-event-list .ecs-event.at-home_ecs_category .date_thumb  {background: #EB5053;}

/*Events landing page*/
img.walrus-talks-header-logo {
	bottom: 0;
	right: 0;
	margin-right:10px;
	z-index: 1;
	position: absolute;
	height: 135px;
	width: 300px;
}

@media screen and (max-width: 768px) {
	img.walrus-talks-header-logo {
		height: 67.5px;
		width: 150px;
	}
	video.walrus-talks-header-video {
		margin-top: 25px;
	}
}


/***************************/
/* 13. trust indicators */
.trust-indicators-mark a img {
	/*float: left;*/
}

aside.widget.trust_indicators_trustproject p {
	padding-left: 15rem;
}

aside.trust_indicators_trustproject > a:nth-child(4) {
	display:none;
}

aside.widget.trust_indicators_trustproject {
	width: 80%;
	float: left;
}

aside.widget.trust_indicators_sitewide {
	width: 20%;
	float:right;
	display: inline;
}

.trust_indicators_article {
	margin-bottom: 0px;
}

aside.widget.trust_indicators_trustproject div.trust-indicators-mark {
	margin: 0;
}

.trust_indicators_trustproject a:hover {
	color: #646464;
}

/*Trust Project widget on tablet and mobile. */
@media (max-width: 768px)  {
	aside.widget.trust_indicators_trustproject, aside.widget.trust_indicators_sitewide {	
		width: 100%;
	}

	aside.widget.trust_indicators_trustproject div.trust-indicators-mark {
		display: inline;
	}

	aside.widget.trust_indicators_trustproject div.trust-indicators-mark img {
		width: 100%; 
		padding:5% 25% 5% 25%;
	}

	aside.widget.trust_indicators_trustproject p {
		padding-left: 0;
	}
}


/*************************/
/* 14. responsive definitions */
@media (max-width: 1199px) {
	.main-navigation a {
    padding: 12.5px 2px;
}
}

/*@media screen and (min-width: 768px) { 
	.main-navigation ul ul.toggled-on a {
		color: #333 !important;
	}
}
*/

@media screen and (min-width: 990px) {
	.main-navigation ul ul.toggled-on a {
		color:#333 !important;
		background: #fff;
	}
}

@media (max-width: 992px) {
  .hm-search-button-icon {
    margin-top: 0;
	right: 15px;
    width: 15px;
	position: absolute;
  }
  
  .main-navigation ul {
    text-transform: uppercase;
  }
  
	.main-navigation ul a {
	  background: #222222; color: #cccccc;
	}
	
	.main-navigation ul ul.toggled-on a	{
		color: #cccccc;
		background:#222222;
	}

	#menu-item-84762 li.menu-item-object-category {
		background: none;
	}

	ul.display-posts-listing .category-display, ul.display-posts-listing .title {
		font-size: 1rem;
	}
  
	ul.display-posts-listing .category-display, ul.display-posts-listing, ul.display-posts-listing span.author {
    font-size: .6rem;
  }
}

@media (max-width: 768px) {
	body.home div#hitmag_pro_list_posts-4 div.hmlw-thumb { /* HP main article block increase image size */
	width: 100%;
	}
}

@media (max-width: 480px) {
	.footer-sidebar { /* auto footer widths on mobile*/
		width: auto;
	}
	ul.display-posts-listing li.listing-item {
	display: table-header-group;
	}
}

/*************************************/
/* 15. Custom post style 5, 6 - aside */
@media (max-width: 768px) {
    .hm-post-style-5.th-hero-container,
    .hm-post-style-6.th-hero-container{
        position: relative;
    }
    .hm-post-style-5.th-hero-container #hero_title_holder,
    .hm-post-style-6.th-hero-container #hero_title_holder{
        float: none !important;
        width: 100% !important;
        position: relative !important;
        top: 75px !important;
        transform: none !important;
        margin-bottom: 75px;
    }
    .hm-post-style-5.th-hero-container #hero_image_holder,
    .hm-post-style-6.th-hero-container #hero_image_holder{
        float: none;
        width: 100% !important;
        line-height: 0;
    }
    
    /* FONT SIZES */
    .hm-post-style-5.th-hero-container #hero_title_holder h1.entry-title,
    .hm-post-style-6.th-hero-container #hero_title_holder h1.entry-title{ 
        font-size: 2.2rem !important;
    }
    #hero_title_holder p{ 
        font-size: 1rem !important; 
    }
    
    /* COLOURS */
   .hm-post-style-6.th-hero-container .cat-links a, .hm-post-style-6.th-hero-container #hero_title_holder h1.entry-title, .hm-post-style-6.th-hero-container #hero_title_holder p {  
        color: #fff !important;
    }
}

.aside_wp_caption_text {
    font-size: .9rem;
    letter-spacing: .5px;
    line-height: 1.2rem;
    color: #8e8d8d;
    font-family: "Source Sans Pro", sans-serif;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ccc; /* border here */    
    text-align: right;
    float: right;
    padding: 10px;
}

.hm-post-style-5.th-hero-container, .hm-post-style-6.th-hero-container {
    position: relative;
	max-height: 100% !important;
}

.hm-post-style-5.th-hero-container #hero_title_holder, .hm-post-style-6.th-hero-container #hero_title_holder {
    float: left;
    width: 45%;
    padding: 75px;
    position: absolute;
    top: 52%;
    transform: translateY(-52%);
}

.hm-post-style-5.th-hero-container div.addthis_sharing_toolbox, .hm-post-style-6.th-hero-container div.addthis_sharing_toolbox, .hm-post-style-2.th-hero-container div.addthis_sharing_toolbox {
	float: none;
	display: block;
	padding-top: 2.4rem;
}	

.hm-post-style-5.th-hero-container #hero_image_holder, .hm-post-style-6.th-hero-container #hero_image_holder {
    float: right;
    width: 50%;
    line-height: 0;
}

.th-hero-container.hm-post-style-5 div.entry-meta a:hover, .th-hero-container.hm-post-style-6 div.entry-meta a:hover {
	color: #646464;
}

.th-hero-container.hm-post-style-5 div.entry-meta {
	border-bottom: none;
	padding-bottom: 0;
}

/* fixed width for landscape hero images */
#hero_image_holder img {
    width: 100% !important;
}

.hm-post-style-5.th-hero-container .entry-header,
.hm-post-style-6.th-hero-container .entry-header{
    width: 100%;
    bottom: 0;
}

.th-hero-container {
    margin: -1rem 0 1rem 0;
    background: #fff;
    overflow: hidden;
    position: relative;
}


/* post-style-6 specific definitions*/
.th-hero-container.hm-post-style-6 .entry-meta a, .th-hero-container.hm-post-style-2 .entry-meta a {
	text-decoration: none;
}

.th-hero-container.hm-post-style-6 .entry-meta a.author:hover, .th-hero-container.hm-post-style-2 .entry-meta a.author:hover {
	text-decoration: underline;
}

.th-hero-container.hm-post-style-6 {
	background: #000;
}

.th-hero-container.hm-post-style-6 .hm-header-content p, .th-hero-container.hm-post-style-2 .hm-header-content p,
.th-hero-container.hm-post-style-6 div.entry-meta a, .th-hero-container.hm-post-style-2 div.entry-meta a,
.th-hero-container.hm-post-style-6 #hero_title_holder .hm-header-content .cat-links a, .th-hero-container.hm-post-style-2 #hero_title_holder .hm-header-content .cat-links a, .th-hero-container.hm-post-style-6 #hero_title_holder .hm-header-content .cat-links, .th-hero-container.hm-post-style-2 #hero_title_holder .hm-header-content .cat-links, .th-hero-container.hm-post-style-6 #hero_title_holder .hm-header-content .entry-meta {
    color:#fff;
}

.hm-post-style-6.th-hero-container #hero_title_holder h1.entry-title, .hm-post-style-2.th-hero-container .entry-title {
    color: #fff;
    font-family: "GT Sectra";
    font-size: 2.7rem;
    font-weight: 700;
    padding-bottom: 0.4em;
    line-height: 1.1;
	margin: 0;
}

.th-hero-container.hm-post-style-6 #hero_title_holder .entry-meta .datepublished, .th-hero-container.hm-post-style-2 .entry-meta .datepublished {
    color:#fff;
}

.th-hero-container.hm-post-style-6 #hero_title_holder .hm-header-content .cat-links a:hover {
    color: #fb5954;
}

.th-hero-container.hm-post-style-6 .aside_wp_caption_text {
    background: #fff;
}

/* style 2 - gallery template */
.hm-post-style-2.th-hero-container {
    height: 100vh;
}

.hm-post-style-2.th-hero-container .hm-header-content {
	/*margin-top: 25%;	*/
	/*bottom: 0;
	position: absolute;*/
}

.hm-post-style-2-excerpt figcaption.aside_wp_caption_text {
	border-top: 0;
	padding-right: 10px;
}

.th-hero-container.hm-post-style-2 .hm-header-content .cat-links {
	background: none;
	color: #fff;
	padding-left: 0;
}

/* paid post header styling */
.gallery {
	margin-bottom: 1rem;
}

.gallery .hm-tagged {
	width: 100%;
	text-align: center;
	padding: .5rem 0 .5rem 0;
	/*margin: 0px 0px 13px 0px;*/
	background: #646464;
	margin-right: 0;
}

.tag-paid-post .entry-header .cat-links {display: none;}

/*.post-template-default .tag-paid-post .entry-header .cat-links {
	background: #646464;
	padding: .5rem;
}*/

@media (max-width: 768px) {
	.gallery {
		margin-bottom: 0;
		top: -1rem;
		position: relative;
		z-index: 1;
	}
	.gallery .hm-tagged {
		padding: 1rem 0 1rem 0;
	}
}

.th-hero-container.hm-post-style-2 div.hm-header-content span.hm-tagged {
	display: table;
}

/* POST TITLE */
.hm-post-style-5.th-hero-container #hero_title_holder h1.entry-title {
    font-family: "GT Sectra";
    font-size: 2.7rem;
	font-weight: 700;
    padding-bottom: 0.4em;
    color: #333;
    line-height: 1.1;
	margin: 0;
}

@media (max-width: 992px) {
	.hm-post-style-5.th-hero-container #hero_title_holder h1.entry-title,
.hm-post-style-6.th-hero-container #hero_title_holder h1.entry-title {
		font-size: 1.7rem;
	}
	body .hm-header-content p {
		font-size: 0.975rem;
		line-height: 1.5125rem;
	}
	.entry-header .cat-links {
		padding: 0;
	}
}

/* CSS for GALLERY posts that fixes RGBA background, and header area on mobile CONFIRM*/
@media (max-width: 768px) {
	.hm-post-style-2.th-hero-container .entry-header {
		height: 100%;
		padding: 4rem 1rem;
	}
	.hm-post-style-2.th-hero-container .hm-header-content {
		/*margin-top: 25%;	*/
		bottom: 0;
		position: absolute;
	}
	.hm-post-style-2.th-hero-container {
		height: 90vh;
	}
}

/*************************************/
/* 16. Archive pages */

.category h1.arc-page-title {
	font-size: 2rem !important;
	border-bottom: none;
}

.tag h1.arc-page-title {
	font-size: 2rem !important;
	border-bottom: none;
}

.author h1.arc-page-title {
	font-size: 2rem !important;
	border-bottom: none;
}

/*For an unknown reason, certain gif and image files are causing issues on the category/tag/search pages. This is a potential fix below. */
.category .archive-content .archive-thumb {
	padding-top: 0%;
	width: 350px; 
}

.tag .archive-content .archive-thumb {
	padding-top: 0%;
}

.author .archive-content .archive-thumb {
	padding-top: 0%;
}

.category .archive-content .archive-thumb img {height: 100%;}

.tag .archive-content .archive-thumb img {height: 100%;}

.author .archive-content .archive-thumb img {height: 100%;}

.category .archive-content article.has-post-thumbnail {
	padding: 5px
}

.tag .archive-content article.has-post-thumbnail {
	padding: 5px
}

.author .archive-content article.has-post-thumbnail {
	padding: 5px
}

.category .archive-content .cat-links  {
	display: none;
}

.tag .archive-content .cat-links  {
	display: none;
}

.author .archive-content .cat-links  {
	display: none;
}

.category .hitmag-post .entry-summary p {
	line-height: 1.2;
}

.tag .hitmag-post .entry-summary p {
	line-height: 1.2;
}

.author .hitmag-post .entry-summary p {
	line-height: 1.2;
}

.category .archive-content h3.entry-title a {
	font-size: 1.2em;
}

.tag .archive-content h3.entry-title a {
	font-size: 1.2em;
}

.author .archive-content h3.entry-title a {
	font-size: 1.2em;
}

.category .archive-content .th-readmore {
	display: none;
}

.tag .archive-content .th-readmore {
	display: none;
}

.author .archive-content .th-readmore {
	display: none;
}


.archive article {
	border-bottom: 1px solid #ccc;
}

/*image dimensions for events - 290x193*/
.category-events .archive-thumb img {
	width: 300px;
	height: auto;
}

/*Remove black background lettering at foot of category and search pages*/
.pagination .nav-links .current {
	background: white; 
	color: #fb5954; 
}

.pagination .nav-links .current:hover {
	background: white; 
	color: #fb5954; 
}

.pagination .page-numbers {
	color: #333;
	background: white;
}

.pagination .page-numbers:hover {
	color: black;
}

.category .hitmag-post {
	/*margin-top:-40px;*/
}

.tag .hitmag-post {
	/*margin-top:-40px;*/
}

.archive.category .page-header {
	/*padding-bottom: 2.5em;	*/
}

.archive.tag .page-header {
	/*padding-bottom: 2.5em;	*/
}

/*************************************/
/* 17. Various custom widgets, menus, sections */
/*Fixes to our latest issue #custom_html-23, #text-27, PROD ID MISSING */

.latest-issue-widget .issue-button {
	padding-top:0px;
	padding-bottom: 0px;
}

.latest-issue-widget .su-button-wide {
	margin: 0.6em 0;
	font-size: 15px;
	background-color: #f5f5f5 !important;
	border-radius: 0px !important; 
}

.latest-issue-widget .textwidget p, .latest-issue-widget table {
	margin: 0;
}

.latest-issue-widget .su-button-style-flat span {
	margin-left: -5px;
}
	
/*This specific code prevents the summary text from overlapping with the action buttons below it*/
.latest-issue-widget td.magazine-sidebar-text {
	position: inherit;
	line-height: 1.1;
}


/* CSS for the DEATH Series landing page (PROD: post-112409)*/
.postid-103383 .site-content, .postid-112409 .site-content {
	background: #c4d1e2 ;
}

.postid-103383 .sidebar-above-footer, .postid-112409 .sidebar-above-footer {
	background: #c4d1e2
}

.post-103383 h1, .post-112409 h1 {
	font-family: "GT Sectra";
	font-size: 2em;	
}

#post-103383 a, #post-112409 a {
    text-decoration: none;
}

#post-103383 hm-post-style-2 {
  visibility: hidden !important;
}
/* end of DEATH Series landing page */

/* Subscribe Page Adjustments for the 'Journalism worth supporting widget' PROD: post-76152 */
#post-76152 ul.display-posts-listing li {
	padding:5px 10px;
}

#post-76152 ul.display-posts-listing li.listing-item:nth-child(odd) {
  background:#ececec;
}

#post-76152 ul.display-posts-listing li.listing-item {
 border-style: none;
}

#post-76152 ul.display-posts-listing li.listing-item span.author {
	font-family: "Source Sans Pro", Sans-Serif; font-weight: 800;
}

/*Code below flattens 404 widget at 768 px*/

@media (max-width: 1068px) {
	#post-76152 ul.display-posts-listing li.listing-item  {
		display: table-header-group;
	}

	#post-76152 ul.display-posts-listing li.listing-item a  {
		font-size: 15px
	}
}
/* Subscribe Page Adjustments */

/* Masthead page fixes: will add display:block to table at 768px to place copy beneath images. Following this, we need to ToDo image sizes at same width. the standard for headshots is 400px X 400px PROD: post-69886 */
@media (max-width: 768px) {
	.post-69886 .su-table table td {
		display: block;
	}
}
/* end of Masthead page fixes */
 
/*We wanted to make a couple changes to the what you're reading area on the homepage. The first one is a line break to make sure the author is parked beneath the article title. Secondly, we wanted to increase the number size and add some padding below the final article - JUNE 19 UPDATE*/

#what-reading span.author {
	font-family: 'source sans pro', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

#what-reading span.author::before {
	content: ''; display: block;
} 

#what-reading ol.display-posts-listing li.listing-item {
	display: inline-block;
}

#what-reading ol.display-posts-listing {
	padding-bottom: 15px;
}

#what-reading ol.display-posts-listing li.listing-item::before {
	font-size: 2.5rem;
}

/*We want to ensure that the Canada's Conversation logo at the footer is aligning with the remaining footer items.*/
#text-14  {
	padding-top: 10px;
}

a.footer-menu-walrus-lab:hover {
	text-decoration: underline; 
}

/*To add clearer spacing between widgets, we want to add a bottom border to separate the events area from the newsletter area*/
#menu-item-84762  li.menu-item-object-category {
	background: white;
}

/*Removing red hovers*/
#custom_html-19 h2 a:hover {
	color: #646464;
}

.hm-header-content .cat-links a:hover {
	color: #cccccc !important;
	text-decoration: none;
}

.th-hero-container.hm-post-style-6 div.entry-meta a:hover {
	color: #cccccc !important;
	text-decoration: none;
}

.entry-title a:hover {
	color: #646464 !important;
}

span.author a:hover {
	color: #646464 !important;
}

/*CSS for latest issue widget that fixes issues with the cover on smaller screens CONFIRM*/
@media only screen and (max-width: 1200px) and (min-width: 990px) {
	.latest-issue-widget td {
		width: 100%;
		display: block;
		padding: 10px;
		font-size: 0.8em !important;
	} 
	
	.latest-issue-widget .read-the-cover-story  {
		font-size: 0.9rem;
		margin-top: -10px;
	}
	
	.latest-issue-widget .issue-title, .latest-issue-widget td.magazine-sidebar-text {
		font-size: 0.9em;
		display: inline-block;
		position: inherit;
	}
	
	.latest-issue-widget table {
		margin-bottom: -45px !important;
	} 
}

/*Fixes bug on visualizer hover*/
.google-visualization-tooltip:hover,.google-visualization-tooltip:focus {pointer-events: none;}

/*************************************/
/* 18. Special Series */
/* CSS to make the tables on the Opioids Special Series */
.tag-opioids-series .black-row {
	background: #000;
	margin-bottom: 0rem;
}

.tag-opioids-series .black-row .title {
	color: white !important;
}

.tag-opioids-series .black-row .description {
	color: white !important;
}

.tag-opioids-series .beige-row {
	background: #f2e7dd;
	margin-bottom: 0rem;
}

.tag-opioids-series .beige-row .title {
	color: #000;
}

.tag-opioids-series .beige-row .description {
	color: #000;
}

.tag-opioids-series .section {
	padding-left: 10%;
	padding-right: 10%;
}

.tag-opioids-series .thumbnail {
	text-align: center;
}

.tag-opioids-series .opioids-title-link {
	text-decoration: none;
}

.tag-opioids-series title {
	margin: 0 0 -20px;
	font-size: 1.7rem;
	font-weight: 600;
	text-decoration: none;
}

.tag-opioids-series .author {
	font-size: 0.9rem; 
	font-family: source sans pro; 
	margin-bottom: 2rem; 
	font-weight: bold; 
	color: #fb5954; 
	text-transform: uppercase;
}

.tag-opioids-series .description {
	font-size: 1.3rem; 
	font-family: source sans pro; 
	font-weight: 500; 
	line-height: 2.0rem;
}

/*End of Opioids CSS*/

p.credits span {color:#fb5954;} 

/*Further updates to the widgets based on design feedback. */
#text-32.widget, #text-30.widget {
	margin: 0 0 10px !important;
}

#text-30 .display-posts-listing li.listing-item a.title {
	/*font-size: 1.4rem !important;*/
}  

#text-17 .elementor-widget-container h5, .widget-title {
	margin-bottom: 10px; 
}

/*This code is for the front page thumbnails on mobile. This allows them to stack instead of them being pushed side by side. CONFIRM */
@media screen and (max-width: 768px) {
	#text-31 .textwidget li.listing-item, #text-30 .textwidget li.listing-item {
		width: 100% !important;
		border-bottom: solid 1px #ccc; 
		margin-top: 15px; 
	}

	#text-31 .textwidget li.listing-item a img, #text-30 .textwidget li.listing-item a img {
		width: 40%;
	}

	#text-31 .textwidget span.author, #text-30 .textwidget span.author {
		font-size: 0.8rem;
	}
}

/*CSS for sidebar ad that includes NEWSLETTER SIGNUP field */

#mc-embedded-subscribe-form {
	background-size: contain; 
	background-repeat: no-repeat ;
	padding-top: 20px;
	padding-bottom: 30px;
}

#mc-embedded-subscribe-form input[type="submit"] {
	margin-left: 10px;
	margin-top: 15px;
	float:left !important;
	background: black;
}

#mc-embedded-subscribe-form input[type="submit"]:hover {
	text-decoration: underline;
}
 
#mc-embedded-subscribe-form h2 {
	color: #000;
	padding-left: 10px;
	font-size: 1.7rem;
	padding-top: 70px;
	text-align: left;
}

#mc-embedded-subscribe-form input[type="email"] {
	float: left;
	width: 75%;
}

.newsletter-disclaimer {
	font-size: 0.9rem !important;
	padding-left: 0px;
	width: 300px; 
	margin: 0 auto;
	color: black; 
	line-height: 1;
	margin-top: 10px
}

img.newsletter {
	width: 100% !important;
}

/* Hide the Toggle logo  */  
@media screen and (min-width: 993px) {
	.mobile_logo { display: none !important;}
}

/* menu logo in mobile top nav */
@media screen and (max-width: 992px) {
	.menu-toggle::before {
		margin-right: 0;
		font-size: 17px;
		color: #fff;
		margin-left: -30px;
	}
	.menu-toggle::after {
		/*content: "THE WALRUS" !important;
		background: url(https://s3.amazonaws.com/walrus-assets/img/WHITE-JUSTTheWalrus_transparent2.png);
		background-size: contain;
		background-repeat:no-repeat;
		color: transparent; margin-left: -60px;
		background-position: 0px 2px;*/
	}
	.mobile_logo {
		content: "THE WALRUS" !important;
		background: url(https://s3.amazonaws.com/walrus-assets/img/WHITE-JUSTTheWalrus_transparent2.png);
		background-size: contain;
		background-repeat: no-repeat;
		color: transparent;
		display: inline-block;
		width: 50%;
		height: 22px;
		cursor: pointer;
		position: absolute;
		top: 12px;
		left: 4rem;
		/*margin-top: -25px;*/
	}
	.main-navigation a:hover{
		background-color: #222 !important;
    } 
	.menu-toggle:hover, #site-navigation.main-navigation button.menu-toggle {
		color: transparent;
	}
	.menu-toggle {
		/*margin-left: -30px;*/
		font-size:17px;
		color: transparent;
	}
	
	#primary-menu.menu #menu-item-114404 {
			display: none;
	}
	
	#menu-item-114404  {
		margin-top: -45px;
		background-size: contain; 
		background-position: center !important;
		height: 50px; 
		width: 100%;
		z-index: 99999999;
	}
	#menu-item-114404 a {
		background: none !important;
	}
}

/*hide popup black code*/
#spu-103884 {
	color: transparent !important;
}

.distressed-clothes-image {
	width: 100%;
}

/*Fixing the footer area in the sidebar above footer*/
.search .sidebar-above-footer {
	display: none;
}

/*Special Series Header*/
/*This will hide the header text and allow for a label to appear above the video*/ 

.single .tag-special-series .entry-header {display:none;}
.special-series-desktop-divider {display:block}
hr.special-series-mobile-divider {display:none;}

@media (min-width: 768px) {
	.single .tag-special-series .su-row {padding-right: 5%; padding-left: 5%;}
}

/*.hitmag-full-width .tag-special-series .entry-header {display:none !important;} */
/*.tag-special-series .entry-content p {padding: 0 5% 0% 5%;}*/
.single-post.hitmag-full-width.th-no-sidebar  video {top: 0;height: 100%;width: 100%;left: 0; right: 0;} 
.single-post.hitmag-full-width.th-no-sidebar .video-area {background: transparent;width: 100%; top: 0;margin-top: -1%;left: 0 !important; right: 0;}
.single-post.hitmag-full-width.th-no-sidebar .custom-header-title {margin-top: -40%;position: absolute;width: 100%;}
.single-post.hitmag-full-width.th-no-sidebar .custom-header-title h1 {color: white;font-size: 4.8rem;z-index: 999999999;text-align: center;width: 100%;text-transform: uppercase;letter-spacing: 5px;font-weight: 800; font-family:'source sans pro', sans-serif;}
.hitmag-full-width.th-no-sidebar .custom-header-title h3 {color: white;font-size: 1.5rem;padding: 0 10%;text-align: center;}

/*Special Series Article entries*/
.single-post.hitmag-full-width.th-no-sidebar .su-row p {/*font-family: 'source sans pro', sans-serif;font-weight: 300;color: #333;*/}
.single-post.hitmag-full-width.th-no-sidebar .su-row h3 {margin-bottom: 0.6rem;font-family: sans-serif;font-weight: 700;font-size: 2.2rem;color: #222;text-decoration: none !important;} 
.single-post.hitmag-full-width.th-no-sidebar  .su-row p {/*font-family: 'source sans pro', sans-serif;font-weight: 300;*/} 
.single-post.hitmag-full-width.th-no-sidebar   a {text-decoration: none;}	
.single-post.hitmag-full-width.th-no-sidebar   hr {background-color: black; height: 10px; border: 0; width: 100%;}
.single-post.hitmag-full-width.th-no-sidebar  .su-column p strong {font-weight: 500;}	 

/*Special Series Article Body*/
.hitmag-full-width.th-no-sidebar p.introduction-text {padding: 0 5% 0% 5%;} 
.single-post.hitmag-full-width.th-no-sidebar .special-series-body {max-width: 1400px;margin: 0 auto; padding: 0 30px;margin-top: 5%} 
.single-post.hitmag-full-width.th-no-sidebar  .hm-nav-container {padding: 0 30px;}
/*.single-post.hitmag-full-width.th-no-sidebar   li.more-from-walrus a {font-family: 'source sans pro', sans-serif !important; font-weight: 600;} */
.single-post.hitmag-full-width.th-no-sidebar li.more-from-walrus a {font-size: 1.1875rem;letter-spacing: 0.04rem;line-height: .75rem;padding: 0rem 0rem 0rem 0rem;margin: 0rem 1rem 1rem 0;font-family: "Source Sans Pro",sans-serif;list-style-position: inside;cursor: pointer;font-weight: 600;text-decoration: underline;}

.single-post.hitmag-full-width.th-no-sidebar   footer {padding: 0 30px !important;}
.single-post.hitmag-full-width.th-no-sidebar  hr {background-color: black; height: 10px; border: 0;}
.single-post.hitmag-full-width.th-no-sidebar h3 {text-decoration: none;}

/*images will go full-width*/
img.full-width-image, post.hitmag-full-width.th-no-sidebar .wp-post-image {width: 100%;}
.full-image {padding: 2% 0}
.single-post.hitmag-full-width.th-no-sidebar hr.thin {background-color: black; height: 1px; border: 0;}

/*Special Series Table of Contents Fixes*/
.article-title  {border-bottom: 1px dotted black; margin-top: -15px;font-family: "Source Sans Pro; sans-serif"}  
.article-title p {line-height:0.9rem; }
.article-title span {background: white;padding: 5px; margin-top: -5px; font-weight: 600;}    
.article-title a {text-decoration: none !important}    
.article-title span:first-child {background: white; padding: 5px 0px; margin-top: 5px;}
.article-title span:nth-child(2) {float: right;} 

/*This forces table of contents to stretch 100% of the width of the container*/
.toc {width: 100%;}

/*This forces the opening description to the special series to have an identical font */
.post.hitmag-full-width.th-no-sidebar  .special-series-description p {font-family: 'source sans pro', sans-serif;font-weight: 300;}  

/*Custom Walrus red colour to the credits*/
.credit-title {color:#fb5954;font-weight: 600;} 
 
/*Special Series Accordion for introduction*/
.post.hitmag-full-width.th-no-sidebar .su-spoiler-title {font-size: 1.1875rem; font-family: "Source Sans Pro";font-weight: 300 !important;}
.post.hitmag-full-width.th-no-sidebar  .su-spoiler-title:focus {outline: none !important;}
.post.hitmag-full-width.th-no-sidebar mc-field-group {display: flex}

/*Special Series Wide 990px adjustments*/
@media (max-width: 990px) {
.single-post.hitmag-full-width.th-no-sidebar .custom-header-title {margin-top: -40%;}
.single-post.hitmag-full-width.th-no-sidebar .custom-header-title h1 {font-size:4.5rem; margin-top: -80%;}
.single-post.hitmag-full-width.th-no-sidebar .custom-header-title h3 {color: white;font-size: 1rem;}
.single-post.hitmag-full-width.th-no-sidebar .custom-header-title {margin-top: -40%;}
.single-post.hitmag-full-width.th-no-sidebar .custom-header-title h3 h1 {margin-top: -5%;}
} 

/*Special Series Mini 768px adjustments*/
@media (max-width: 768px) {.tag-special-series {overflow-x: hidden !important;}
.single-post.hitmag-full-width.th-no-sidebar  .header-video {width: 100% !important} 
.single-post.hitmag-full-width.th-no-sidebar  .custom-header-title {margin-top: -35%;}
.single-post.hitmag-full-width.th-no-sidebar .custom-header-title h1 {font-size:1.5rem; margin-top: -80%;}
.single-post.hitmag-full-width.th-no-sidebar .custom-header-title h3 {color: white;font-size: 0.9rem;margin-top: 5%;padding: 0 10%;}
.single-post.hitmag-full-width.th-no-sidebar {overflow-x: hidden !important;} 
.special-series-desktop-divider {display:none;}
hr.special-series-mobile-divider {display:block;}
}
  
/*Special Series Mini mobile adjustments*/
@media (max-width: 480px) {.tag-special-series .custom-header-title h1 {font-size:2rem;margin-top: -40%;}
.single-post.hitmag-full-width.th-no-sidebar  .sidebar-above-footer {display: none;}
.single-post.hitmag-full-width.th-no-sidebar  .hm-related-posts {display: none;}
.single-post.hitmag-full-width.th-no-sidebar .nav-previous {height: 200px}
.single-post.hitmag-full-width.th-no-sidebar .video-area{background: transparent;}
.single-post.hitmag-full-width.th-no-sidebar  .custom-header-title h3 {color: white;font-size: 1.3rem;z-index: 999999999;text-align: center;width: 100%;text-transform: uppercase;letter-spacing: 2px;}
.single-post.hitmag-full-width.th-no-sidebar  a {text-decoration: none;}
.single-post.hitmag-full-width.th-no-sidebar  .tag-special-series button.read-the-entire-series-button:hover {font-weight: 700;padding: 15px 30px;}  }

@media (max-width: 990px) {
	.tag-special-series {overflow-x: visible !important;} 
	.ecs-events .summary {min-height: 350px;}
}

@media (max-width: 600px) {
	.ecs-events .summary {min-height: 175px;}
}

/*Ensuring there is no stretching of special series components at the bottom of the page*/

.single-post.hitmag-full-width.th-no-sidebar  .sidebar-above-footer, .single-post.hitmag-full-width.th-no-sidebar nav.post-navigation
{padding: 0% 10%;} 

.single-post.hitmag-full-width.th-no-sidebar .hm-related-posts
{padding: 0% 10%;} 

.single-post.hitmag-full-width.th-no-sidebar .hm-tags-links, .nav-previous 
{display:none;} 

.single-post.hitmag-full-width.th-no-sidebar #sexy-author-bio
{margin: 10% 10% 0% !important;} 
 
/*Fix for primary content area problem */
.single-post.hm-post-style-6 #primary.content-area {max-width: unset !important;}
	
/*this section allows the top header to stretch full width*/
.single-post.hitmag-full-width.th-no-sidebar .hm-container     {max-width: unset; padding: 0;}
.single-post.hitmag-full-width.th-no-sidebar  .hm-nav-container {padding: 0px 30px;}
.single-post.hitmag-full-width.th-no-sidebar  #masthead {/*position: absolute;*/z-index: 99999999;width: 100%; /*margin:0;*/}
.single-post.hitmag-full-width.th-no-sidebar  #primary.content-area {max-width: unset !important;}
  
@media (max-width: 768px) {
.single-post.hitmag-full-width.th-no-sidebar .tall-header .video-area {background: transparent;width: 200%; margin-left: -50%;}  
.single-post.hitmag-full-width.th-no-sidebar .tall-header .custom-header-title {margin-top: -35%; } 
.single-post.hitmag-full-width.th-no-sidebar .tall-header .custom-header-title h3 {color: white;font-size: 0.9rem;margin-top: 5%;padding: 0 10%;} 
.single-post.hitmag-full-width.th-no-sidebar {overflow-x: hidden !important;}}
 
/*Body Modifications*/
.single-post.hitmag-full-width.th-no-sidebar body p {max-width: 990px; margin-left: auto;margin-right: auto; }
/*.single-post.hitmag-full-width.th-no-sidebar.tag-visual-essay p {max-width: 990px; margin: 0 auto;}*/
 
.single-post.hitmag-full-width.th-no-sidebar .full-image {margin: 0em; width: 100% }
.single-post.hitmag-full-width.th-no-sidebar .large-image img {height: auto;max-width: 100%;}

/*Custom components for the Beauty Series. */
.tag-beauty-series .su-row h3 {
	background: -webkit-linear-gradient(#9a2a66, #380096);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.tag-beauty-series .custom-header-title h3 {
	color: white;
	font-size: 1.3rem;
	z-index: 999999999;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0 5%;
}

/*Hides non-responsive multimedia on mobile*/
@media screen and (max-width: 768px) {
	.tag-multimedia iframe {
		display:none;
	}
}

/*************************************/
/*19. Video Room Page, page-id-115785 */
/*Margins stretched to accomodate the rows of videos and the full-width header. */
.page-id-115785 .hitmag-page, .page-id-124063 .hitmag-page {margin-left:-40% !important; margin-right: -40% !important;}

/*Hiding the page title*/
.page-id-115785 header.entry-header, .page-id-124063 header.entry-header {display: none;}

/*Header Area*/
.page-id-124063, .page-id-124063  {overflow-x: hidden;}
.page-id-124063 .video-room, .page-id-115785 .video-room {overflow-x: hidden !important;margin-top: -30px;}
.video-room h1.talks-title {text-transform: uppercase !important; color: #fb5955 !important;padding: 10px 0px !important;}
.video-room  .body-author {color: #fb5954;text-transform: uppercase; font-size: 1rem;font-family:'Source Sans Pro', sans-serif;} 
.video-room  h3.video-headline {color: white;text-transform: Capitalize;font-family: 'source sans pro',sans-serif; font-weight: 600;margin-top: -30px;}
.video-room  h3.subheading {font-size: 1rem; }
.video-room  p.top-video-description {font-family: 'source-sans-pro', sans-serif}
.video-room  p.header-body-title {color: white;text-transform: capitalize;margin-bottom: 0px;font-size: 1.25rem;line-height: 1.4rem;font-family:'Source Sans Pro', sans-serif;font-weight: 400;}
/*.page-id-124063 #doubleclick_widget-2 {display:none;} */

/*Top Featured Video*/
.video-room  .header-iframe-wrapper, .page-id-124063  .header-iframe-wrapper {position: relative;padding-bottom: 56.25% !important; /* 16:9 */ padding-top: 25px !important;height: 0 !important;}
.video-room  .header-area .su-column iframe {position: absolute;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}

/*Preventing horizontal overflow because of the stretched margins*/
.page-id-115785, .page-id-124063 {overflow-x: hidden;}
.page-id-115785 body {overflow-x: hidden !important;}
/*.page-id-124063 .video-room {overflow-x: hidden !important;margin-top: -30px;}*/

/*Hiding Footer components*/
.page-id-115785 .sidebar-above-footer .hm-container, .page-id-124063 .sidebar-above-footer .hm-container {display:none;}

/*Body Area*/
.video-room  p.body-title {color: #222;text-transform: capitalize;margin-bottom: 0px;font-size: 1.1rem;line-height: 1.25rem;font-family:'GT Sectra', sans-serif;font-weight: 700;}
.video-room  .body-title-area {margin-top: -30px;}

/*Mobile Adjustments to Video Room Page*/
@media screen and (max-width: 768px) {
	.video-room  .row {margin-left: -10%; margin-right: -10%;}
	.video-room  .su-column-size-1-5 img {width: 100%;margin: 0 auto; }
	.video-gallery {padding: 0 5%;}
	.video-room  p.body-title {font-size: 1.25rem;} 
	.video-room  p.body-author {font-size: 1rem;}
	.video-room .headline-video {margin-bottom:20%;} 
	/*.page-id-115785 .pp_pic_holder.pp_default, .page-id-124063 .pp_pic_holder.pp_default {height: 100%; margin-top: 20%;padding-left: 1%; padding-right: 1%;}*/
	.video-room #pp_full_res iframe {width: 100%}
	.page-id-115785 body {overflow-x: hidden;}
	.page-id-115785 .pp_details, .page-id-124063 .pp_details {margin-bottom: 100px; height: 50px; background: transparent;}
	.page-id-115785	.pp_content_container, .page-id-124063 .pp_content_container {padding: 0 5% !important;}
}

@media screen and (max-width: 480px) { 
}


/*************************************/
/* 20. AFNA First Novel Award */
/*.postid-136350 .hm-related-posts, .postid-123592 .hm-related-posts {display:none;}*/
.tag-hide-header .entry-header, .tag-hide-header .hm-header-sidebar {display:none;}
.tag-hide-header .post-navigation, .tag-hide-header .sidebar-above-footer, .tag-hide-header #sexy-author-bio {display: none;}
.tag-first-novel-award  .click-button {background: white; color: black; padding: 10px 30px;border: 1px solid black;border-radius: 5px;}
.tag-first-novel-award  button.click-button:hover {background:rgba(251,175,21,1); border: 1px solid transparent;color: white;}
.tag-first-novel-award  img.amazon-logo {width: 250px; height:250px }
.tag-first-novel-award  p {font-family: 'source sans pro', sans-serif}

@media only screen and (max-width: 990px) {
	.tag-hide-header  .custom-header-title {margin-top: -50% !important;}
}
@media only screen and (max-width: 768px) {
	.tag-hide-header  .custom-header-title {margin-top: -55% !important;}
	.tag-first-novel-award	.header-video {opacity: 0}	
	.tag-first-novel-award	 button {width: 100%}
	.tag-first-novel-award	.custom-header-title img {max-width: 30%;}
	.tag-first-novel-award	.black-column {display: none !important;} 
}


/*************************************/
/* 21. Labs */
/*Walrus Lab CSS*/
/*Fuller Width Template CSS*/

.page-template-fuller-width .hm-container {
max-width: unset;padding: 0;
} 
.page-template-fuller-width .entry-content {margin-top: -25px !important;}
.page-template-fuller-width .site-header {margin-bottom: -35px;}
.page-template-fuller-width .main-navigation {padding: 0 30px;}
  
/*Walrus Lab Header Area*/

.page-template-fuller-width .header {padding: 10% 10%; height: auto !important;}
.page-template-fuller-width .header-title {padding: 0; font-family: 'GT Sectra'; font-size: 325%;font-weight: 300;}
.page-template-fuller-width .header-subtitle {font-family: 'source sans pro',sans-serif; font-weight: 300;font-size: 150%; line-height: 1.3; padding:  5% 0 0;}
.page-template-fuller-width .text-box { height: auto;padding: 10% 0}
.page-template-fuller-width .body-content {padding: 50px 10%}
.page-template-fuller-width .body-text {font-size: 125%}
.page-template-fuller-width h2.section-header {font-family: 'GT Sectra'; font-size: 2.5rem;}

/*Lightbox Fix to adjust width on mobile*/
.page-template-fuller-width .su-lightbox-content {width: 80% !important;}

/*Tablet full width header (temporarily for LAB)*/
@media screen and (max-width: 990px) {
.page-template-fuller-width .header-subtitle  {margin-top:5%;}}

/*Mobile full width header (temporarily for LAB)*/
 
@media screen and (max-width: 768px) {
.page-template-fuller-width .header-title  { line-height: 1;font-size: 250%;}
.page-template-fuller-width .header-subtitle  {padding: 0% 0%;font-size: 120%}}  

@media (max-width: 768px) {
	.walrus-lab-staff {
		width: 100%;
	}
	
	img.walrus-lab-staff-image {
		width:100%;
		padding: 10%;
	}
}

/*************************************/
/* 22. Legacy pullquotes, 'paid post' HP styling */
/*Pullquote code.*/
.pullquote {
	color: #fb5954 !important;
	font-size: 24px;
	font-family: 'Lato', serif;
	padding-bottom: 30px;
}

/* HP custom styling for paid posts */
ul#home.display-posts-listing li.listing-item.tag-paid-post, div#text-31.widget.widget_text ul#home.display-posts-listing li.listing-item.tag-paid-post {
  background: #eee;
  margin: /*0 .9rem 0 0*/0 .8rem 1rem -.1rem;
  width: 31%;
}

ul#home.display-posts-listing li.listing-item.tag-paid-post a.image::after {
  content: "PAID POST";
  background: white;
  padding: 0.5rem;
  display: inline-block;
  font-weight: 200;
  color: #333;
  letter-spacing: 1px;
  position: relative;
  bottom: 3rem;
  left: 1px;
  font-size: 1rem;
} 

ul#home.display-posts-listing li.listing-item.tag-paid-post span.author, ul#home.display-posts-listing li.listing-item.tag-paid-post a.title {
  position: relative;
  bottom: 1.7rem;
  padding-left:0.5rem;
  padding-top: 0rem;
}

ul#home.display-posts-listing li.listing-item.tag-paid-post a.image .attachment-hitmag-grid.size-hitmag-grid.wp-post-image {
  padding-right:0;
  /*margin-right:0;*/
} 

/* mobile adjustments */

@media (max-width: 480px) {
    ul.display-posts-listing img {
        padding-right: 0rem !important;
    }
    div#text-31.widget.widget_text ul#home.display-posts-listing li.listing-item.tag-paid-post {
        margin: 0;
    }
    #text-30 ul#home.display-posts-listing li.listing-item {
        padding: 0;
    }
    ul#home.display-posts-listing li.listing-item.tag-paid-post {
        width: 100%;
        padding-top: 0;
    }
    ul#home.display-posts-listing li.listing-item.tag-paid-post,
    ul#home.display-posts-listing li.listing-item.tag-paid-post span.author,
    ul#home.display-posts-listing li.listing-item.tag-paid-post a.title {
        margin-left: .5rem;
    }
    ul#home.display-posts-listing li.listing-item.tag-paid-post a.title {
        padding-top: .2rem;
    }
    ul#home.display-posts-listing li.listing-item.tag-paid-post span.author {
        padding-bottom: 1.3rem;
    }
    ul#home.display-posts-listing li.listing-item.tag-paid-post a.image::after {
        margin-left: .5rem;
        margin-top: .7rem;
    }
    #text-30 .textwidget li.listing-item a img,
    #text-31 .textwidget li.listing-item a img {
        width: 100%;
    }
    div#text-31 ul#home.display-posts-listing li.listing-item.tag-paid-post span.author {
        padding-top:
    }
}

/* mobile adjustments */

@media (max-width: 768px) {
    #text-30 .textwidget li.listing-item a img,
    #text-31 .textwidget li.listing-item a img {
        margin-right: .5rem;
    }
	
	ul#home.display-posts-listing li.listing-item.tag-paid-post, div#text-31.widget.widget_text ul#home.display-posts-listing li.listing-item.tag-paid-post {
	margin: /*0 .9rem 0 0*/0 .8rem 1rem 0;
	}
    ul#home.display-posts-listing li.listing-item.tag-paid-post {
        margin: 0;
        padding: .3rem 0;
    }
    ul#home.display-posts-listing li.listing-item.tag-paid-post a.image::after {
        position: inherit;
    }
    ul#home.display-posts-listing li.listing-item.tag-paid-post span.author,
    ul#home.display-posts-listing li.listing-item.tag-paid-post a.title {
        padding-left: 0;
        position: relative;
        bottom: -.5rem;
    }
    ul#home.display-posts-listing li.listing-item.tag-paid-post a.image .attachment-hitmag-grid.size-hitmag-grid.wp-post-image {
        padding-right: 0.5rem;
        margin-bottom: 0;
        margin-top: -.3rem;
    }
}

/* mobile adjustments */

@media (max-width: 992px) {
    ul#home.display-posts-listing li.listing-item.tag-paid-post a.image::after {
        padding: 0.6rem;
        font-size: 1rem;
        bottom: 2.85rem;
    }
}

/* stretch parallax width to parent DIV width */
.adamrob_pcontainer {
	max-width: inherit !important;
}

/*************************************/
/* 23. Newsletter styling (in-article and in-footer) */	

/* new form */
._form-content {padding-bottom: revert;}
._form-content p {color: #333333; font-size: 16px; text-align: initial; font-family: Lato, Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.2rem;}
._form-content ._field-wrapper input {background-color: #f1f1f1; border: 2px solid #ccc; width: 40% ; float: left;}
._form-content ._row._checkbox-radio {width: 70%; float: left; font-size: small; text-align: initial;}
._form-content button {width: auto; float:right;}
._form-content ._form-label {display:none;}
.entry-content ._form {padding-bottom: 1rem; padding-top: 1rem;  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
._form_element fieldset._form-fieldset {border:none;}
.entry-content ._form-content button {position: relative; top: -3em;}

	
@media (min-width: 768px) {
	/*.entry-content .EMAIL-label {float: none; width: 40% !important;  padding-right:10px;}*/
	/*.entry-content .yikes-mailchimp-eu-compliance-label {width: 45%; margin-top: 0; line-height: 1;}
	.entry-content .yikes-mailchimp-eu-compliance-label p {font-size: small; line-height: 1.5;}
	.entry-content .yikes-easy-mc-form label {margin-bottom: 0;}
	.entry-content .yikes-easy-mc-submit-button {width: auto !important; float:right;}
	.entry-content .yikes-mailchimp-eu-compliance-label input, .yikes-mailchimp-eu-compliance-label div {position: relative; top: .5em;}*/
}

@media (max-width: 768px) {
	/*.yikes-mailchimp-eu-compliance-label p {font-size: small; line-height: 1px;}*/
	/* new form */
	._form-content ._field-wrapper input, ._form-content ._row._checkbox-radio, ._form-content button {float: initial; width: 100%;}
	/*._form-content ._row._checkbox-radio {padding: 1rem;}*/
	.entry-content ._form {padding-bottom: 1rem;}
	.entry-content ._form-content button {position: initial; float: inherit; width: 100%; top:revert;}
	._form-content ._row._checkbox-radio {width: auto; padding: 0;}
}

/*.site-footer .yikes-mailchimp-eu-compliance-text p {font-size: small; line-height: 1px; color: #c8c8c8;}
.site-footer .yikes-mailchimp-eu-compliance-text {top: 0;}
.site-footer .yikes-mailchimp-eu-compliance-label {line-height: 1;}*/
.site-footer .yikes-easy-mc-hidden a, .site-footer .yikes-easy-mc-error-message {color:#000 !important;}
.site-footer button:hover, .site-footer button:active, .site-footer button:focus {text-decoration: underline; background: #fb5954;}
/* new form */
.site-footer ._form-content ._field-wrapper input, .site-footer ._form-content ._row._checkbox-radio, .site-footer ._form-content button {float: initial; width: 100%;}
.site-footer ._form-content ._row._checkbox-radio {padding: 1rem;}
.site-footer ._form-content p {color: grey;}