/* - Modifications by Skylarkk 2021

Current Version 2.8.3 ; 9-9-21 1:30 PM - updated various styles

Version 2.8 ; 9-9-21 1:30 PM - updated Font imports, H tags, and various styles

Version 2.7.5 ; 9-9-21 11:30 AM - updated various styles

Version 2.7 ; 9-9-21 11:00 AM - updated various styles

Version 2.6 ; 9-7-21 2:56 PM - updated styles for regulations list - added secondary footer

Version 2.5 ; 9-3-21 2:00 PM - added structure for flex col6

Version 2.3 ; 9-3-21 10:54 AM - updates to admin form and nav

Version 2.0 ; 9-2-21 4:56 PM - added status class styles

Version 1.5 ; 9-2-21 4:15 PM - updated various styles

- */

@import url('https://web-archive.nli.org.il/National_Library/cs_/https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://web-archive.nli.org.il/National_Library/cs_/https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

* {
    font-size:1em;
    margin:0;
    padding:0;
    line-height: 1.4;
    font-family: "Roboto",Arial,sans-serif;
	text-rendering: optimizelegibility;
}
ul {
    padding: 0.25em 1.5em;
}
li {padding:.5em .25em; list-style:none;}
a:focus, a:active {outline: thin dotted #123;}
a, a:visited {color:#081e3f;}

p {
    padding: .25em;
}

/* Flex Col */

.flex-c {
	display:flex;
}

.col-mn {
	flex:1;
}

.col-sd {
	flex: 0 0 33.333%;
}

/**/
#announcements, .errors, .error, .warn, .success, .rabbit {
  padding:.75em 0em; margin:.25em 0em;
}
.error, .warn, .success, .rabbit {
  margin: .25em auto;
  padding: .25em 2em;
  border-radius: 1px;
  font-weight: bold;
}

#announcements > li > img, .errors > li > img {
  padding: 0em 1em;
  vertical-align: middle;
}
#announcements > li > ul {
  margin:0;
  padding:0;
  display:inline-block;
}
#announcements > li > ul > li {
  margin:.25em;
  padding:0;
}
.success {
  border: none;
  color: #000;
  background-color:#73EE6D;
}
.warn {
  border: none;
  color:#C21400;
  background-color:#EEEE6D;
}
.error {
  border: none;
  color:#000;
  background-color:#EE706D;
}
.rabbit {
  color:#660066;
  background-color:#FFA8DB;
}

.collapse > h2 {
    margin:.25em;
    padding:.5em 1em;
}
.collapse > h2 > span {
    float: right;
}
.hidden > ul {
    display:none;
}
.hidden {
    background-color:#00457a!important;
    max-height: 4em;
}
.hidden > h2 {
    color:white;
}
.collapse > ul{
    padding-bottom: 1em;
}
.collapse {
    background-color:#EFEFEF;
    max-height: 100em;
}

table {
  width:100%;
  border-collapse: collapse;
  text-align: left;
  margin: .5em;
}

thead > tr > th {
  color: #00457a;
  text-align:left;
}
thead > tr {
  border-bottom: 2px solid #000;
}
tbody > tr {
  border-bottom: 1px solid #678;
}

.gsc-search-box tbody > tr {
  border-bottom: none;
}

td > a {
  padding:.25em;
}

.row0{
  background-color:#CDD6E0;
}

.row1{
  background-color:#EDDFB4;
}

.fa-w-16 {
	padding-right:.5em;
}

/* stats */

.stat {
color: #fff;
padding: .25ex .5em;
border-radius: .25em;
}

.regulation {
	background: #007b12;
}

.change {
	background: #940061;
}

.proposed {
	background: #666100;
}

.archived {
	background: #484848;
}

.amendment {
	background: #004062;
}

.repeal {
	background: #8f4e00;
}

.withdrawn {
	background: #940061;
}

/*----*/

