@charset "utf-8";

@import url("/css/bootstrap-icons.css");

body {
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
  color: #ffffff;
  background-color: #000000;
  padding: 0px;
  max-width: 1024px;
  margin: 0 auto !important;
  float: none !important;
}

a:link {
  color: #00d2ff;
}

a:visited {
  color: #00d2ff;
}

a:hover {
  color: #ff69b4;
}

a:active {
  color: #00FF15;
}

.pj-h1 {
	text-align: center;	
	color: #ffcb00;
	padding-top: 0.5em;
}

.pj-h2 {
	color: #ffcb00;	
	padding-top: 0.5em;
}

.pj-h3 {
	color: #ffffff;	
	padding-top: 0.5em;
}

.pj-h4 {
	color: #ffcb00;
	padding-top: 0.5em;
}

.pj-yellow {
	color: #ffcb00;
}

.border-pj-yellow {
	border-color: #ffcb00;
}

.pj-nav-item {
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-color: #ffcb00;
	text-align: center;
	padding-bottom: 0.5em;
}

.pj-sm-item {
	border-bottom-style: solid;
	border-bottom-width: thin;
	padding-bottom: 1em;
	margin-bottom: 0.5em;
	border-top-style: solid;
	border-top-width: thin;
	padding-top: 1em;
	margin-top: 1em;
	border-color: #ffcb00;
	text-align: center;
}

.pj-nav .pj-nav-item > a:link,
.pj-nav .pj-nav-item > a:visited {
	color: #ffffff;
}

.pj-nav .active > a:link,
.pj-nav .active > a:visited {
 	color: #ffcb00;
	font-weight: bold;
}

.pj-spacer-line {
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-color: #ffcb00;
	text-align: center;
	padding-bottom: 0.5em;
}

.pj-gallery-item {
	margin-top: auto;
	margin-bottom: auto;
	padding: 1em;
}

.youtube-iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}

.youtube-iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}