html{
	scroll-behavior: smooth;
}
html, body{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1rem;
	text-rendering: optimizeLegibility;
}
/* body{
	background-image: url('img/p4j_bg_white.jpg');
	background-attachment: scroll;
  background-position: 100% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height: 100vh; */
	/* background-color: rgba(255,255,255,0.6); */
	/* background-blend-mode: lighten; */
/* } */

#start>.container-fluid:{
	padding: 0;
}

[id^="scroll"] {
  height: 1px;
  scroll-margin-top: 60px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++ T Y P O +++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


h1{
	color: #222222;
	font-family: 'Edo SZ', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 3rem;
	/* letter-spacing: 0.1rem; */
	padding: 10% 5% 0% 5%;
}

h2{
	color: /* rgb(113,88,173)*/ #e92831;
	font-family: 'Edo SZ', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 2.25rem;
	text-shadow: 1px 1px #000000;
}
			#rewind h2{
				font-size: 0.9rem;
			}

h3{
	color: #222222;
	font-family: "degular-display", sans-serif;
	font-weight: 700;
	font-size: 1.35rem;
  font-style: italic;
  letter-spacing: 0.035em;
}

h4{
	color: #222222;
	font-family: "degular-display", sans-serif;
	font-weight: 200;
	font-size: 1.35rem;
  font-style: normal;
  letter-spacing: 0.055em;
}

h5{
	color: #222222;
	font-family: "degular-display", sans-serif;
	font-weight: 700;
	font-size: 1rem;
  font-style: normal;
  letter-spacing: 0.055em;
}

hr{
	border-style: solid;
	border-width: 1px;
	/* color: #222222; */
	color: #e92831;
	opacity: 0.75;
}

p{
	color: #222222;
  font-family: "degular-display", sans-serif;
  font-weight: 400;
  /* regular 400, medium 500, bold 700, black 800 */
  font-style: normal;
	font-size: 1.15rem;
  letter-spacing: 0.05em;
	line-height: 1.75rem;
}

			#rewind p{
				font-weight: 500;
			}


a{
	/* color: rgb(113,88,173); /* dark purple */
  color: rgb(192,9,19);
  font-family: "degular-display", sans-serif;
  font-weight: 700;
  /* regular 400, medium 500, bold 700, black 800 */
  font-style: normal;
  letter-spacing: 0.055em;
}

i{
	color: #222222;
  font-family: "degular-display", sans-serif;
  font-weight: 400;
  font-style: italic;
}