input[type=text], input[type=password], input[type=date], textarea {
  background-color: #FFF;
  border: 1px solid #73706D;
  border-radius: 0;
  letter-spacing: normal;
  line-height: 1.6em;
  padding: .5em;
}

input[name=logout] {
  border-radius: .5em !important;
}

input[type=submit], input[type=reset], #home-button {
  cursor: pointer;
  margin:.25em .5em;
  background-color: #C5960C;
  border: 1px outset #666;
  color: #FFF;
  font-size: 1em;
  font-weight:bold;
  border-radius: 1px;
  text-decoration:none;
  padding: .5em;
}

input[disabled=disabled] {
  background-color:#CCC;
  color:#888;
  opacity:.5;
  cursor: wait;
}

#submits {
  margin: 1em auto;
  text-align:center;
  width: 30em;
  height: 2em;
}

#submits > input:first-child {
  margin-right:5em;
}

label {
  vertical-align: middle;
}

select {
	padding:.5em;
}

.f_entry {
  padding:.5em;
}

.f_entry > fieldset {
padding: 0 1.5em 1.5em;
background: #efefef;
border: none;
border-radius: 1em;
margin-bottom: 1em;
}

.f_entry > input {
  min-height: 1.5em;
  display:inline-block;
  vertical-align:middle;
}

.f_entry > label.prefix {
  padding-right: 1em;
  display:inline-block;
	vertical-align: top;
}

kbd {
  padding: 0px 1px 0px 1px;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
}

label:hover {cursor:pointer;}
label:hover + input[type=radio], input[type=radio]:hover {
  outline: thin dotted red;
}

.info-list > li > span:first-child {
   font-weight: bold;
   color: #456789;
}

.ul-bullets > li {
  list-style: square;
}

/* Page Nav */

.page-nav {
  margin: .25em;
}
.page-nav > .current {
 background-color:#002d62;
color:#fff;
}
.page-nav > a {
margin: .25em;
border-radius: .5em;
min-width: 1.5em;
display: inline-block;
text-align: center;
background-color: #efefef;
padding: .5em;
}
.page-nav > form, .page-nav > form > p {
  display:inline;
  margin-left:1em;
}
.page-nav > form > p > input {
  margin-left:.5em;
	border-radius: .5em;
}

.scq > label {
    margin-left: 2em;
}

table {
  border-collapse:collapse;
  width: 100%;
}
thead {
  text-align:center;
  border-bottom:medium solid #000;
}
td, th {
  padding:.5em .5em;
}

html {
  min-height: 40em;
}

body {
  position:relative;
  min-width: 20em;
  max-width: 100%;
  min-height:20em;
  font-family: sans-serif;
  z-index: 1;
}

section {
    padding: .25em 2em 2em;
    margin:2em 0 3em;
    background-color:#FFF;
    box-shadow: 0 -3px 8px #333;
    border-radius: 1em 1em 0 0;
    border-bottom: 5px solid #c5960c;
}

section > h1 {
    margin: .5em 0;
    background-color: #00457a;
    color:#fff;
    padding: .25em .5em;
    line-height: 2;
}

#head {
  padding: 1em 0em 0em;
  margin: 0 auto;
  min-height: 5em;
  max-height: 15em;
	background: #081e3f;
	display: flex;
}

#head > h1 {
margin: 0 auto;
max-width: 14em;
}

#head img {
	height: auto;
	width: 100%;
}


#menu {
	text-align: center;
	padding:.3em;
	background:#081e3f;
}

#menu ul {
	margin: 0;
}

#menu ul li {
	padding: 0;
	margin: 0;
	display: inline-block;
}

#menu li a {
	display: block;
	padding:.5em 1em .5em 1em;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	transition:all .4s ease-in-out;
}

#menu li a:hover {
	color:#FFFFFFA5;
	transition:all .4s ease-in-out;
}

