/* HNP Articles Header Section */

.hnp-articles-header {
    margin: auto;
    font-family: 'DM Sans', sans-serif;
    text-align: left;
}

.hnp-articles-header-breadcrumb-home {
    color: gray;
}

.hnp-articles-header-breadcrumb-tag {
    color: black;
}

.hnp-articles-header-title h3, .hnp-article-content-text h1 {
    color: black;
  	font-family: "Lora", serif;
  	margin: auto;
	font-weight: 500;
}

.hnp-article-content-text h4, .hnp-article-content-text h3 {
	font-family: Arial, sans-serif;
}

.hnp-page-toc-toggle {
    display: none;
}

@media only screen and (orientation:landscape) and (min-width: 1920px) {
    .hnp-articles-header {
        padding-top: 30px;
    }
    
    .hnp-articles-header-breadcrumb {
        font-size: 1em;
    }
    
    .hnp-articles-header-title {
        padding-bottom: 10px;
    }
    
    .hnp-articles-header-title h3 {
        font-size: 2.5em;
    }
	
	.hnp-article-content-text h1 {
        font-size: 2.5em;
		line-height: 2em;
    }
    
    .hnp-articles-header-date {
        font-weight: 500;
        font-size: 1em;
    }
}

@media only screen and (min-width:768px) and (max-width: 1919px) , (orientation: landscape) and (max-width: 1919px) {
    .hnp-articles-header {
        font-weight: 500;
        margin-bottom: 0dvw;
        margin-top: 1.5dvw;
    }

    .hnp-articles-header-title {
        margin: 0;
        padding-bottom: 1dvw;
    }

    .hnp-articles-header-title h3, .hnp-article-content-text h1 {
        font-size: 2.25dvw;
        line-height: 3dvw;
        letter-spacing: -0.05dvw;
		margin: 0;
    }

    .hnp-articles-header-date {
        font-weight: 500;
        font-size: 1dvw;
    }
}

@media only screen and (max-width:767px) and (orientation: portrait) {
    .hnp-articles-header {
        font-weight: 500;
        margin-bottom: 0dvw;
        margin-top: 7.5dvw;
    }

    .hnp-articles-header-title {
        padding-right: 5dvw;
        margin: auto;
    }

    .hnp-articles-header-title h3, .hnp-article-content-text h1 {
        font-size: 6dvw;
        line-height: 8dvw;
        letter-spacing: -0.1dvw
    }

    .hnp-articles-header-date {
        font-weight: 500;
        font-size: 4.5dvw;
    }
}

/* HNP Article Content Styles */
.hnp-article-container {
    margin: auto;
}

