@font-face {
  font-family: Optima;
  src: url('https://drive.google.com/file/d/1FvF7VAVBd6NGiJ3LyRcFxFAPPAZX5VEB/view?usp=drive_link')  format('truetype');
}
*{
  font-family: 'Optima','Palatino';
  font-size: 20px;
  font-weight:500;
  letter-spacing: 0em;
}

  .navbar {
  background-color: white;
  box-shadow: 0px 4px 4px 5px rgba(0, 0, 0, 0.25);
}


/* colors */

.color-maroon {
    color: #7B1113;
}

/* For search bar

.modal-backdrop {
  background-color: white;
}
.modal-backdrop.show {
  opacity: 0.7;
}
.modal-content {
  background-color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.3rem;
  box-shadow: 10px 10px 5px rgb(180, 180, 180);
}
.modal-body input {
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #7B1113;
}
.modal-body input:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #7B1113;
  outline: 0;
  box-shadow: 0 5px 2px -3px #7B1113;
}
.modal-body button {
  border: none;
} 
.btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237B1113'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity: 0.8;
}*/
.text-tw{
  display: -webkit-box;
  -webkit-line-clamp: 8; /* number of lines to show */
          line-clamp: 8; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* use this value to count block height */
  line-height: 1.7em;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237B1113' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
 }
 
 .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237B1113' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
 }
.carousel-indicators [data-bs-target] {
  margin-left: 10px;
  margin-right: 10px;
  width: 15px;
  height: 15px;
  background-color:#7B1113;
  border-radius: 100%;
  opacity: 0.2;
}
.carousel-indicators .active {
  opacity: 1;
}

/* .scroller {
  height: 500px;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-padding: 40px;
}

.scroller section {
  scroll-snap-align: start;
} */

section button{
 background: #7B1113;  
 border-radius: 15px; 
 color:#fff; 
 border: none; 
}

textarea {
  overflow-y: auto;
  height: 100px;
  resize: none; /* Remove this if you want the user to resize the textarea */
}
hr {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  border-color: #1b1b1b;
  background-color:#1b1b1b;
  color: #1b1b1b;
  opacity: 100%;
}
table{
  width: 100%;
}

.datatable-table, tbody, tr, td, th{
  font-size:medium;
  /* padding: 0rem; */
  border:#1b1b1b solid 1px;
  scrollbar-gutter: auto;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center !important;
  vertical-align: middle !important;
  word-break: break-word;
}
.datatable-input{
  font-size:medium;
}
.datatable-search{
  position: relative;
  right: 8px;
}
.dropdown-menu{
  right:0;
}
.accordion-button{
  color: #fff;
  background-color: #7B1113;
}
.accordion-button:focus{
  text-decoration: none;
  box-shadow: none;
  color:#7B1113;
  font-weight: bolder;
  background-color: #fff;
}

