/* 
 Theme Name:	LH 2015
 Theme URI:    	http://lhero.org/themes/lh-2015/
 Description:  	A TwentyFifteen Child Theme for those who want a little more.
 Author:       	Peter Shaw
 Author URI:   	http://shawfactor.com
 Template:     	twentyfifteen
 Version:      	1.22
 License:      	GNU General Public License v2 or later
 License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
 Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: lh-2015
*/

@media (display-mode: standalone) {
    


    body.lh_navigation_listener-navigating #lh_navigation_listener-nav {
        position: sticky;
        top: 0;
        left: 0;
        height: 5px;
        background-color: #222;
        z-index: 100;
    }
    
    body.lh_navigation_listener-navigating #lh_navigation_listener-nav div  {
      position: relative;
      height: 5px;
      background-color: #222;
      overflow: hidden;
    }
    
    body.lh_navigation_listener-navigating #lh_navigation_listener-nav div  span {
      position: absolute;
      top: 0;
      left: 0;
      height: 5px;
      width: 100px;
      background-color: #fff;
      animation: animate 4s linear infinite;
    }
    
    @keyframes animate {
      0% {
        left: 0;
        transform: translate(-100%);
      }
      100% {
        left: 100%;
        transform: translate(0);
      }
    }
    
}


@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  /* transition from the old page */
  animation: fade 0.2s linear forwards;
}

::view-transition-new(root) {
  /* transition to the new page */
  animation: fade 1s linear reverse;
}

@keyframes fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.background-image {
    object-fit: cover;
}

.post-navigation a {
    padding: 0;
}

@media screen and (min-width: 59.6875em){
.site-header {
    margin: 10% 0;

}
}
.site-summary {
 display: inline-block;   
    
}




.custom-logo {
    max-height: 42px;
    width: auto;
}

@media screen and (min-width: 46.25em){
.custom-logo {
    max-height: 64px;
}

}


@media screen and (min-width: 59.6875em){
.custom-logo {
    max-height: none;
}

.site-summary {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

}

.share-link:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

.share-link:before {
	margin-right: 2.5px;
	position: relative;
}

.share-link {
	margin-right: 1em;
}

.share-link:before {
	content: "\f415";
}

.share-link {
	white-space: nowrap;
}

.copy-to-draft-link:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

.copy-to-draft-link:before {
	margin-right: 2.5px;
	position: relative;
}

.copy-to-draft-link {
	margin-right: 1em;
}

.copy-to-draft-link:before {
	content: "\f443";
}

.copy-to-draft-link {
	white-space: nowrap;
}





.page-template-full-width ::before {
   display: none;
}

.page-template-full-width .hentry {
   padding: 0;
}

.page-template-full-width article div.entry-content{
   padding: 0;
}



article, nav  {
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;

}


table, thead, td, th {
    border-style: solid;
}

table {
margin: auto;
background-color: #ffa500;
border-width: 1px;
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
  width: fit-content;
  max-width: 100%;
}

.scrollable {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}



thead th, thead td {font-weight: bold;}

table, tbody, tfoot, thead, tr, th, td {
font-size: 90%;
}

@media screen and (max-width: 59.6875em) {

table, tbody, tfoot, thead, tr, th, td {
font-size: 1rem;
}



}


td {
word-wrap: normal;
word-break: keep-all;
}

/**
 * display the by
 */

h2.entry-title {
display: inline; 
padding: 0;
}

p.metainfo {
display: inline;
font-size: 80%;
line-height: 3.0;
}

p.metainfo a {
display: inline;
font-size: 100%;
}






.metainfo .vcard .avatar{
display: none;
}

.format-status .metainfo .vcard .avatar{
display: inline;
}


.metainfo .posted-on {
margin-right: 0;
}

.metainfo .posted-on:before {
font-family: initial;
display: none;
}

.gallery-thumb {
	float: left;
}

.featuredimages {
width: 755px;
height: 150px;

}

.post_format-post-format-link h2.entry-title{
display: none;
}

article.post_format-post-format-link div.entry-content{
padding-top: 1.3333em;
}



/**
 * Remove padding at top in Desktops- 955px
 */

@media screen and (min-width: 59.6875em) {
.site-main {
padding: 0 0 7.6923% 0;
	}




}

/**
 * 16.1 Mobile Large 620px
 */

@media screen and (max-width: 38.75em) {
    
/* Header */
#sidebar {

position: -webkit-sticky;
position: sticky;
  top: 0;
  transition: transform 300ms ease-in-out;
  transform: translateY(0);
z-index:100;
}


#sidebar.is-hidden {
  transform: translateY(-100%);
}


	.comment-respond {
		padding: 0 9.0909%;
	}

}
		
#lh_web_application-status_bar {
    z-index: 100;
    position: fixed;
	background-color: #1b426b;
	
	/* Status bar height on iOS 10 */
    height: 20px;
    width: 100%;

    /* Status bar height on iOS 11.0 */
    height: constant(safe-area-inset-top);

    /* Status bar height on iOS 11+ */
    height: env(safe-area-inset-top);
		}
		
a.button {
   padding: 10px 15px;
    background: #1b426b;
    color: #ffa500;


}

form.lh_login_page-login_form a.button {
	    	-webkit-appearance: button;
	        background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0.7917em 1.5em;
	text-transform: uppercase;
	    
	    
	    
	}

.like-form:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

.like-form:before {
	margin-right: 2.5px;
	position: relative;
}

.like-form {
	margin-right: 1em;
}

.like-form:before {
	content: "\f461";
}

.like-form {
	white-space: nowrap;
}


.like-form form {
display: inline;    
}

.like-form form button {
  background: none;
  color: inherit;
  font-size: 100%;
  font-family: inherit;
  font-weight: inherit;
  border: none;
  padding: 0;
text-transform: none;
  cursor: pointer;
}

.lh_better_navigation-breadcrumbs{ 
    margin-bottom:calc(var(--toolbelt-spacing) * 2);
    padding:0;
}
.lh_better_navigation-breadcrumbs li {
    list-style-type: none;
}
.lh_better_navigation-breadcrumbs li {
    display:inline-block;
}
.lh_better_navigation-breadcrumbs a:after{
    content:'\25B6';
}


.lh_better_navigation-related li {
    list-style-type: none;
    display:inline-block;
    padding-right : 2px;
}



ul.lh_better_navigation-related > li:not(:last-child) {
  border-right : solid 1px black;
}

h1.lh_better_navigation-has_related {
    
   margin-bottom: 0 !important; 
}





.lh_better_navigation-related-selected {
	font-weight: bold;
}



footer {
  clear: both;
}

.nav-menu-footer {
	margin: 0;
}
.nav-menu-footer li {
	display: inline-block;
	list-style-type: none;
}
.nav-menu-footer li:after {
	content: " | ";
}
.nav-menu-footer li:last-child:after {
	content: none;
}

.repost-link {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg fill="rgba(51, 51, 51, 0.7)" width="800px" height="800px" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4a2 2 0 0 0-2 2v6H0l4 4 4-4H5V6h7l2-2H5zm10 4h-3l4-4 4 4h-3v6a2 2 0 0 1-2 2H6l2-2h7V8z"/></svg>');
background-size: contain;
background-repeat: no-repeat;
	
}

.repost-link a:before {
    content: "      ";
    white-space: pre;
}