@media only screen and (min-width: 1920px) {
    .hnp-article-container {
        width: 975px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
	
    .hnp-article-content {
        width: 800px;
        padding-bottom: 30px;
    }
	
    .hnp-article-content-featured .wp-post-image {
        width: 70%;
        height: auto;
    }
	
	.hnp-page-container {
        width: 975px;
		margin:auto;
		scroll-margin-top: 60px;
        display: flex;
        justify-content: space-between;
	}
	
	.hnp-page-content {
       	width: 65%;
        padding-bottom: 30px;
        margin-right: 20px;
    }
	
	.hnp-page-toc {
		margin-top: 20px;
		width: 30%;
	}
}

@media only screen and (min-width:768px) and (max-width: 1919px) , (orientation: landscape) and (max-width: 1919px) {
    .hnp-article-container {
        width: 48dvw;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5dvw;
    }
    
    .hnp-article-content {
        width: 40dvw;
        padding-bottom: 2.5dvw;
    }
    
    .hnp-article-content-featured .wp-post-image {
        width: 70%;
        height: auto;
    }
	
	.hnp-page-container {
        width: 48dvw;
		margin:auto;
        display: flex;
        justify-content: space-between;
	}
	
	.hnp-page-content {
        width: 65%;
        padding-bottom: 2dvw;
    }

    .hnp-page-toc {
		margin-top: 20px;
		width: 30%;
	}
}

@media only screen and (max-width:767px) and (orientation: portrait)  {
    .hnp-article-container {
        width: 90dvw;
		padding: 0dvw 5dvw;
		margin:auto;
    }
    
    .hnp-article-content {
        padding: 5dvw;
    }
    
    .hnp-article-content-featured .wp-post-image {
        width: 100%;
        height: auto;
    }
	
	.hnp-page-container {
        width: 90dvw;
		padding: 0dvw 5dvw;
		margin:auto;
		scroll-margin-top: 16dvw;
		margin-top: 5dvw;
	}
	
	.hnp-page-content {
        width: 100%;
        padding-bottom: 5dvw;
    }
}

/* HNP Article Sidebar Styles */
.hnp-article-sidebar {
    background-color: #fcfcfc;
}

.hnp-article-content-share {
    text-align: center;
    color: #006CCD;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.hnp-article-content-bulk {
    font-family: Georgia,Times,Times New Roman,serif; 
    color: #2b2b2b;
}

.hnp-article-content-excerpt {

}

.hnp-article-content-text {
    font-weight: 500;
}

.hnp-article-content-related {
	font-family: Arial, sans-serif;
}

@media only screen and (min-width: 1920px) {
    .hnp-article-sidebar {
        width: 350px;
    }
    
    .hnp-article-content-text-share {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .hnp-article-content-share {
        width: 50px;
        padding-top: 20px;
        font-size: 0.6em;
    }
    
    .hnp-article-content-share img {
        width: 30px;
        margin-top: 10px;
    }
    
    .hnp-article-content-excerpt {
        font-size: 1.15em;
        line-height: 1.5em;
		margin-top: 25px;
    }
    
    .hnp-article-content-text {
        font-size: 1.15em;
        line-height: 1.5em;
    }
    
    .hnp-article-content-text h4, .hnp-article-content-text h3 {
        font-size: 1.3em;
		line-height: 1.3em;
        margin-bottom: 0px;
        margin-top: 20px;
    }
}

@media only screen and (min-width:768px) and (max-width: 1919px), (orientation: landscape) and (max-width: 1919px) {
    .hnp-article-sidebar {
        width: 20dvw;
    }
    
    .hnp-article-content-text-share {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5dvw;
    }
    
    .hnp-article-content-share {
        width: 2.5dvw;
        padding-top: 1dvw;
        font-size: 0.6dvw;
    }
    
    .hnp-article-content-share img {
        width: 1.4dvw;
        margin-top: 1dvw;
    }
    
    .hnp-article-content-excerpt {
        font-size: 1dvw;
        line-height: 1.5dvw;
    }
    
    .hnp-article-content-text {
        font-size: 1dvw;
        line-height: 1.5dvw;
    }
	
	.hnp-article-content-text h4, .hnp-article-content-text h3 {
        font-size: 1.5dvw;
        margin-bottom: 0px;
        margin-top: 1dvw;
    }

}

@media only screen and (max-width:767px) and (orientation: portrait)  {
    .hnp-article-content-share {
        display: flex;
        align-items: center;
        font-size: 3.75dvw;
        font-weight: 700;
        margin-top: 4dvw;
        letter-spacing: 0.35dvw;
    }

    .hnp-article-content-share img {
        margin-left: 2dvw;
    }

    .hnp-article-content-excerpt {
        font-size: 4.25dvw;
    	line-height: 6.5dvw;
    }
    
    .hnp-article-content-text {
        font-size: 4.5dvw;
        line-height: 7dvw;
    }
    
    .hnp-article-content-text h4 {
        font-size: 4.5dvw;
        margin-bottom: 0;
        margin-top: 5dvw;
    }
	
	.hnp-article-content-text h2 {
    font-size: 6dvw;
    line-height: 8dvw;
}
}

/* TOC Styles */
#ez-toc-container {
	background-color: white;
	border: 1px solid #af8f4e;
	font-family:'DM Sans', sans-serif;
}

.ez-toc-title-container {
	border-bottom: 1px solid #af8f4e;
}

#ez-toc-container ul {
	list-style:none;
}

#ez-toc-container ul li a, #ez-toc-container ul li a:visited {
	text-decoration:none;
	color: black!important;
}

.ez-toc-title-container p {
	text-align:left;
	font-weight:bold;
}

.ez-toc-title-toggle {
	display: none;
}

.hnp-articles-author-container {
	display: flex;
    margin-top: 20px;
}

.hnp-articles-author-container .avatar {
	width: 50px!important;
    height: 50px!important;
    margin-right: 10px!important;
	border-radius: 30px;
}

.hnp-articles-author-meta {
	display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center;
}

.hnp-articles-author {
	font-weight: bold;
}

.hnp-articles-author, .hnp-articles-author-description {
	margin: 0!important;
}

@media only screen and (min-width: 1920px)  {
	#ez-toc-container {
		width: 100%!important;
		padding: 0px!important;
		border-radius:0!important;
        position: sticky;
        top: 100px;
	}
	
	.ez-toc-title-container p {
		padding-left:10px!important;
		font-size: 1em!important;
		line-height: 2.25!important;
	}
	
	#ez-toc-container ul {
		margin: 0!important;
		padding: 10px!important;
	}
	
	#ez-toc-container ul li a {
		margin-top:10px!important;
		margin-bottom:10px!important;
		font-size: 1em!important;
	}
	
	.hnp-articles-author-container {
		
	}

    .hnp-articles-author-container .avatar {
        width: 50px!important;
        height: 50px!important;
        margin-right: 10px!important;
        border-radius: 30px;
    }
	
	.hnp-articles-author-image {
		
	}
	
	.hnp-articles-author-meta {
		
	}
	
	.hnp-articles-author, .hnp-articles-author-description {
		margin: 0!important;
		font-size: 0.85em!important;
		line-height: 1.45em !important;
	}

    .hnp-article-content-related ol {
        padding-inline-start: 40px;
    }
}


