/*
 Theme Name:   Twenty Nineteen Child
 Theme URI:    https://design519.com/
 Description:  A child theme of Twenty Nineteen WordPress theme.
 Author:       Design519
 Author URI:   https://design519.com
 Template:     twentynineteen
 Version:      1.0.60
 
 
 
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Temporarily show spots where ads should be */
.google-auto-placed{background: #e8e8e8
}

.n2-section-smartslider.fitvidsignore.n2_clear{
/*	max-width: 770px;
	max-height: 450px
	max-width: calc( 100% - 340px);*/
	max-width: 100%;
	margin: 0
}
@media only screen and (min-width: 1168px){
	.entry .entry-content > *, .entry .entry-summary > * {

		clear: none !important;
	}
}

#content-wrap{
	max-width: calc(100% - 350px);
	 border-right: solid 1px #d9d9d9;
	 padding-right: 30px
}

.entry-content #content-wrap{
	max-width: 100%;
    width: calc(100% - 350px);
}


@media only screen and (max-width: 1500px){
	.entry .entry-content {
		max-width: 95%;
		padding: 20px
	}
}

.archive .entry  .entry-content .entry .entry-footer {
	max-width: 100%;
	margin:0
}

.archive .entry  .entry-content .entry {
	max-width: 49%;
	width: 49%;
	    display: inline-block;
    vertical-align: top;
	padding-right: 0;
	padding: 10px
}

.archive .entry  .entry-content .entry  .entry-header,
.archive .entry  .entry-content .entry-content {
	max-width: 100%;
	width: 100%;
	padding: 0
}
.archive.hfeed .entry .entry-header {
	margin-left: 0
}

.archive .page-header .page-description{
		display:inline-block
}

.archive .entry  .entry-content .entry  .entry-header{
	max-width: 100%
}
.archive .entry  .entry-content  .entry .post-thumbnail {
    margin: 0px;
}

.site-content .sidebar h2,  .site-content .sidebar h1 {
    display: inline-block;
    max-width: 100%/*calc(100% - 320px);*/
}
.site-content .sidebar ul li {
	font-size: .9em;
	
}
.site-content .sidebar a{
	
	text-decoration: none
}
@font-face {
    font-family: Source Sans Pro;  
    src: url(fonts/SourceSansPro-Regular.ttf);  
    font-weight: normal;  
	font-display: swap
}

*{
	font-family: 'Source Sans Pro', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Source Sans Pro', sans-serif;
}

button,
input,
select,
optgroup,
textarea {
  font-family: 'Source Sans Pro', sans-serif;
}


.entry .entry-content ul{
	font-size: 1em
}


.site-title,
.site-description{
	  font-size: .9em;
	  margin: 10px 0;
	  display: inline-block
	 
}

a,
.entry .entry-content a{
	text-decoration:none
}
/*
#masthead{
	background:#efefef
}

.site-header.featured-image .site-branding .site-description,
.site-header .site-branding .site-description{
		display:none
}




.wp-block-code,
.entry .entry-content .wp-block-preformatted{
	font-size: 16px;
	font-family: Menlo,monaco,Consolas,Lucida Console,monospace
}
*/

@media only screen and (min-width: 768px){
	.site-header.featured-image {
	 
		margin-bottom: 1rem;
	}
	
	.entry .entry-content{
		padding: 0
	}
}


.blog-list{
	margin: 30px;
	border-bottom: solid 1px #999
}

.
.entry-content{
	background: #fff
}

.entry .entry-content h2{
	display: inline-block;
	    font-size: 1.125em;
}

#masthead {
    padding: 0;
	border-top: solid 1px #555;
}

.site-branding-container{
	border-bottom: solid 2px #222;
	position: relative;
    z-index: 25;
	background: #efefef
}


.site-header  .site-branding{
	 width: 90%;
	 max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
	    

}
.site-header.featured-image .site-featured-image .post-thumbnail img {
	top: 80px
}

.site-header.featured-image:after {
	opacity: .3
}

.breadcrumb-bar{
	 max-width: 80%;
    margin: 0 10%;
    padding: 10px 0px 0px 0px;
	font-size: .8rem;
	    

}

.bc-homelink{
	text-transform: uppercase
}

.bc-sep{
	display:inline-block;
	margin: 0 30px
}


.breadcrumb-bar{
	
	font-size: .7rem;
	padding: 10px 60px;

}


.site-header.featured-image .site-featured-image .entry-header,
.entry .entry-header,
.hfeed .entry .entry-header {
	margin-top: 0px
}

