/*
	DEB's BootStrap Overrides
	+ shortcuts, additions…
*/


div h1, div h2, div h3, div h4, div h5, div h6 { margin-bottom: 1rem }
/*div hr { margin: 0; }*/


/*
	I added the below css because Bootstrap doesn't natively support text justify:
	“ Note that we don't provide utility classes for justified text. While, aesthetically, justified text might look more appealing, it does make word-spacing more random and therefore harder to read. ”
	Note that I prevent text-justify on small-width screens, as the randomness of word-spacing is more visible on those.
*/

.text-justify, .text-justify-start, .text-justify-center, .text-justify-end { text-align: justify; }
.text-justify-start { text-align-last: left; }
.text-justify-center { text-align-last: center; }
.text-justify-end { text-align-last: right; }
.text-start { text-align-last: left; }
.text-center { text-align-last: center; }
.text-end { text-align-last: right; }

@media only screen and (max-width: 768px)
{
	.text-justify-start { text-align: left; text-align-last: left; }
	.text-justify-center { text-align: center; text-align-last: center; }
	.text-justify-end { text-align: right; text-align-last: right; }
}



/*	Shorthands	*/

.p-static		{	position: static !important;			}
.p-relative 	{	position: relative !important;			}
.p-absolute 	{	position: absolute !important;			}
.p-fixed		{	position: fixed !important;				}

.p-sticky		{	position: -webkit-sticky !important;
					position: sticky !important;			}



/*	Additional positioning classes	*/

.top-000		{	top: 000% !important;		}
.top-010		{	top: 010% !important;		}
.top-020		{	top: 020% !important;		}
.top-030		{	top: 030% !important;		}
.top-040		{	top: 040% !important;		}
.top-050		{	top: 050% !important;		}
.top-060		{	top: 060% !important;		}
.top-070		{	top: 070% !important;		}
.top-080		{	top: 080% !important;		}
.top-090		{	top: 090% !important;		}
.top-100		{	top: 100% !important;		}
.bottom-000		{	bottom: 000% !important;	}
.bottom-010		{	bottom: 010% !important;	}
.bottom-020		{	bottom: 020% !important;	}
.bottom-030		{	bottom: 030% !important;	}
.bottom-040		{	bottom: 040% !important;	}
.bottom-050		{	bottom: 050% !important;	}
.bottom-060		{	bottom: 060% !important;	}
.bottom-070		{	bottom: 070% !important;	}
.bottom-080		{	bottom: 080% !important;	}
.bottom-090		{	bottom: 090% !important;	}
.bottom-100		{	bottom: 100% !important;	}
.start-000		{	left: 000% !important;		}
.start-010		{	left: 010% !important;		}
.start-020		{	left: 020% !important;		}
.start-030		{	left: 030% !important;		}
.start-040		{	left: 040% !important;		}
.start-050		{	left: 050% !important;		}
.start-060		{	left: 060% !important;		}
.start-070		{	left: 070% !important;		}
.start-080		{	left: 080% !important;		}
.start-090		{	left: 090% !important;		}
.start-100		{	left: 100% !important;		}
.end-000		{	right: 000% !important;		}
.end-010		{	right: 010% !important;		}
.end-020		{	right: 020% !important;		}
.end-030		{	right: 030% !important;		}
.end-040		{	right: 040% !important;		}
.end-050		{	right: 050% !important;		}
.end-060		{	right: 060% !important;		}
.end-070		{	right: 070% !important;		}
.end-080		{	right: 080% !important;		}
.end-090		{	right: 090% !important;		}
.end-100		{	right: 100% !important;		}