/* A3MG: p3sdk 3Play overrides to fix conflict with Bootstrap style sheets*/

.p3sdk-container{
    font-size: 11px !important;
}

.p3sdk-audio-description-component{
  max-height: 40px !important;
  border-bottom: 0px !important;
}
/* End A3MG */



body {
    color: #FFF;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	background: #000 url(../images/background.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	background-size: cover;
}

/* Global Tab Focus */
*:focus {
    outline: 0px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 1.0), 0 0 0 4px rgba(255, 255, 255, 1.0);
}

/* Custom Tab Focus */
.btn:focus {
outline: 0px;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 1.0), 0 0 0 4px rgba(0, 0, 0, .8)
}

.rect1, .rect2, .rect3 {
fill-opacity: 0;
}

.rect1:hover, .rect2:hover, .rect3:hover {
fill-opacity: .2;
fill: yellow;
}

.g:focus-within  {
stroke: black;
stroke-width: 4px;
opacity: 1;
}

.form-switch .form-check-input:focus {
border-color: #FFF;
box-shadow: 0 0 0 2px rgba(0, 0, 0, .8)
}

a.icon:focus {
border-color: #FFF;
box-shadow: 0 0 0 2px rgba(0, 0, 0, .8)
}

.MathJax:focus {
    outline: 0px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 1.0)
}