#front-banner {
	width: 100%;
	background-image: linear-gradient(180deg,rgba(22,41,135,0.58) 0%,#00364f 100%),url(https://web-archive.nli.org.il/National_Library/oe_/https://compliance.fiu.edu/wp-content/uploads/sites/21/2018/09/slide009.png);
	background-color: #7EBEC5;
	background-size: cover;
	padding:2em 0 2em;
}

#front-banner .desc-box {
	margin:0 auto;
	max-width:65em;
	color:#fff;
	background:#0000006A;
	padding: 2em;
	margin-bottom: 1em;
}

#front-banner a {
margin: 0 auto;
display: block;
border: 2px #fff solid;
color: #fff;
padding: 1em;
max-width: 33em;
text-align: center;
}


h1, h2, h3, h4, h5 , h6 {
  font-family: "Bitter",serif;
	color:#081e3f;
}
h1 {
  font-weight: bold;
  font-size:1.75em;
  margin: 1.5em 0 .5em  0;
}
h2 {
  text-align:left;
  font-size: 1.5em;
  margin: 1.33em 0 .5em  0;
}
h3 {
  font-size: 1.25em;
  margin: 1em 0 .5em  0;
	font-weight: 500;
}
h4 {
  font-size: 1.1em;
  margin: .75em 0 .5em 0;
}

#div_title {
padding: .5em;
display: block;
}

/*#menu > li > a:hover {
  background-color:#ABC;
  color:#000;
}

#menu > li.current > a {
  background-color:#FFF;
  color:#002d62;
}*/


/*  2020 Nu-Footerama */

#footer .footer-row {
	display: flex;
	flex-wrap: wrap;
}

#footer .footer-row .footer-row_col_1_3 {
	flex: 1;
}

#footer .footer-resources .footer-row {
    padding: .5em 0;
	max-width: 100%;
	width:100%;
} 

#footer .footer-resources {
    color: white;
    padding: 1em;
	margin:0 auto;
	max-width:62.5rem;
	}

#footer .footer-resources .social-wrapper a {
    border-bottom: medium none;
}

#footer .footer-resources .social-wrapper {
    font-size: 1em;
    margin: 0;
	padding-top: 1em;
}

#footer .hide {
    display: none;
}

#footer .footer-resources .social-wrapper a {
    float: left;
}

#footer .footer-resources .social-wrapper a {
    color: #fff;
    font-size: 1.25em;
    padding: 4px;
}

#footer .footer-resources h2 {
    font-size: 1.1rem;
    margin-top: 1em;
    display: block;
	clear: none;
    color: white;
    margin: 1em 0 0.2em !important;
    font-family: "Roboto",sans-serif;
}

#footer .footer-resources a {
    color: #ffd060;
	text-decoration:none;
	border-bottom:1px solid #ffd060;
}

#footer .footer-resources a.logo {
	border-bottom:none;
	display: block;
	margin-top: 1em;
	}

#footer .footer-resources img {
    vertical-align: middle;
	max-width: 20em;
	height: auto;
}

#footer .footer-resources ul {
    list-style: outside none none;
    margin: 0;
	padding: 0;
}

#footer .footer-resources ul li {
    display: block;
    margin-left: 0;
	line-height: 1.5em;
    margin-bottom: 0;
	padding: 0.2em;
}

#footer .end {
	padding-top:1em;
}

#footer .blu-wrp {
	background:#081e3f;
	}

#footer small {
    font-size: 0.9rem;
    color: white;
    display: inline-block;
}

#footer .copyright {
	text-align: center;
}

/* Secondary Toper Footer */

#pre-footer {
	background:#f8c93e;
}

#pre-footer div.ftr {
	max-width: 67.5em;
	margin: 0 auto;
	padding: 3em 1em 3em;
	display: flex;
	flex-wrap: wrap;
}

#pre-footer div.ftr div.ftr-col-1, #pre-footer div.ftr div.ftr-col-2 {
	flex:1;
	padding-right:2vw;
}