.entry-header .entry-meta{
	/* display: none */
}

.site-header.featured-image .site-featured-image:after {
    background: transparent;
    mix-blend-mode: multiply;
    opacity: 1;
}
.n2-section-smartslider.fitvidsignore.n2_clear {
	max-height: 460px
}

.archive .page-header{
		margin-bottom: 0
}

 .entry h1.entry-title:before,
 .entry .entry-title:before,
h1:not(.site-title):before,
h2:before  ,
.site-header.featured-image .site-featured-image .entry-title:before {
     display:none 
}
.site-header.featured-image:after {
	/* z-index: -1 */
}

.site-logo{
	position:relative;
	top: auto;
	right: auto;
	margin-bottom: 10px;
}

.site-logo img{
	/*width: 200px;*/
	
}


.site-logo .custom-logo-link:hover, 
.site-logo .custom-logo-link:active, 
.site-logo .custom-logo-link:focus{
	box-shadow: none
}

body .site-title a:link,
body .site-title a:visited,
.site-description{
	/* color: #fff */
}

.site-header.featured-image .site-branding .site-title,
.site-branding-container .site-description{
	display:none
}


.entry h1.entry-title,
.site-header.featured-image .site-featured-image .entry-title,
.entry-header .entry-title{
	font-size: 1.8rem;
	margin: 20px  0;
	/* color: #5e5858; */
	text-shadow: 0 1px 2px rgba(218, 218, 218, 0.35);
	display:block
}

.site-header.featured-image,
.site-header.featured-image a{
	text-shadow: none
}

a, 
a:visited,
a:active,
.widget a {
	/* color: #cd0000 */
}
.widget a:hover{
	color: #999
}



/* .button,  */
/* button,  */
/* input[type=button],  */
/* input[type=reset],  */
/* input[type=submit]{ */
	/* background: #cd0000 */
/* } */
.site-title{
	display:none
}

.site-logo .custom-logo-link {
		border: none
}
.site-header .site-branding .main-navigation a{

    font-weight: normal;
    text-transform: uppercase;
    margin: 0 20px;
	
}




.main-navigation ul.sub-menu,
.main-navigation ul.sub-menu li,
body .main-navigation .sub-menu > li > a:not(.submenu-expand):hover {
	
	background-color: #f1f1f1
	
}

#content-wrap{
	display: inline-block
}







#menuToggle
{
 
display: none;
    position: absolute;
    top: 70px;
    right: 50px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    z-index: 500;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}
/*
 * Just a quick hamburger
 */
#menuToggle span
{
	
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
  
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}
 #menu .submenu-expand,
#menu  .menu-item-link-return{
	display:none
}

ul.sub-menu{
	padding-left: 15px
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  padding-right: 0;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}


#menu{
	padding-left: 0px;
}

#menu li{
	line-height: 1.2em;
	list-style-type: none;
	    border-bottom: solid 1px #ccc;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ #menu
{
  transform:  translate(-170px, 0);
}




@media screen and (max-width: 768px){
	
	.site-header.featured-image{
	/*	overflow: visible */
	}
	#site-navigation{
		visibility: hidden	
	}

	#menuToggle{
		display:block
	}

}

@media screen and (max-width: 1002px){
	#site-navigation #menu-main-nav li a{
		font-size: 16px
	}
}
/* .site-header .site-branding .main-navigation a:hover{ */
	/* color:#cdcdcd */
/* } */

.home .entry .entry-content .wp-block-image {
	margin-top: 0
}


.home .entry-content .entry-header{
	display:none
}

body.blog .main-navigation,
body.page .main-navigation,
body.single .main-navigation,
body.archive .main-navigation,
body.category .main-navigation {
  text-align: right;
    position: absolute;
    right: 0;
    top: 40px;
    font-size: .9em;
	width: 1200px;
	z-index: 1200
}

.main-navigation .main-menu {
	margin-bottom: 10px
}

/* .main-navigation svg{ */
	/* fill: #fff; */
/* } */

/* .main-navigation .sub-menu { */
	/* background:#222 */
/* } */

/* .main-navigation .sub-menu>li>a:hover, */
/* .main-navigation .sub-menu>li:hover{ */
	/* background:#444 */
/* } */

.menu-item.current_page_item{
	border-bottom: solid 2px #222
}

#colophon{
	background: #222;
	color: #ddd
}

/* sidebar template */

.sidebar .entry .entry-content{
	    padding: 0px;
		display:inline-block;
		width: 100%;

}

