/*!
Theme Name: BroadSheet
Theme URI: http://www.theposttruthpost.co.uk
Author: Alex
Author URI: http://www.theposttruthpost.co.uk
Description: The offical theme of The Post Truth Post
Version: 1.1.6.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: broadsheet
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

BroadSheet is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
# Accessibility -- Retained from Underscores css
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}


/*--------------------------------------------------------------
# Widgets - Retained from Underscores css
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}


/*--------------------------------------------------------------
## Theme Styles
--------------------------------------------------------------*/

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

}

body{
  font-family: 'Helemt', 'Freesans', 'Helvetica', 'Arial', 'sans-serif';
  font-size: 16px;
	/*background: #f7f7f7;*/
}

@media (min-width: 768px) {
	body{
	  font-family: 'Merriweather', 'Times','serif';
		/*background: #f7f7f7;*/
	}
}

h1,h2,h3,h4,h5,h6{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-weight: bold;
}


section{
  /*margin-top: 15px;*/
}

/* Forms */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea{
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 12px;

}

input[type=submit],
button[type=submit]{
  display: inline-block;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

input[type=submit]:hover,
button[type=submit]:hover{
outline:none;
border: none;
background:#aaa;

}

a, a:visited{
	color:inherit;
	text-decoration: none;
}

a:hover{
	color: red;
	text-decoration: underline;
}

/* container */

@media (min-width: 576px) {
	/* we are overriding the container so that we get
	full width with the colapsed menu from 0.0.19*/
	.container
	{
		max-width: 100%;
	}
}


@media (min-width: 992px){
	/* switch back to bootrstrap default */
	.container
	{
		max-width: 960px;
	}
}

@media (min-width: 1200px){
	/* switch back to bootrstrap default */
	.container
	{
		max-width: 1140px;
	}
}

/* Masthead */

.masthead {
	background-color: black;
}

.masthead h1 {
	font-size: 7vw;
  padding-top: 3vw;
  padding-bottom: 1vw;
  /*margin:0;*/
	font-family: 'masthead';
  font-weight: normal;
	text-align: left;
  vertical-align: middle;
  color: white;
}

.masthead h1 a,
.masthead h1 a:visited{
		color: white;
}

.masthead a:hover{
	text-decoration: none;
}


@media (min-width: 992px){
	.masthead
	{
		background-color: white;
	}
  .masthead h1 {
    font-size: 5vw;
    color:black;
		text-align: center;
  }
	.masthead  h1 a{
		color: black;
	}
	.masthead h1 a:visited{
			color: black;
	}
}

@media (min-width: 1200px) {
  .masthead h1 {
    /* stop the masthead scaling to the window as eventually it will wrap */
    font-size: 60px;
  }
}
/* Nav bar */
.navbar-bs{
	font-size: 1em;
  vertical-align: middle;
	font-family: Helvetica, sans-serif;
	/*font-weight: bold;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #444;
	color:white;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.navbar-bs .navbar-nav .nav-item
{
	margin-left: .5em;
	padding-top: 5px;
	padding-bottom: 5px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu
{
	font-size: 1em;
	background-color: #ddd;
}

@media (min-width: 992px){
	.navbar-bs, .navbar-expand-lg .navbar-nav .dropdown-menu
	{
		font-size: 0.9em;

	}
	.navbar-bs .navbar-nav .nav-item
	{
		margin-right: 1em;
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

/*
.navbar-bs .navbar-nav .nav-item
{
	margin-right: 1em;
}
*/
.navbar-bs .navbar-nav .nav-link {
		padding: 0;
    color: rgba(255, 255, 255, 1)
}

.navbar-bs .navbar-nav .nav-link:focus{
    color: rgba(255, 255, 255, .75)
}

.navbar-bs .navbar-nav .nav-link:hover {
    color: #ff4000
}

.navbar-bs .navbar-nav .active > .nav-link {
    color: #fff
}

/*.navbar-bs .navbar-toggler */
/* these override the defaults */
.navbar-toggler{
		padding: 0;
		font-size: 4vw;
		line-height: 1.5;
    border-color: white;
		color: #fff;
		margin-left: auto;
}



 .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

/** Articles */

.articles
{
	/*margin-top: 10px;*/
}

.article-card
{
	border: 1px solid #ddd;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-image-slice: 100%;
	/*display: inline-block;*/
	margin-top: 10px;
	margin-bottom: 10px;
}

h2.article-card-title
{
	font-size: 1.25rem;
	word-wrap: break-word;
}

h3.article-card-title
{
	font-size: 1.1rem;
}

h4.article-card-title
{
	font-size: 1rem;
}

.article-card-title{
	padding-top:10px;
}
.article-card-body
{
		padding: 10px;
}

.article-card-link{
	vertical-align: bottom;
}


.article-card-body a{
	color:black;
	text-decoration: none;
	word-wrap: break-word;
}


.article-card-link a
{
	font-weight: bold;
	color: #cc3300;
	text-decoration: none;
}

.article-card-link a:visited
{
	color: #992600;
}

.article-card-link a:hover
{
	color: #ff4000;
	text-decoration: none;
	padding-right: 3px;
}

/**
	Posts & Pages - we only really have both because posts have a few special styles
*/

.post-social-button-container{
	margin: 15px 5px 15px 5px;
}

.post-social-button-container > *
{
	/* this make sure the facebook and twitter buttons line up */
	vertical-align: bottom !important;
	margin-right: 4px;
}


.post-header,
.post-content,
.page-header,
.page-content{
 margin-top: 10px;
 margin-bottom: 10px;
}


.post-content p{
	line-height: 1.5rem;
}

/* make first paragraph bold - */
.post-content > *:first-child{
	font-weight: bold;
}

.post-header h2
{
	font-size: 1.5rem;
	width:100%;
	word-wrap: break-word;
}

.post-content .mid-article-link
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	width:95%;
	text-align: center;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	font-family: Helvetica, sans-serif;
}

.post-content .mid-article-link a
{
	color: #aaa;
	font-size: .75rem;
	font-weight: bold;
	text-decoration: none;
}

.post-content .mid-article-link .fas
{
	color: red;
	margin-left: 0.25rem;
}


#post-next-story{
	color: #aaa;
	text-align: center;
	font-weight:bold;
}