#pre-footer div.ftr div.ftr-col-1 h2 {
	margin-top:0;
}

/*---end Nu-Footerama*/


/*-- Regulations List Formatting --*/

ul#reg-list {
	padding-left: 0;
}

ul#reg-list li {
	display: flex;
}

.reg-t-1 {
	flex: 0 6em;
	padding-right: 1.5em;
}

.reg-t-1 a {
	box-shadow: 0 0.125rem 0 0 #f8c93e;
	text-decoration: none;
	font-size: 1.2em;
}

.reg-t-1 a:hover, .reg-t-1 a:active {
	box-shadow: 0 0.125rem 0 0 #081e3f;
}

.reg-t-1 a::after {
	position: absolute;
display: inline-block;
vertical-align: middle;
width: 1rem;
height: 1rem;
font-weight: 400;
content: '';
color: #081e3f;
margin: .3em 0 0 .5em;
background: url("data:image/svg+xml,%3Csvg width='14px' height='16px' viewBox='0 0 14 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Epdf%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='pdf' fill='%231D4480' fill-rule='nonzero'%3E%3Cpath d='M9.09305263,10.4324211 C8.78863158,10.4324211 8.37136842,10.2572632 8.03621053,9.99915789 C8.20589474,9.97684211 8.44884211,9.95242105 8.68589474,9.95242105 C8.95157895,9.95242105 9.39705263,9.98484211 9.39705263,10.2033684 C9.39705263,10.2602105 9.39705263,10.4324211 9.09305263,10.4324211 Z M6.50357895,9.87115789 C6.26315789,9.93052632 6.07621053,9.99031579 5.94231579,10.0387368 L6.05094737,9.79578947 C6.18989474,9.48463158 6.33178947,9.09894737 6.416,8.86273684 C6.63242105,9.21010526 6.91578947,9.55705263 7.07705263,9.74610526 C6.95242105,9.76884211 6.76463158,9.808 6.50357895,9.87115789 Z M6.14526316,5.94694737 C6.19536842,5.94694737 6.31242105,5.94694737 6.31747368,6.34652632 C6.32084211,6.62357895 6.20210526,7.08505263 6.12042105,7.36926316 C6.04336842,7.16 5.95705263,6.82610526 5.95705263,6.48926316 C5.95705263,6.11663158 6.05473684,5.94694737 6.14526316,5.94694737 Z M3.51621053,12.0652632 C3.47957895,12.0652632 3.44589474,12.056 3.41347368,12.0366316 C3.36168421,12.0058947 3.35663158,11.9776842 3.36463158,11.9397895 C3.424,11.6707368 4.12421053,11.2075789 4.52421053,11.0122105 C4.24168421,11.4922105 3.80926316,12.0652632 3.51621053,12.0652632 Z M8.96042105,9.544 L8.89178947,9.54484211 C8.09305263,9.56421053 7.74357895,9.60715789 7.61515789,9.62863158 C7.45810526,9.46442105 6.86526316,8.82652632 6.61305263,8.312 C6.67873684,8.11073684 6.95326316,7.23873684 6.93852632,6.65136842 C6.92631579,6.13431579 6.82947368,5.54105263 6.16926316,5.54105263 C5.97852632,5.54315789 5.82947368,5.60336842 5.72505263,5.71957895 C5.56,5.90442105 5.512,6.20842105 5.56547368,6.73684211 C5.61768421,7.25178947 5.85052632,7.832 5.91452632,7.98442105 C5.86357895,8.13936842 5.65810526,8.75157895 5.40084211,9.35326316 C5.15705263,9.92463158 4.97431579,10.2766316 4.91747368,10.384 C4.72042105,10.4530526 3.86610526,10.7654737 3.45768421,11.1456842 C3.08378947,11.4930526 2.74442105,11.9048421 3.05557895,12.328 C3.15957895,12.4690526 3.35536842,12.5536842 3.57894737,12.5536842 C3.98021053,12.5536842 4.40884211,12.2938947 4.75410526,11.8412632 C5.288,11.1406316 5.57136842,10.6669474 5.64968421,10.5317895 C5.83747368,10.4804211 6.59957895,10.2724211 6.85894737,10.2096842 C7.08463158,10.1549474 7.34694737,10.1094737 7.456,10.0913684 C7.63705263,10.2623158 8.39494737,10.9330526 9.16463158,10.9330526 L9.21178947,10.9322105 C9.57221053,10.9191579 9.83073684,10.8261053 9.97936842,10.6564211 C10.1157895,10.5006316 10.1153684,10.3284211 10.1090526,10.2589474 C10.0968421,10.1397895 9.98526316,9.544 8.96042105,9.544 L8.96042105,9.544 Z' id='Fill-17'%3E%3C/path%3E%3Cpath d='M10.6741053,15.0526316 L2.37052632,15.0526316 C1.78063158,15.0526316 1.30021053,14.5722105 1.30021053,13.9823158 L1.30021053,2.19115789 C1.30021053,1.60084211 1.78063158,1.12084211 2.37052632,1.12084211 L7.37431579,1.12084211 L7.37431579,4.20547368 C7.37431579,4.91410526 7.95073684,5.49052632 8.65936842,5.49052632 L11.7444211,5.49052632 L11.7444211,13.9823158 C11.7444211,14.5722105 11.264,15.0526316 10.6741053,15.0526316 Z M8.32168421,1.66652632 L11.2905263,4.54315789 L8.65936842,4.54315789 C8.47326316,4.54315789 8.32168421,4.39157895 8.32168421,4.20547368 L8.32168421,1.66652632 Z M12.2589474,4.16210526 L8.55621053,0.574315789 C8.28926316,0.315789474 7.93768421,0.173473684 7.56631579,0.173473684 L2.37052632,0.173473684 C1.25768421,0.173473684 0.352842105,1.07873684 0.352842105,2.19115789 L0.352842105,13.9823158 C0.352842105,15.0951579 1.25768421,16 2.37052632,16 L10.6741053,16 C11.7865263,16 12.6917895,15.0951579 12.6917895,13.9823158 L12.6917895,5.184 C12.6917895,4.80126316 12.5343158,4.42905263 12.2589474,4.16210526 L12.2589474,4.16210526 Z' id='Fill-18'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.reg-t-2 span.r-t1 {
	padding-right: 1em;
}

.reg-arch{
  font-weight:600;
}

.histlink {
	background: #dfdfdf;
	display: inline-block;
	border-radius: .25em;
}

span.histlink a {
padding: .25em .5em;
display: block;
color: #333;
}


/*-- --*/

#content {
min-height: 20em;
max-width: 67.5em;
margin: 0 auto 3em;
padding-left: 1em;
padding-right: 1em;
}