.site-content .sidebar  h2,
.site-content .sidebar  h3,
.site-content .sidebar  h1{
	display:inline-block
}

.sugg-article{
	
}

 .site-content .sidebar #secondary h3{

    width: 100%;
    
    display: block;
 
    padding: 10px;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1.5px;

}

#secondary.sidenav{
	
    display: inline-block;
    float: right;
    max-width: 350px;
	padding-left: 30px;
   
	width: 350px
}

ins.adsbygoogle { background: transparent !important; }


/*   */
.aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
}

/*video stuff */
.add-video-list .add-video{
	width:49%; 
	display:inline-block; 
	padding:0; 
	margin:0;
	vertical-align:top
}

.add-video iframe{
	width: 100%
}



.vid-trigger{
	display: block;
    /* vertical-align: middle; */
    padding-top: 30%;
}
	.play-vid {
		 background: rgba(0,0,0,0.55);
		width: 70px;
		height: 60px;
		border-radius: 5px;
		padding-top: 12px;
		position: relative;
		margin: 0 auto;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		vertical-align: middle;
	}
	
	.vid-trigger:hover .play-vid {
	  background: #cd201f;
	}
	
	
	
	.aspect-ratio iframe, .aspect-ratio img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


#main .aligncenter {
    clear: none;
	
}

#main h2:before{
		margin: 0
}

#colophon .site-info a,
#colophon .site-info a:hover{
	color: #fdfdfd
}

.author{
	/*background: url( 'https://deathisobsolete.com/wp-content/themes/twentynineteen-child/images/icon-author.gif' ); */
}

.date{
	background: url( 'images/icon-postdate.gif' ); 
}

.reading-time{
	background: url( 'images/icon-readtime.gif' ); 
}


@media only screen and (min-width: 1168px){
	.entry .entry-content > *, .entry .entry-summary > * {
		max-width: 100%;
	}
}





@media only screen and (min-width: 768px){
	
	.site-logo .custom-logo-link {
		
		width: 350px;
		height: 100px;
		border-radius: 0
	}
	
	.site-logo .custom-logo-link .custom-logo {
		height: 100%;
		width: auto;
	}

}


@media only screen and (max-width: 1500px){

	body .entry .entry-content{
		    max-width: 90%;
    margin: 5%;
    	padding: 10px;

	}
	
	.n2-section-smartslider.fitvidsignore.n2_clear {
		max-width: 100%; /* calc( 100% - 340px);*/
		max-height: 450px;
		margin: 0;
		clear: none;
	}

}



@media only screen and (max-width: 768px){
	
	body .entry .entry-content {
		max-width: 100%;
		margin: 0
	}

	
	.site-header.featured-image {
		min-height: 100px;
		margin-bottom: -40px;
	}
	
	#content-wrap{
		max-width: 100%;
		border: 0;
		padding-right: 0px
	}
	
	#secondary.sidenav {
		display: block;
		float: right;
		max-width: 100%;
		border-left:none;
		width: 100%;
	}

	.n2-section-smartslider div#n2-ss-2  .n2-ss-layer .n2-ss-layer hdiv{

		font-size: 22px
	}
	
	
	.site-header .site-branding, 
	.breadcrumb-bar {
		max-width: 100%;
		margin: 0 ;
	}
	
	.entry .entry-content, 
	.entry .entry-summary {
		max-width: 100%;
		margin: 0;
		padding: 10px;
	}
	
	.site-content .sidebar h2, .site-content .sidebar h1{
		max-width: 100%
	}
	
	.site-header.featured-image .site-featured-image .post-thumbnail img {
		top: 80px
	}

	.site-logo .custom-logo-link {
		border-radius: -0;
		width: 200px;
		height: auto
	}

	.site-header .site-branding, .breadcrumb-bar {
		max-width: 100%;
		margin: 0.5%;
	}
	.breadcrumb-bar {
		
		padding: 10px
	}
	
	.archive .entry .entry-content .entry h2 {
		margin: 0
	}
	
	.archive .entry .entry-content .entry {
		max-width: 100%;
		width: 100%;
		display: inline-block;
		margin-top: 5px
	}
	.archive .page-header{
		margin: 5px;
		font-size: .8em
	}
	
	.archive #content-wrap{
		margin-top: 0
	}

}


@media only screen and (max-width: 458px){
		.homepost.next {
    max-width: 95%;
	}
}

@media screen and (max-width: 400px){
	.entry-content #content-wrap, 
	.entry-content #content-wrap h3{
		width: 100%
	}
}