/*@charset "UTF-8";<style type="text/css">*/

/* NEW CONTENT SECURITY POLICY */

/* Adds formating to the jumbotron */
.jumbotron-custom {
    background-image: linear-gradient(to bottom, rgba(255, 69, 0, 0.2), rgba(128, 0, 128, 0.4)), 
                      url('/images/jumbotron/<?php echo $image; ?>');
    background-color: #FF6633;
    background-size: 100% 100%;
    padding-top: 5%;
    padding-bottom: 5%;
}


/* PEARL */
.bg-pearl {
  background-color: #f8f9fa !important; /* Soft off-white with a hint of gray */
  color: #212529;
}

.table-pearl {
  --bs-table-bg: #fdfdfd;
  --bs-table-striped-bg: #f3f3f3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e8e8e8;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #dedede;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #d6d6d6;
}

/* CREAM */
.bg-cream {
  background-color: #fffdd0 !important; /* Pale yellowish-white */
  color: #212529;
}

.table-cream {
  --bs-table-bg: #fffbe6;
  --bs-table-striped-bg: #fef6cc;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #f2e7a9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e6da96;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #d9c97d;
}

/* ORANGE */
.bg-orange {
  background-color: #fd7e14 !important; /* Bootstrap orange (used in buttons) */
  color: white;
}

.table-orange {
  --bs-table-bg: #ffe5d0;
  --bs-table-striped-bg: #ffd1ac;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #ffb77e;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ffa055;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #fd7e14;
}


/* Adds purple to Boostrap 5.0 */
.bg-purple {
  background-color: #6f42c1 !important;
  color: white;
}

.table-purple {
  --bs-table-bg: #f3e8ff;           /* Light purple background */
  --bs-table-striped-bg: #e2d4f7;   /* For striped rows */
  --bs-table-striped-color: #000;   /* Text color for striped rows */
  --bs-table-active-bg: #d1b3f0;    /* Active row background */
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c79ae6;     /* Hover row background */
  --bs-table-hover-color: #000;
  color: #000;                      /* Default text color */
  border-color: #b46ed7;            /* Border color */
}

/* Adds brown to Bootstrap 5.0 */

/* Background Utility */
.bg-brown {
  background-color: #795548 !important; /* A warm medium brown */
  color: white;
}

/* Table Variant */
.table-brown {
  --bs-table-bg: #efebe9;           /* Light brown background */
  --bs-table-striped-bg: #e0d7d0;   /* For striped rows */
  --bs-table-striped-color: #000;   /* Text color for striped rows */
  --bs-table-active-bg: #d2bfb4;    /* Active row background */
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c8a99b;     /* Hover row background */
  --bs-table-hover-color: #000;
  color: #000;                      /* Default text color */
  border-color: #a1887f;            /* Border color */
}



/* START Custom CSS for fluorescent yellow */
.fluorescent-yellow {
  color: #ccff00; /* For text */
}

.bg-fluorescent-yellow {
  background-color: #ccff00 !important; /* For background */
}

.border-fluorescent-yellow {
  border-color: #ccff00 !important; /* For borders */
}
/* END Custom CSS for fluorescent yellow */



