/* Body Positioning for Affix 
body {
	position: relative;
}
*/


/*Smooth Scrolling for Quick Nav Jumps*/
html {
  scroll-behavior: smooth;
}
	.back-to-top {
		bottom: 82px;
	}

.article-side-nav {
 position:fixed;
 bottom: 0;
 left: 65%;
 z-index: 999;
	width: 425px;
}

	@media (min-width:1240px) {
		.article-side-nav {
			right: -15;
		}
	}

	@media (min-width:1350px) {
		.article-side-nav {
			right: 3.5vw;
		}
	}	

	@media (min-width:1500px) {
		.article-side-nav {
			right: 15vw;
		}
	}

/* In Article Black Header */
 .long-form-header {
			   font-family: "badgrudge";
			   font-size: 3.5rem;
			   line-height: 39px;
			   
		   }

/* Long Form Large White Header */  
		   
		   .long-form-header-white {
			   font-family: "badgrudge";
			   font-size: 4.5rem;
			   line-height: 45px;
			   color: white;
			   
		   }


/* Black Card Styling */  
		   
		   .black-card {
			background-color: #222222;
			border-radius: 5px;
			-webkit-box-shadow: 0px 2px 23px -6px rgba(0,0,0,0.5);
			-moz-box-shadow: 0px 2px 23px -6px rgba(0,0,0,0.6);
			box-shadow: 0px 2px 23px -6px rgba(0,0,0,0.6);
			color: white;
		   }
		   
/* Blue Grudge Header */  
		   .blue-card {
			background-color: #0b7081;
			border-radius: 5px;
			   color: white;
			   padding: 15px;
			-webkit-box-shadow: 0px 2px 23px -6px rgba(0,0,0,0.5);
			-moz-box-shadow: 0px 2px 23px -6px rgba(0,0,0,0.6);
			box-shadow: 0px 2px 23px -6px rgba(0,0,0,0.6);
		   }

/* Concrete BG with black and yellow bottom border */  
		   
		   .concrete-bg {
			   background-image: url(https://www.heavyhaulers.com/images/hh-label-icons/grey-concrete-bg.jpg);
			   background-size: contain;
			   border-bottom: 7px solid transparent;
    		   border-image: url(https://www.heavyhaulers.com/images/hh-label-icons/hh-form-footer-border.jpg) 20 round;
			   
			   
		   }

/* Overall Box Shadow */  
		   
		   .extra-shadow {
				box-shadow: 0px 0px 36px -4px rgb(0 0 0 / 57%);   
		   }

/* Holding Light Yellow Hex Code in this class */  
		   
		   .light-yellow-text{
			   color: #FCC800;
		   }

/* Holding Slight Black Hex Code in this class for BGS */ 
		   
		   .off-black-bg {
			   background-color: #222222 !important;
		   }




/* Long Form Article Font Sizing*/  
		   
		   p, li {
			 font-family:'Yantramanav', sans-serif;
			 font-size: 21px;
			 
		   }

ol li {
	margin-bottom: 11px;
}
		   

		   /* Long Form Article Layout Spacing*/

		   		   section.knowledge-base-article p, section.knowledge-base-article ol {
			margin-top: 1.25em;
			margin-bottom: 1.25em;
					line-height: 32px;
		   }
					   
			
/* Long Form Share Buttons Spacing/Coloring*/
		   div.knowledge-base-share a {
			   color: #FCC800;
			   margin-right: 7px;
			   
		   }

/* Share Buttons Spacing/Coloring*/
		   
		   		   div.knowledge-base-share a:hover {
			   color: white;
			   
		   }


/*Top of page sub menu styling*/
		   
		   ul.top-bar-long-form a:hover {
			   color: white;
			   text-decoration: underline;
		   }

/*Long form artice "page" styling + constriction*/
		   
		   	div.long-form-bg {
		background-color: white;
		border-radius: 5px;
		padding: 36px;
				border: 1px solid #939393;
				
	} 

/* Over riding body bg default styling */
	
	/*body.long-form-child {
		background: #E7E7E7;
		background-image: none;
		   } */
	
	/* Media Query 600px */
	@media (max-width: 600px){
		div.long-form-bg {
			padding: 15px;
		}
		
				   p, li {
			 font-family:'Yantramanav', sans-serif;
			 font-size: 18px;
			 
		   }
		   
		   		   section.knowledge-base-article p{
			margin-top: 0.8em;
					   margin-bottom: 0.8em;
					line-height: 27px;
					   
			 
		   }
		
		.long-form-header {
    font-size: 2.75rem;
    line-height: 38px;
	}
		
				.long-form-header-white {
    font-size: 3.5rem;
    line-height: 38px;
	}
		   }

.long-form-yellow-cta{
	background: url(https://www.heavyhaulers.com/nav-bg-new.png);
}


.author-profile-picture {
	border-radius: 50%;
	border: 2px solid lightgrey;
	padding: 2px;
}