em{
	color: #222222;
	font-family: "degular-display", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.055em;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++ N A V I G A T I O N +++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.dropdown-menu {
  background-color: rgb(250,250,250);
}

.dropdown-item{
  font-size: 80%;
}

.dropdown-item.active, .dropdown-item:active,
.dropdown-item:focus, .dropdown-item:hover,
.dropdown-link, .dropdown-link:active{
	color: #e92831;
	background-color: rgba(192,9,19,0.1);
}

.navbar-nav .nav-link:active,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.nav-link:hover{
	color: #e92831;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++ S T A R T ++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.bg-image {
  background-image: url('img/p4j_bg_white.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;

  z-index: -150;
  pointer-events: none; /* allows clicks to go through */
}

.carousel, .carousel-inner, .carousel-item{
	height: 60vh;
}

.carousel-item{
	position: absolute;
}
.carousel-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

					/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.symbol{
  max-height: 70px;
	margin: 1.5rem;
}
.logo-pbbb{
	max-height: 50px;
	margin-top: 0rem;
}
.logo{
	max-height: 35px;
	z-index: 10;
}
#headva{
	color: #222222;
	font-family: "degular-display", sans-serif;
	font-weight: 700;
	font-size: 1rem;
	font-style: normal;
	letter-spacing: 0.055em;
	margin-bottom: 0rem;
	margin-top: 1rem;
}
.logo{
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera < 12.1 */
  animation: fadein 2s;
}

	@keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	/* Firefox < 16 */
	@-moz-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	/* Safari, Chrome and Opera > 12.1 */
	@-webkit-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	/* Internet Explorer */
	@-ms-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++ F A Q ++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#faq .accordion-body,
#faq .accordion-item{
	border-bottom: 0;
	border-radius: 0;
	box-shadow: none;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++ R E W I N D +++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.fas, .fa {
  display: inline-block;
	font-family: 'Font Awesome 7 Free' !important;
	font-style: normal !important;
	font-weight: 900; /* Or 400 depending on the icon style (solid, regular, etc.) */
}

.accordion-button{
	background-color: rgba(0,0,0,0);
	color: rgb(255,255,255);
	z-index: 20;
}
.accordion-button:not(.collapsed) {
	background-color: rgba(0,0,0,0);
	color: rgb(192,9,19);
}
.accordion-button:focus{
	box-shadow: none;
}
.accordion-button::after{
	display: none;
}

/* Rotate arrow icon when expanded */
.accordion-button:not(.collapsed) .fa-chevron-down {
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}

.accordion-button .fa-chevron-down {
	transition: transform 0.3s ease;
}

.accordion-body,
.accordion-item{
	border-radius: 6px;
	box-shadow: 2px 3px #626262;
}

.p4j2025n.accordion-item{
	background-color: rgba(0,0,0,1);
	background: url('img/p4j_bg_green.jpg') no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	border: 0px;
	height: auto;
}
.p4j2025.accordion-item{
	background-color: rgba(0,0,0,1);
	background: url('img/p4j_bg_purple.jpg') no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	border: 0px;
	height: auto;
}
.p4j2024.accordion-item{
	background-color: rgba(0,0,0,1);
	background: url('img/p4j_bg_white.jpg') no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	border: 0px;
	height: auto;
}
.p4j2022.accordion-item,
.bak2020.accordion-item,
.tgr2019.accordion-item{
	background-color: rgba(0,0,0,1);
	background: url('img/p4j_bg_black.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border: 0px;
	height: auto;
}
.p4j2019.accordion-item{
	background-color: rgba(0,0,0,1);
	background: url('img/p4j_bg_beige.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border: 0px;
	height: auto;
}
.p4j2025n.accordion-body {
	background-color: rgba(0,0,0,1);
	background: url('img/p4j_bg_green_lg.jpg') no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	border: 0px;
	height: auto;
}
.p4j2025.accordion-body {
	background-color: rgba(0,0,0,1);
	background: url('img/p4j_bg_purple_lg.jpg') no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	border: 0px;
	height: auto;
}
.p4j2024.accordion-body {
	background-color: rgba(0,0,0,1);
	background: url('img/p4j_bg_white_lg.jpg') no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	border: 0px;
	height: auto;
}
.p4j2022.accordion-body{
	background-color: rgba(0,0,0,1);
	background: url('img/p4j_bg_black_lg.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border: 0px;
	height: auto;
}
.img-thumbnail{
	/* margin-bottom: 20px; */
	border: 0px;
	border-radius: 0;
	padding: 0;
	background-size: contain;
}
.gallery-img{
	height:auto;
	padding: 0;
}
.p4j2025n .gallery-img{box-shadow: 3px 3px #2c7056;}
.p4j2025 .gallery-img{box-shadow: 3px 3px #4a3591;}
.p4j2024 .gallery-img{box-shadow: 3px 3px #000000;}
.p4j2022 .gallery-img{box-shadow: 3px 3px #c00913;}


#rewind .accordion-button p{
	font-size:0.8rem;
	line-height: 1.25rem;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++ S P L A S H +++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.visually-spaced + .visually-spaced::before {
  content: " ";
  letter-spacing: .25rem;
}

.crack-divider {
	position: relative;
	height: 0;
	z-index: -100;
}

.crack-img {
	position: absolute;
	top: 0px; /* pull it up halfway */
	left: 0;
	width: 100vw;
	object-fit: cover;
	pointer-events: none;
	z-index: -100;
}

#splash01{
	top: 50px;
	opacity: 1;
}

#splash04{
	top: -300px;
	left: -75px;
}
#splash02{
	transform: rotate(90deg);
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++ F O O T E R +++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


footer{
  background-color: rgba(250,250,250);
	/* height: 40px; */
}
footer p{
  color: #222222;
  font-size: 0.7rem;
}
footer a{
	font-size: 0.7rem;
}
footer i{
  color: grey;
  font-size: 0.7rem;
}

:is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa)::before {
  content: var(--fa);
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++ M E D I A Q U E R I E S +++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	#headva{font-size: 0.75rem; margin-top: 0.5rem;}
	.logo{max-height: 30px;}
	.symbol{max-height: 40px; margin: 0.5rem;}
	.logo-pbbb{max-height: 35px;}
	#splash04{top: -250px; left: -120px;}

	/* +++++++ F O O T E R +++++++ */
	footer p, footer a, footer i{font-size: 0.85rem;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	body{background-attachment: fixed;}
	h1{ font-size: 3.5rem;}
	h3{	font-size: 1.25rem;}
	#headva{font-size: 1.25rem; margin-top: 1.5rem;}
	p{font-size: 1rem;line-height: 1.6rem;}
	.logo{max-height: 75px; margin: 0.5rem;}
	.symbol{max-height: 120px; margin: 0.5rem; margin-top: 1.5rem;}
	.logo-pbbb{max-height: 80px;}
	#splash04{top: -300px; left: -200px;}
	/* footer{height: 60px;} */
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.logo{max-height: 60px;}
	.symbol{max-height: 80px;}
	.logo-pbbb{max-height: 60px;}
	h2{font-size: 2.1rem;}
	h4{font-size: 1.25rem;}
}

/* Extra large devices (large desktops, 1024px and up)*/
/* @media (min-width: 1024px) {
	.logo{max-height: 100px;}
	.symbol{max-height: 120px; margin: 1.5rem; margin-top: 3rem;}
	.logo-pbbb{max-height: 80px;}
} */

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.logo{max-height: 100px;}
	.symbol{max-height: 100px; margin: 0.5rem; margin-top: 1.5rem;}
	.logo-pbbb{max-height: 80px;}
	#rewind h2{font-size: 1.0rem;}
	#rewind .accordion-button p{font-size:1rem;}
	#splash02{transform: rotate(0deg);}
}

/* Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {
	h1{ font-size: 4rem;}
	h2{font-size: 2.5rem;}
	#rewind h2{font-size: 1.2rem;}
	h3{	font-size: 1.75rem;}
	#headva{font-size: 1rem; margin-top: 1rem;}
	.logo{max-height: 60px;}
	.symbol{max-height: 60px;}
	.logo-pbbb{max-height: 60px;}
}