#post-next-story > *
{
	padding: 15px;
}

.page-header h2{
	font-size: 1.25rem;
	border-bottom: 1px solid #aaa;
	padding-bottom: 5px;
}

.post-header .post-meta{
	font-size: .8em;
	/*margin-left: 10px;*/
}

.byline{
	color: #888;
}
/* make images scale with browser size*/
.post-thumbnail img{
	width:100%;
	height:auto;
}

.post-thumbnail .post-thumbnail-credit
{
	text-align: right;
	font-size: .7em;
	color: #aaa;
	margin-top: 2px;
	padding-right: 5px;
}

.post-thumbnail .post-thumbnail-credit a
{
	color: #aaa;
}

.post-thumbnail .post-thumbnail-credit a:hover
{
	text-decoration: none;
	color: #aaa;
}

.page-content{
	font-family: Helvetica, sans-serif;
}



.page-content a,
.post-content a
{
	text-decoration: underline;
	color: green;
}

.page-content a:hover,
.post-content a:hover{
	color: #ff4000;
	text-decoration: underline;
}

/* used on paragraphs on the credits page */
.page-content .credit-indent
{
	padding-left:10px;
}

/* Archive page */

.nav-links
{
		display:inline-block;
		width:100%;
}

.nav-but
{
	display:inline-block;
	width:99%;
	padding:5px;
	border:none;
	border:1px #aaa solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #eee;
}
.nav-but i{
	padding-left: 3px;
	padding-right: 3px;

}

.nav-previous,
.nav-next
{
	display:inline-block;
	width:50%;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.nav-previous a > div,
.nav-next a > div
{
	color: #cc3300;
}

.nav-previous a:hover > div,
.nav-next a:hover > div
{
	color: #cc3300;
	background-color: #aaa;
}

.nav-previous a:visited,
.nav-next a:visited
{
	color: #ff4000;
}

.nav-previous
{
	text-align: right;
}

/* main column */

#main
{
	border-top: 1px solid #eee;
}


/* SIDE BAR */

#side-bar{
	margin-top: 10px;
	font-family: Helvetica, sans-serif;
	border-left: 1px solid #eee;

}

#side-bar .widget{
	border-bottom: 1px solid #eee;
}

#side-bar .widget .widget-title{
	border-bottom: 3px solid #aaa;
	padding:3px;
}

#side-bar .widget ul
{
	list-style: none;
	padding: 5px;
}