@media only screen and (min-width:768px) and (max-width: 1919px), (orientation: landscape) and (max-width: 1919px) {
	#ez-toc-container {
		padding:0!important;
		border-radius:0!important;
        position: sticky;
        top: 5dvw;
	}
	
	#ez-toc-container ul {
		margin: 0!important;
		padding: 0.25dvw!important;
	}
	
	#ez-toc-container ul li a {
		margin-top:0.5dvw!important;
		margin-bottom:0.5dvw!important;
		margin-left:0.5dvw!important;
		font-size: 0.8dvw!important;
	}
	
	.ez-toc-title-container p {
		margin:0.75dvw!important;
		font-size: 0.8dvw!important;
		line-height:2.25!important;
	}
	
	.hnp-articles-author, .hnp-articles-author-description {
		margin: 0!important;
        font-size: 0.7dvw !important;
        line-height: 1dvw !important;
	}

    .hnp-articles-author-container .avatar {
        width: 2.75dvw !important;
        height: 2.75dvw !important;
        margin-right: 0.5dvw !important;
        border-radius: 5dvw;
    }

    .hnp-article-content-related ol {
        padding-inline-start: 2dvw;
    }
}

@media only screen and (max-width:767px) and (orientation: portrait)  {
	#ez-toc-container {
		width: 60%!important;
		padding:0dvw!important;
		border-radius:0!important;
	}
	
	#ez-toc-container ul {
		margin: 0!important;
		padding: 1dvw!important;
	}
	
	#ez-toc-container ul li a {
		margin-top:2dvw!important;
		margin-bottom:2dvw!important;
		margin-left:2.25dvw!important;
		font-size: 3.5dvw!important;
	}
	
	.ez-toc-title-container p  {
		margin:3dvw!important;
		line-height: 2.45!important;
		font-size: 3.5dvw!important;
		font-weight:bold!important;
	}
	
	.hnp-articles-author-container {
		margin-bottom: 20px;
	}

    .hnp-articles-author-container .avatar {
        width: 12dvw !important;
        height: 12dvw !important;
        margin-right: 2dvw !important;
        border-radius: 10dvw;
    }
	
	.hnp-articles-author-image {
		
	}
	
	.hnp-articles-author-meta {
		
	}
	
	.hnp-articles-author, .hnp-articles-author-description {
		margin: 0!important;
		font-size: 14px;
	}

    .hnp-article-content-related ol {
        padding-inline-start: 10dvw;
    }

}


/* Images and Ads */
.n2-ss-align {
	border: 1px solid #CCC;
	background-color:white;
}

.post .hnp-article-content-bulk img, .post .hnp-article-content-text div {
	width:100%!important;
}

/* Nav Links */
.nav-links {
	margin-bottom: 5%;
}

.nav-links a {
	text-decoration: none;
	border-bottom: 1px dotted black;
	font-family: 'Open Sans', sans-serif;
	color: black;
}

.nav-previous {
	background: url(https://housingnonprofit.com/wp-content/uploads/2023/12/arrow-left.png);
	background-size: 4%;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10%;
	margin-bottom: 5%;
}

.nav-next {
	text-align:right;
	background: url(https://housingnonprofit.com/wp-content/uploads/2024/02/arrow-right.png);
	background-size: 4%;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10%;
}


@media only screen and (min-width: 767px) {
	.nav-links {
		display:flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.nav-previous, .nav-next {
		width: 40%;
	}
	
	.nav-previous {
		padding-left: 3%;
		margin-bottom: 0;
	}
	
	.nav-next {
		padding-right: 3%;
	}
}


@media only screen and (max-width:767px) and (orientation: portrait) {

    .hnp-page-toc {
        display: flex;
        position: fixed;
		right: 0;
        top: 100px;
        flex-direction: row-reverse;
    }

    .hnp-page-toc-toggle {
        display: inherit;
        margin-bottom: 3dvw;
    }

    .toggle-opened {
        display: none;
        width: 3dvw;
        height: 7dvw;
        margin-left: 2dvw;
    }

    .toggle-initial {
        display: none;
        width: 3dvw;
        height: 7dvw;
        margin-left: 2dvw;
    }

    #ez-toc-container {
        display: none;
    }
	
}