:root {
	--red: #c83737;
	--section-padding: 1.5rem;
	--header-height: 4rem;
	--title-font: "Bitter";
}

.flex { display: flex;}
.flex-vertical {flex-direction: column;}
.flex-wrap { flex-wrap: wrap;}
.self-end { align-self: flex-end;}
.self-start { align-self: flex-start;}
.self-center { align-self: center;}

.x-space-between { justify-content: space-between;}
.x-space-arround { justify-content: space-around;}
.x-center {	justify-content: center;}
.y-center {	align-items: center;}
.y-start { align-items: flex-start;}
.y-end { align-items: flex-end;}


.header-margin {margin-top: var(--header-height);}
.header-padding {padding-top: var(--header-height);}

/* Commun Padding and Margin ---------------*/
.p-1 { padding: .5rem;}         .p-2 { padding: 1rem;}
.pt-1 { padding-top: .5rem;}    .pt-2 {	padding-top: 1rem;}
.pb-1 {	padding-bottom: .5rem;} .pb-2 {	padding-bottom: 1rem;}
.pl-1 { padding-left: .5rem;}   .pl-2 {	padding-left: 1rem;} .pl-3 {	padding-left: 2rem;}
.pr-1 {	padding-right: .5rem;}  .pr-2 {	padding-right: 1rem;}
.m-1 {	margin: .5rem;}         .m-2 {	margin: 1rem;}
.mt-1 {	margin-top: .5rem;}     .mt-2 {	margin-top: 1rem;}
.mb-1 {	margin-bottom: .5rem;}  .mb-2 {	margin-bottom: 1rem;}
.ml-1 {	margin-left: .5rem;}    .ml-2 {	margin-left: 1rem;}
.mr-1 {	margin-right: .5rem;}   .mr-2 {	margin-right: 1rem;}
.rounded {	border-radius: .25rem;}

/* Text Styles ----------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	/* margin-bottom: 0.5rem; */
	/* line-height: 1.2; */
	font-family: var(--title-font);
}

.indent { text-indent: 2rem;}

.text-decoration-none {
  text-decoration: none;
}

.fade-hover:hover {
	opacity: 0.5;
}

/* Accordion Styles ----------------------------------*/
.accordion {
	cursor: pointer;
}

.hide {	display: none;}

.active, .accordion:hover {
  background-color: rgba(204, 204, 204, 0.555);
}
.accordion:after {
  content: "\02795"; /* Unicode character for "plus" sign (+) */
  font-size: .8rem;
  /* color: #777; */
  float: right;
  margin-left: 5px;
}
.accordion-active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.accordion-panel { overflow: hidden;}

/* List Group Styles -------------------------------- */

.list-item:last-child {
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.list-item {
	padding: .5rem 1rem;
	border: 1px solid rgba(0, 0, 0, .125);
	border-top-width: 0px;
}

.list-item:first-child {
	border-top-width: 1px;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
/* -------------------------------------------------- */
/* Common Section Styles */
/* -------------------------------------------------- */

.brand-text {
	font-weight: bold;
	font-family: var(--title-font);
}

/* Loader ------------------------------------ */
.circle-loader {
	fill: transparent;
	stroke: blue;
	stroke-width: 3;
	animation: loader-dash 1.5s ease infinite, loader-rotate 2s linear infinite;
}

@keyframes loader-dash {
	0% {
		stroke-dasharray: 1, 95;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 85, 95;
		stroke-dashoffset: -25;
	}
	100% {
		stroke-dasharray: 85, 95;
		stroke-dashoffset: -93;
	}
}

@keyframes loader-rotate {
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}