.oi {
  position: relative;
  top: 0px; /* was 1px */
  display: inline-block;
  speak:none;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  /* line-height: 1; override button height change */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

span.underline {
	text-decoration: underline;
}


h1, .h1 {
  font-size: 1.9rem;
  font-weight: bold;
}

h2, .h2 {
  font-size: 1.7rem;
  font-weight: bold;
}

h3, .h3 {
  font-size: 1.5rem;
  font-weight: bold;
}

p, ul.match, ol.match {
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1.4;
}

.no-bullets {
    list-style-type: none;
	padding-left: unset;
}

.no-bullets-credits {
    list-style-type: none;
    padding-left: 0em;
}


legend {
	font-size: 1.3rem;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 1rem;
}

.card-header {
  font-size: 1.5rem;
  background-color: #fdfcad!important;
  color: #000!important;
}

.page-link {
	color: #f2f2f2;
	background-color: rgba(0, 0, 0, 0.70);
	border: 1px solid #dee2e6
}

.page-link.roundright {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.page-link:hover {
	color: black;
	box-shadow: unset;
}

.page-link:focus {
	color: black;
	box-shadow:  inset 0 0 0 1px rgba(0, 0, 0, 1.0), 0 0 0 2px rgba(255, 255, 255, 1.0)
}

.active>.page-link, .page-link.active {
	color: #000;
	background-color: rgba(255, 255, 255, 1.0);
	border: 1px solid #dee2e6
}

.disabled>.page-link, .page-link.disabled {
	color: rgba(255, 255, 255, 0.60);
	background-color: rgba(0, 0, 0, 0.20);
	border: 1px solid #dee2e6
}

/* Custom Colors
----------------------------------------------- */

.btn.disabled, .btn:disabled {
	opacity: 1.0 !important;
}

.btn-hype {
min-width: 64px;
min-height: 32px;
}

.btn-hype2 {
min-width: 128px;
min-height: 52px;
font-size: 28px
}

.btn-hype:hover, .btn-hype2:hover {
text-decoration: underline;
}

.btn-outline-warning {
color: #967100;
border-color: #967100;
}

.btn-outline-warning:disabled {
color: #967100;
}

.btn-outline-info {
color: #008099;
border-color: #008099;
}

.btn-outline-info:disabled {
color: #00829c;
}

a.light-links {
  color: #f2dfaa;
  font-weight: bold;
  text-decoration: underline;
}

a.light-links:hover {
  color: #fff;
  text-decoration: none;
}

a.light-links-figcaption {
  color: #fdfcad;
  text-decoration: underline;
}

a.light-links-figcaption:hover {
  color: #fff;
  text-decoration: none;
}

a.dark-links {
  color: #434343;
  font-weight: bold;
  text-decoration: underline;
}

a.dark-links:hover {
  color: #000;
  text-decoration: none;
}

a.def-links {
  color: #fdfcad;
  font-weight: bold;
  text-decoration: none;
  border-bottom: dotted;
  border-width: 2px;
  white-space: nowrap;
}

a.def-links:hover {
  color: #FFF;
}

a.def-links:focus {
  color: #FFF;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 1.0);
}

a.def-links-dark {
  color: #434343;
  font-weight: bold;
  text-decoration: none;
  border-bottom: dotted;
  border-width: 2px;
  white-space: nowrap;
}

a.def-links-dark:hover {
  color: #000;
}

a.def-links-dark:focus {
  color: #000;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 1.0);
}

.figure-caption {
  color: #FFF;
  margin-top: 4px;
  font-size: 1em;
}

.border {
	border: 1px solid #666!important;
}

.form-control:focus{
box-shadow: 0 0 0 .2rem rgba(110, 150, 214, 1.0)
}

.custom-select.is-invalid:focus,.form-control.is-invalid:focus {
box-shadow: 0 0 0 .2rem rgba(216, 107, 107, 1.0)
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
box-shadow: 0 0 0 .2rem rgba(25,135,84,.85);
}

.form-control:hover:enabled {  /* Hover on active table form cells */
box-shadow: 0 0 0 2px rgba(0, 0, 0, .8)
}

.form-control:disabled, .form-control[readonly] {
background-color: #f5f5f5;
}

.invalid-feedback {
color: #b3424d;
}

.valid-feedback {
color: #187a4d;
}

table {
	font-size: .8rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"] { -moz-appearance: textfield; }

.cursor-help {
	cursor:help;
}

/* Tippy TOOLTIPS and POPOVERS
----------------------------------------------- */

.tippy-box {
background-color: #fff;
color: #1d2822;
border-radius: 6px;
box-shadow: 0 0 0 3px #f2dfaa inset;
/*border: 3px solid #f2dfaa;*/
/*box-shadow: 0px 0px 30px;*/
/*outline: 0;*/
/*min-width: 320px;*/
padding: .6em;
transition-property: transform,visibility,opacity;
}

.tippy-arrow {
/*width: 40px;
height: 40px;*/
color: #f2dfaa;
}

/* Ensure tippy link doesn't line break on hover. Add if more than 8 tippys per page */
#tippy-1, #tippy-2, #tippy-3, #tippy-4, #tippy-5, #tippy-6, #tippy-7, #tippy-8 {
display:inline;
}


/* Accordion Custom
----------------------------------------------- */

.accordion-button {
color: #000;
background-color: #e6e6e6;
}

.accordion-button:not(.collapsed) {
color: #000;
background-color: #e6e6e6;
}

.accordion-button:focus {
box-shadow: 0 0 0 .25rem rgba(0,0,0,.5);
}


/* Modalx Custom
----------------------------------------------- */
.btn-close:focus {
box-shadow: 0 0 0 .25rem rgba(0,0,0,.5);
}

h2.modalx, h2 .accordion-button {
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
}

h3.modalx {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: .1rem;
  color: #000;
}

p.modalx, ul.modalx {
  font-size: 1.1rem ;
  font-weight: normal; 
  color: #000 ;
}

.modalx.small {
font-size: .875em;
}

a.modal-links {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}

a.modal-links:hover {
  color: #333;
  text-decoration: none;
}

a.modal-links:focus {
  color: #333;
  text-decoration: none;
  outline: 2px solid #000;
}


/* Nav bar styling
----------------------------------------------- */
.navbar {
	/*background-color: #222;*/
    background-color: #141412;
    padding-left: 28px;
    padding-right: 28px;
}

.nav-item.active {
    background-image: url(../images/active-nav.svg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 18px auto;
    /*background-color: #333;*/
}

.navbar .navbar-brand {
    color: #f2dfaa;
    font-weight: bold;
}

.navbar-brand {
    margin-right: 0; 
	color: #f2dfaa;
	white-space: unset;
}

a.navbar-brand:focus {
color: #FFF;
}

a.navbar-brand:hover {
color: #FFF;
text-decoration: underline;
}


.navbar-brand.active {
    color: #fff;
}

.navbar .navbar-text {
  color: #f2dfaa;
  font-weight: bold;
}

.navbar .navbar-text a {
  color: #f2dfaa;
}

.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #FFF;
  text-decoration: underline;
}

.navbar .navbar-nav .nav-link {
    color: #f2dfaa;
    border-radius: 0;
    margin: 0;
/*  margin: 0 0.25em;  */
	font-size: 1.2rem;
    padding-top: 15px;
    padding-bottom: 15px;
}

.nav-link.disabled {
color: #adadad !important;
pointer-events: auto !important;
cursor: unset;
}

.nav-link:hover, .nav-link:focus {
    color: #FFF !important;
	text-decoration: underline;
}

.nav-item {
    /*border-left: 1px solid #404847;*/
}
			
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
    color: #FFFFFF;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
    color: #FFF;
    font-weight: bold;

}

.modal-xl {
    max-width: 900px !important;
  }

.modal-header {
  background-color: #f2dfaa;
}

.modal-backdrop {
    opacity:0.75 !important;
}

.modal-title {
    font-weight: bold;
	color: #000;
	font-size: 1.3rem;
}

.close:hover, .close:focus {
  color: #000;
  background-color: #FFF;
  opacity: 1.0;
}
.footer-logo {
    padding-right: 14px;
	margin-top: 2px;
	float: right;
}
.navbar-toggler {
    background-color:#333;
    margin-right: 8px;
}

.navbar-toggler:hover  {
    background-color:#444;
}

.navbar-toggler:focus  {
 	box-shadow: 0 0 0 2px;
 	color: rgba(255,255,255,.9);
}

.width-45 {
    width: 45px;
}
.row-pad-btm {
    padding: 12px 45px;
}
.row-pad {
    padding: 0 45px 12px;
}

.btm-row-pad {
    padding: 12px 45px;
}
/*.dropdown-item {
	color: #d5f0e2;
}*/

/* Footer Navigation and Modals
----------------------------------------------- */

.footer {
    width: 100%;
    /*height: 60px; /* Set the fixed height of the footer here */
    /*line-height: 24px; /* Vertically center the text there */
	/*background-color: #222;*/
    background-color: #141412;
}
.footer-item {
    text-align: center;
	margin-top: 18px;
	margin-bottom: 18px;
	padding-left: 15px;
	float: left;
}

.footer-item a {
	font-size: 16px;
    color: #f2dfaa;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
}
.footer-item a:hover {
    color: #FFF;
	text-decoration: underline;
}

.page-next, .page-prev {
	position: fixed;
	top: 50%;
	z-index: 1;
	overflow: hidden;
	padding-top: 24px;
    padding-bottom: 24px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.page-next a, .page-prev a {
	display: block;
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	border: 0;
	background-color: rgba(115,83,57,.45);
	background-repeat: no-repeat;
	position: absolute;
	transition-duration: .25s;
	transition-property: background-color;
	transition-timing-function: ease-in-out;
	will-change: background-color
}
.page-next a:focus, .page-next a:hover, .page-prev a:focus, .page-prev a:hover {
	background-color: rgba(115,83,57,.9)
}
.page-next a.is-disabled, .page-prev a.is-disabled {
	opacity: .33;
	cursor: default;
	background-color: rgba(51,51,51,.33)
}
.page-prev {
	left: 0
}
.page-next, .page-prev a {
	right: 0
}
.page-next a {
	left: 0;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}
.page-prev.btn.btn-secondary {
    border-radius: 0 8px 8px 0;
    border-style: none;
    background-color: rgba(128, 128, 128, 0.70);
}
.page-prev.btn.btn-secondary:hover {
    background-color: rgba(128, 128, 128, 0.90);
}
.page-next.btn.btn-secondary {
    border-radius: 8px 0 0 8px;
    border-style: none;
    background-color: rgba(128, 128, 128, 0.70);
}

.page-next.btn.btn-secondary:hover {
    background-color: rgba(128, 128, 128, 0.90);
}
.btn-secondary .oi.oi-chevron-left  {
    font-size: 20px;
	top: 4px;
}
.btn-secondary .oi.oi-chevron-right  {
    font-size: 20px;
	top: 4px;
}


@media (max-width: 575px) {
  
}


@media (max-width: 767px) {
   p, ul.match, ol.match {
	font-size: 1.2rem;
   }
   
   h1, .h1 { 
	 font-size: 1.5rem;
   }
   
   h2, .h2 { 
   	 font-size: 1.3rem;
   }
   
   h3, .h3 { 
   	 font-size: 1.1rem;
   }
   
   /* Small pagination for mobile*/
   .pagination .page-link {
	padding: .25rem .5rem;
	font-size: .875rem;
	}
   
legend {
	font-size: 1.2rem;
	}
  .navbar .navbar-brand:hover,
  .navbar .navbar-brand:focus {
    color: #fff;
  }
  .navbar .navbar-nav .nav-link {
    padding: 8px 0 8px 42%;
    /*padding-left: 25%;
	padding-bottom: 8px;*/
	margin: 0 0 2px 0;
}
	.navbar .navbar-nav .nav-link.nav-sub-link {
		padding-left: 30%;
		font-size: 1.3em;
	}
	.navbar .navbar-collapse, .navbar .navbar-form {
  background-color: #222222;
	position: relative;
    z-index: 2;  
}
	.row-pad-btm {
    padding: 12px 12px;
	}
	
	.row-pad {
    padding: 0 12px 12px;
	}
	
	.btm-row-pad {
    padding: 12px 25px 60px;
	}
	.page-head {
		padding: 0 27px;
	}
	.page-next, .page-prev {
	z-index: 1;
}
  
  .footer-item {
	float: none;
	margin-bottom: 0px;
	padding-left: 0px;
  }

  .footer-logo {
	width: 100%;
	margin-top: -2px;
	margin-bottom: 10px;
	padding-right: 0px;
	text-align: center;
  }
  
    .nav-justified .nav-item {
    text-align: left;
	border-left: 0;
}

	.navbar .navbar-brand {
	color: #f2dfaa;
    font-weight: bold;
    letter-spacing: 0px;
}

.navbar-brand.active {
    color: #fff;
}
	.nav-item.active {
    background-image: url(../images/active-nav-left.svg);
    background-repeat: no-repeat;
    background-position: 40% 42%;
    background-size: auto 18px;
}
	
}

@media (prefers-color-scheme: dark) {
		
		.modal-body {
			background-color: #381400;
		}
		
		.modal-content {
			background-color: #381400;
			border-color: #999999;
		}
		
		p.modalx, ul.modalx, h3.modalx {
			color: #FFF;
		}
		
		a.modal-links {
		color: #CCC;
		}		
		
		a.modal-links:hover {
		color: #FFF;
		}
		
		.accordion-item {
		background-color: #381400;
		}
		
		.accordion-button:focus {
		box-shadow: 0 0 0 .25rem rgba(255,255,255,1.0);
		}
		
		.text-muted {
		color: #FFF!important;
		}

      }

@media (min-width:768px){

}

@media (max-width: 991px) {

}

@media (min-width: 991px) {
}

@media (max-width: 1199px) {
	
}

@media (min-width: 1199px) {

}