.accordion-body{
  text-decoration: none;
  color:#1b1b1b;
  background-color: #fff;
}
.accordion-body a:focus{
  text-decoration: none;
  box-shadow: none;
  color:#fff;
  font-weight: bolder;
  background-color: #7B1113;
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
textarea, input[name=header], input[name=name]{
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  box-shadow: none;
}
label {
  /* Other styling... */
  text-align: right;
  clear: both;
  float:left;
  margin-right:15px;
}
body {
  background-image: url('https://lh3.googleusercontent.com/d/1Qd9ZPl0tS5Y4lx6-g681lCkvSeqH6zvW');
  background-size:100%;
}
/* body .body-login{
  background-image: url('https://lh3.googleusercontent.com/d/1RBr4jOkp2b68VgB5OXpO7HVx7Q6mr55Z');
  background-size:100%;
} */
.body-login {
    background-color: rgba(123, 17, 19, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: 100%;
}
.body-deac {
    background-color: rgba(200, 200, 200, 0.6);
    width: inherit;
    height: 100%;
}
.modal-login {
    margin-top: 10rem;
    display:block;
    position:fixed;
}
.content-login {
    background-color: rgba(191,148,148, 0.8);
    border: 1px solid #dddddd;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.form-login {
    border: none;
    border-radius: 0;
    border-bottom: 3px solid #014421;
    outline: none;
    background-color: transparent;
}
.form-login:focus {
    border: 3px solid #014421;
    background-color: transparent;
    box-shadow: 0 0 0 white;
}
.form-login::placeholder {
    color: #dddddd;
}
select option, select{
  font-size: small;
}
select{
  height: fit-content;
}
.custom-button{
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color:#fff; 
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button-primary{
  color: #fff;
  background-color: #014421;
  border-color: #014421;
}
.button-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
#myTable_filter label{
  font-size: medium;
}
.nsrc-nav{
  border-right: 1px solid #7B1113; 
  text-decoration:none; 
  color:#7B1113;
  vertical-align: bottom; 
}
.nav-link:hover{
  text-decoration: underline;
  color:#7B1113;
}
#carouselExampleIndicators{
  margin:5rem !important;
}
@media screen and (max-width:1200px){
  .nsrc-nav{
    border-right: none;
  }
  #carouselExampleIndicators{
    margin:5rem !important;
  }
  *{font-size: 18px !important;
  font-weight:200 !important;}
  .announcement-submit{
    position: relative;
    /* top: 6px !important; */
    /* left: 12px !important; */
  }
  .announcement-checkbox{
    position: relative;
    top: -2px !important;
  }
  #accordionFlushExample{
    height: fit-content !important;
  }
  .w-50{
    width:100% !important;
  }
  #accordionFlushExample + div {
    height: 90vh !important;
  }

}
@media screen and (max-width:992px){
  #carouselExampleIndicators{
    margin:4rem !important;
  }
  #accordionFlushExample{
    height: fit-content !important;
  }
  .w-50{
    width:100% !important;
  }
  *{font-size: 16px !important;
    font-weight:150 !important;}
}
@media screen and (max-width:768px){
  #carouselExampleIndicators{
    margin:3rem !important;
  }
  *{font-size: 14px !important;
    font-weight:100 !important;}
}
@media screen and (max-width:576px){
  *{font-size: 12px !important;}
  .carousel {
    visibility: hidden;
    display: none;
  }
}
.footer-text{
  font-size: 16px !important;
  color:#fff !important;
}
.footer-link:hover{
  text-decoration: underline !important;
  color:#fff !important;
}
.announcement-checkbox{
  position: relative;
  top: 6px;
}
.announcement-submit{
  position: relative;
  bottom: 12px;
  left: 27px;
}
.tag-list{
  font-size: small;
}
.tag-list>input{
  position: relative;
  top: 3px;
}
.tag-save:hover {
  text-decoration: none;
  color: #fff;
}
.form-label{
    margin: 0;
}

/* home */

.home-icon {
    color: #666666;
}

.home-icon:hover {
    color: #7B1113;
}

.table-no-vertical-borders {
  border: none;
}

.table-no-vertical-borders th,
.table-no-vertical-borders td {
  border: 1px solid #fff;
  border-left: none;
  border-right: none;
}

.table-no-vertical-borders th {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  font-weight: bold;
  color: #666666;
}

.home-table {
  background-color: #fff;
  border-radius: 5px;
}

/* database */

.db-certs {
    color: #014421;
    text-decoration: auto;
}

.db-certs:hover {
    color: #7B1113;
}

/* footer */

.list-nobullet {
    padding-left: 20px;
    list-style-type: none;
}

/* form select dropdown*/
select:required:invalid {
  color: gray;
}

.datatable-input, .datatable-selector {
    border: 1px solid #ced4da;
    border-radius: .375rem;
}

/* prof icon */
/* nav bar */
.avatar {
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

/* flash alerts */

.flash-alert {
    width: 25%;
    border-radius: 15px;
}