#side-bar .widget li
{
	margin-bottom: 10px;
	line-height: 1.2em;
}

#side-bar .widget a{
	color: black;
	font-weight: bold;
	font-size: 0.95em;
	text-decoration: none;
}

#side-bar .widget a:hover{
	color: #ff4000;
	padding-right: 3px;
}

#side-bar .widget_search{
	padding-bottom: 10px;
}

#side-bar .widget_search .search-input
{
	width: 73%; /* TODO this is a buggy and too small at full width and still wraps at smallest side */
}

/** Search form */

#search-form-btn{
    font-size: 16px;
		margin-left: 5px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: 200ms all linear;
    -moz-transition: 200ms all linear;
    -o-transition: 200ms all linear;
    transition: 200ms all linear;
		background-color: #1f1f1f;
		background-color: #aaa;

		border: 1px solid #aaa;
		color: #f0f0f0;
		padding: 9px 10px;
}

#search-form-btn:hover{
	background-color: green;
	border: 1px solid #444;
}

/** Mailing list subscribe */

.mailing-list-signup
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #888;
	background-color: #eee;
	padding: 5px;
	/*font-family: Helvetica, sans-serif;*/
}

.mailing-list-signup .title
{
	font-size: 1.5rem;
}

.mailing-list-signup input,
.mailing-list-signup button
{
	font-size: 0.9rem;
	padding-bottom: 6px;
	font-family: Helvetica, sans-serif;
}

.mailing-list-signup .title span
{
	font-family: 'masthead';
}

.mailing-list-signup a
{
	text-decoration: underline;
}

/** Site info bar */

.site-info{
	font-family: Helvetica, sans-serif;
  background-color: #eee;
  margin-top: 10px;
  padding: 10px;
  font-size: .8em;
}

.site-info h6{
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding-left: 3px;
}

.site-info ul{
  list-style: none;
  margin: 0;
  padding: 0 0 0 3px;
}

.site-info ul li{
	padding-left: 5px;
}

.site-info a
{
	color: black;
}

.site-info a:visited
{
	color: black;
}

.site-info a:hover
{
	color: black;
}

/* footer-bar */

.footer-bar{
  background-color: black;
  color: white;
  padding: 5px 15px 5px 15px;
  font-size: 14px;
  font-family: sans-serif;
}

/** GOOGLE ADS */

.tptp_test_ad{
  width:100%;
  height: 300px;
  background-color: red;
	z-index: 30; /* .adsbygoogle gives ins this as a style */
}

.tptp-ad-container
{
	margin-bottom: 20px;
	margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 0px 15px 0px;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
	display:block;
	width:100%;
}

.responsive_banner
{
	height: 150px;
}

@media (min-width: 992px) {
  .responsive_banner
  {
		/* hopfully more of a banner on bigger screens */
    height: 200px;
  }
}


.tptp-ads-widget .tptp-ad-container
{
	border:none;
	margin-top: 35px;
}

.tptp-ad-container.banner_ad
{
  margin-bottom: 10px;
  margin-top: 20px;
  border:none;
  padding-left: 0;
  padding-right: 0;
	text-align:center;
	margin-bottom: 0px;
}

.tptp-ad-container.banner_ad .tptp-fixed-ad{
	margin:auto;
	display: inline-block;
}


.tptp-in-art-ad
{
	/* these replace the style attributes from the google add code */
	display: block;
	text-align:center;
	/* this is to restrict responsive ads that are too big on mobile
	and hopfully make them square but smallish */
	height: 275px;
}

@media (min-width: 576px) {
  .tptp-in-art-ad
  {
		/* hopfully more of a banner on bigger screens */
    height: 200px;
  }
}

.tptp-ad-container:before
{
  content: 'Advertisement';
	font-family: Helvetica, sans-serif;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: .8rem;
  margin-top: -35px;
  color: #999;
}
.tptp-ad-container.banner_ad:before,
.tptp-ads-widget .tptp-ad-container:before
{
	margin-top: -25px;
}

.not_mobile
{
  display: none;
}

@media (min-width: 768px) {
  .not_mobile
  {
    display: block;
  }

  /*.tptp-ad-container .tptp-in-art-ad
  {
		margin-bottom: 10px;
	  margin-top: 10px;
  }*/
}

/** breaks -- for reference
@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}*/