/* Form boxes*/

hr {
margin: 1em;
border: 1px solid #ccc;
}

#content form {
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
}

#content form {
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
}

#content form legend {
padding-top: 2em;
font-family: "bitter",serif;
font-size: 1.3em;
color: #081e3f;
margin-top: -1em;
margin-bottom: .5em;
}

#content form fieldset {
padding: 0 1.5em 1.5em;
background: #efefef;
border: none;
border-radius: 1em;
margin-bottom: 1em;
}

#logout-form {
width: 100%;
text-align: right;
background: #efefef;
border-radius: 0 0 1em 1em;
font-size: .8em;
}

/**/

#search-button, #home-button {
    border:none;
    padding:.5em;
    vertical-align: middle;
}
#home-button {
    margin-bottom:1em;
}
#search-form {
    margin: 0 1em 1em 0;
}
#search-label, #policy-search, #policy-search-start-date, #policy-search-end-date, #search-date-start-label, #search-date-end-label {
    vertical-align: middle;
    display:inline-block;
    font-size: 1.2em;
    margin:0 .25em 0 .5em;
}
#policy-search {
    border:1px #ccc solid;
    padding:.7em;
    max-width: 17.5em;
	width:65%;
    margin:.25em auto;
}
#policy-search-start-date, #policy-search-end-date {
    border:1px #ccc solid;
    padding:.5em;
    width: 7em;
    margin:.5em auto;
}