.orange{background-color: #FF6633;} 

.red-hr {
  background-color: rgb(255, 255, 255);
  opacity: 1
}

.text-shadow-gray {
text-shadow: 2px 2px 4px #000000;
}

/* END NEW */


a {
  color: #660099;
  text-decoration: underline;
  background-color: transparent;
}
a:link{color:#660099;text-decoration:underline;}
a:visited{color:#660099;text-decoration:underline;}
a:hover{color:#FF6633;text-decoration:underline;}
a:active{color:#660099;text-decoration:underline;}
a.nav:link{color:#FFFFFF;text-decoration:underline;}
a.nav:visited {color:#FFFFFF;text-decoration:underline;}
a.nav:hover{color:#FF6633;text-decoration:underline;}
a.nav:active{color:#FFFFFF;text-decoration: underline;}
a.navbottom:link{color:#FFFFFF;text-decoration:underline;}
a.navbottom:visited{color:#FFFFFF;text-decoration:underline;}
a.navbottom:hover{color:#660099;text-decoration:underline;}
a.navbottom:active{color:#FFFFFF;text-decoration:underline;}
img{max-width:100%;height:auto;}
.xsmall{font-size:10px;}
.small{font-size:12px;}
.large{font-size:20px;}
.xlarge{font-size:24px;}
.selectClass{font-size:18px;font-family:'Verdana';}
.with-space{line-height:2.5em;}
.column{float:none;width:100%;}
.columnmain{float:none;width:100%;}
.columnonehalf{float:none;width:100%;}
.columnonefourth{float: none;width: 100%;}
.columnonefourthhidden{float: none;width: 100%; visibility: hidden; display: none;}
.visibility{display: block;}
.invisibility{display: none;}
.columnfull{float: none;width: 100%; visibility: hidden; display: none;}
.columnfullinverse{float: none;width:100%; visibility: visible; display: block;}
.columnthreequarters{float:none;width:100%;}
.columnonefifth{float:none;width:100%;}
.column4fifth{float:left;width:100%;}
.columnoneseventh{float:none;width:100%;}
.columntwopercent{float:none;width:100%;}
.imageright{float:none;margin:5px;}
.tablecalendar1{float:left;width:100%;white-space:wrap;overflow:hidden;max-height:280px;word-wrap:normal;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.tablecalendar2{white-space:nowrap;table-layout:fixed; overflow:hidden;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;float:left;width:50%;max-height:280px;word-break: break-word;word-wrap:normal;}
.tablecalendar3{white-space:nowrap;table-layout:fixed; overflow:hidden;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;float:left;width:33.33%;max-height:280px;word-break: break-word;word-wrap:normal;}
.tablecalendar4{white-space:nowrap;table-layout:fixed; overflow:hidden;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;float:left;width:25%;max-height:280px;word-break: break-word;word-wrap:normal;}
.tablecalendar5{white-space:nowrap;table-layout:fixed; overflow:hidden;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;float:left;width:20%;max-height:280px;word-break: break-word;word-wrap:normal;}
.nowhitespace{white-space: nowrap;}
input:focus {
    background-color: yellow;
	border-color: #660099;	
}

input {font-size:16px;}

textarea:focus {
    background-color: yellow;
	border-color: #660099;	
}

textarea {font-size:16px;}

select:focus {
    background-color: yellow;
	border-color: #660099;	
}


/* Starts glow for text not working*/
.glow {
  font-size: 80px;
  color: #fff;
  text-align: center;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}
/* ends glow for text */





@media (min-width: 768px) {	  
.xsmall{font-size:12px;}
.small{font-size:14px;}
.large{font-size:22px;}
.xlarge{font-size:26px;}
article{width: 650px;margin-left:auto;margin-right:auto;}
.article2{width:700px;margin-left:auto;margin-right:auto;}
.column{float:left;width:33%;}
.columnmain {float:left;width:67%;}
.columnonehalf{float:left;width:50%;}
.columnonefourth{float:left;width:25%;}
.columnonefourthhidden{float:left;width:25%; visibility: visible; display: block;}
.visibility{display: none;}
.invisibility{display: block;}
.columnfull{float:none;width:100%; visibility: visible; display: block;}
.columnfullinverse{float: none;width: 100%; visibility: hidden; display: none;}
.columnthreequarters{float:left;width:75%;}
.columnonefifth{float:left;width:20%;}
.column4fifth{float:left;width:80%;}
.columnoneseventh{float:left;width:14%;white-space:wrap;overflow:hidden;max-height:280px;word-wrap:normal;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.columntwopercent{float:left;width:10%;white-space:wrap;overflow:hidden;max-height:280px;word-wrap:normal;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.imageright{float:right;margin:5px;}
}	
@media (min-width: 1200px) { 
article{width:750px;margin-left:auto;margin-right:auto;}
.article2{width:850px;margin-left:auto;margin-right:auto;}
}
/*</style>*/