.screen-reader {
    display:block; height: 1px; width: 1px; text-indent: -9000px; margin:0; padding:0;
}

.col-pols {
    background-color:#FFF;
    display: inline-block;
    padding:0 1.25% 1em 1.25%;
    margin-right:1%;
    width: 100%;
    vertical-align: top;
}
.col-pols > h2 {
    text-align:center;
}

.contact > div > ul {
    margin:0;
    padding:0;
}
.contact > div > ul > li {
    padding: 0;
}

#subjects + ul > li {
    list-style: square;
}
#subjects +ul {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns:3 ;
}

#glossary > dl > dt {
    display:block;
    border-top:1px solid #666;
}
#glossary > dl > dt > a {
    font-size: 1.1em;
    font-family:serif;
    font-weight:bold;
    color: black;
    text-decoration:none;
}

#glossary > dl > dd {
    margin: 1ex 1ex 1ex 1.5em;
}

/*.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: flex-start;
    align-items: stretch;
}
.flex-item:nth-child(1), .flex-item:nth-child(2) {
    order: 0;
    flex: 0 1 column;
    align-self: auto;
}*/

#REAL_POLICY li {
	padding:0;
}

#REAL_POLICY li a {
	display: block;
	padding: 1ex;
}

#fof h2 {
    text-align: center;
    font-family:"Bitter",serif;
    font-variant: small-caps;
}
@keyframes four {
    0% {font-size:150%;margin-top:3em;}
    50% {font-size:250%;margin-top:0em;}
    100% {font-size:150%;margin-top:3em;}
}
@keyframes oh {
    0% {font-size:250%;}
    50% {font-size:150%;}
    100% {font-size:250%;}
}
#fof .four {
    animation-name: four;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
#fof .oh {
    animation-name: oh;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
#fof .fourohfour {
    text-align:center;
}
#fof .fourohfour span{
    display:inline-block;
    padding:1em;
}

@media only screen and (max-width: 1024px),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi)
{

    #subjects +ul {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns:2 ;
    }

    .collapse {
        max-height: 400em;
    }

}

@media only screen and (max-width: 786px) {

	
	.flex-c {
    display: block;
}
	
	#pre-footer div.ftr {
		display: block;
	}
	
	.f_entry > input {
	width: 95%;
}
	
	
	 #home-button, #search-button {
        width: 83%;
        display:block;
        margin:0;
    }
    #search-form > p > span {
        width: 100%;
        display:block;
    }
    #search-form > p > span > label > img {
        display:inline-block;
        max-width:100%;
        margin:0;
        padding:0;
    }
    #search-form > p > span > input {
        max-width:80%;
        width: 80%;
        margin:.5em 0;
    }
    #letters > ul > li > a, #letters > ul > li > span {
        padding:1.5ex;
		display: block;
    }
    #letters > ul > li.letter-selected > a {
        padding:.5ex;
    }
	
	#footer .footer-resources .footer-row {
		text-align: center;
	}
	
	#footer .footer-resources h2 {
	text-align: center;	
	}
	
	#menu ul li {
		width: 100%;
		display: block;
	}
	
	.hidden > h2, .collapse > h2 {
    font-size: 1em;
		padding: 1em;
	}
    #subjects +ul {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns:1 ;
    }
    .fourcols > ul > li {
        width: 100%;
    }
    .collapse {
        max-height: 800em;
    }

}