section#panitia div.container,
section#template-makalah div.container {
  padding: 2em 2.5em 2em 2.5em;
  background: var(--grading-border-light);
  color: var(--grading-dark);
}

section#peserta div.container {
  padding: 2em 2.5em 2em 2.5em;
  background: var(--grading-border-light);
  color: var(--grading-dark);
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

section#panitia .panitia-list p {
  font-size: small;
}
section#pemakalah div.container {
  padding: 2em 2.5em 2em 2.5em;
  background: var(--grading-border-light);
  color: var(--grading-dark);
  margin-top: 0.5em;
}

section#faq div.container {
  padding: 2em 2.5em 2em 2.5em;
  background: var(--grading-border-light);
  color: var(--grading-dark);
  margin-top: 0.5em;
}

section h1,
section h2,
section h3,
section h4,
section h5 {
  font-weight: bold;
}

header h3,
header h4,
header h2,
header p {
  color: var(--grading-light);
}

header h3 {
  font-size: 2.3em;
}

header h4 {
  font-size: x-large;
}
/* header div.container .btn {
      border-radius: 0;
      border-width: 0;
    } */
/* header div.container .btn:hover {
  background: #3a6ba5;
  color: var(--grading-light);
  border: none;
} */

header .btn {
  background: #ffffff89;
  color: #131416;
  border: none;
}

header #countdown-content {
  padding-top: 1.7em;
}

section#countdown {
  margin-left: auto;
  text-align: center;
  color: var(--grading-dark);
  padding: 0.5em 0 0 0;
}

section#countdown div.container > div.d-flex > div.row {
  padding-left: 1.2em;
  padding-right: 1.2em;
}

#countdown a {
  background: var(--grading-dark);
  color: var(--grading-border-light);
  width: 80%;
}

section#countdown .row {
  padding: 0.5em 0 0.5em 0;
  background: var(--grading-border-light);
}

section#countdown .container {
  padding: 0;
}

#countdown-timer {
  color: var(--grading-danger);
  font-weight: bold;
}

section#countdown div.container .d-flex .row {
  border-radius: 2px;
}

#panitia-1 a,
#panitia-2 a,
#panitia-3 a {
  cursor: pointer;
  background: var(--grading-dark);
  color: var(--grading-light);
  padding: 0.5em;
  width: -webkit-fill-available;
  margin-left: 4px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border: 3px solid var(--grading-dark);
  transition: 0.3s;
}
.panitia-list {
  background: var(--grading-dark);
  color: var(--grading-light);
  width: -webkit-fill-available;
  margin-left: 4px;
  margin-top: 0.2em;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border: 3px solid var(--grading-dark);
}
.panitia-list p {
  margin-left: 1em;
  margin-bottom: 0;
  padding: 0.5em 0 0.5em 0;
}
.panitia-list hr {
  margin: 0;
  background: var(--grading-light);
}
section#pemakalah ul,
section#pemakalah li {
  list-style-type: none;
  padding-left: 0;
}

section#pemakalah .cards,
section#peserta .cards {
  background: #0d325e;
  color: var(--grading-light);
  margin: 0 1rem 0 1rem;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  font-size: larger;
}

section#pemakalah div.cards-head > div.d-flex.flex-row > div.flex-column,
section#pemakalah
  div.cards-head
  > div.d-flex.flex-row
  > div.flex-column
  > div.wrapper,
section#peserta div.cards-head > div.d-flex.flex-row > div.flex-column,
section#peserta
  div.cards-head
  > div.d-flex.flex-row
  > div.flex-column
  > div.wrapper {
  height: 9em;
}

section#pemakalah .cards-head div.d-flex div.flex-column p,
section#peserta .cards-head div.d-flex div.flex-column p {
  font-size: x-large;
  color: var(--grading-dark);
  background: white;
  padding: 0.3em 1em 0.3em 10%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  position: absolute;
  left: 9%;
  top: 4%;
  border: 1px solid rgba(0, 0, 0, 0.198);
  border-radius: 3px;
  width: 85%;
}
section#pemakalah .cards-head div.d-flex .frames,
section#peserta .cards-head div.d-flex .frames {
  border-radius: 100%;
  border: 2px solid var(--grading-dark);
  background: white;
  width: 4em;
  height: 4em;
  position: absolute;
  z-index: 1;
  transition: 0.2s ease-in-out;
}
section#pemakalah .cards-head div.d-flex .frames i.fa,
section#peserta .cards-head div.d-flex .frames i.fa {
  font-size: 2em !important;
  color: var(--grading-dark);
  transition: 0.2s ease-in-out;
}
section#tanggal-penting .table th,
section#tanggal-penting .table td,
section#template-makalah .table th,
section#template-makalah .table td {
  border-top: 1px solid #0d325e;
}

/* section#tanggal-penting h1 {
  margin-bottom: 1em;
} */

#prosiding a {
  background: var(--grading-dark);
  color: var(--grading-light);
  border: 2px solid var(--grading-dark);
}
.btn {
  border-radius: 2px;
}

section a.btn {
  color: var(--grading-light);
  background: var(--grading-dark);
  border-color: var(--grading-dark);
  border-radius: 2px;
}

section a:hover,
#panitia a:hover,
#prosiding a:hover,
#countdown a:hover,
#peserta a:hover {
  color: var(--grading-dark);
  background: var(--grading-2);
  border-color: var(--grading-2);
}

#prosiding h1 {
  margin-bottom: 0.5rem;
}

section#peserta .btn,
div.modal .btn {
  color: var(--grading-light);
  background: var(--grading-dark);
  border-color: var(--grading-dark);
  border-radius: 2px;
}

@media only screen and (max-width: 720.99px) {
  section#pemakalah .cards-head {
    margin-bottom: 3em;
  }

  section#peserta .cards-head {
    margin-bottom: 2em;
  }
  section div.container {
    border-radius: 0%;
  }
}

@media only screen and (max-width: 460px) {
  section#pemakalah .cards-head {
    margin-bottom: 12em;
  }
  section#peserta .cards-head {
    margin-bottom: 5em;
  }
  section#pemakalah .cards-head div.d-flex div.flex-column p,
  section#peserta .cards-head div.d-flex div.flex-column p {
    padding-top: 2em;
    padding-right: 10%;
  }
  .small-center {
    justify-content: center !important;
  }
  .text-small-center {
    text-align: center !important;
  }
  section#pemakalah .cards-head div.d-flex div.flex-column p,
  section#peserta .cards-head div.d-flex div.flex-column p {
    top: 20%;
  }
}

@media only screen and (max-width: 991.98px) {
  section#panitia .panitia-list {
    margin-bottom: 0.7em;
    margin-top: 0;
  }
  section#panitia a {
    margin-bottom: 0.7em;
  }
  section#countdown div.row div.col {
    margin-bottom: 0.5em;
  }
  section#pemakalah .cards {
    margin-bottom: 1em;
  }
  .text-medium-center {
    text-align: center !important;
  }
  .hidden-large-up {
    display: none;
  }
}

@media only screen and (min-width: 991.98px) {
  .sub-tema {
    margin-bottom: 3em;
  }
}
hr.header {
  border-width: 3px;
  border-color: var(--grading-dark);
  width: 7%;
  transition: 0.3s;
  margin-bottom: 2em;
}

section h1 {
  margin-bottom: 0;
}

section h1:hover + hr.header,
hr.header:hover {
  border-color: var(--grading-2);
  width: 12%;
}

/* @media only screen and (min-width: 991.98px) {
  body {
    background-image: url("images/bg-body-5.svg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 700%;
    background-position-y: center;
    background-position-x: -100%;
  }
} */

/* nav,
main,
header,
footer {
  display: none;
}

#loader,
#loader div.d-flex {
  position: fixed;
  width: 100%;
  height: 80%;
  color: white;
} */
@media only screen and (max-width: 568px) {
  h1,
  .slide-footer h2,
  h2 {
    font-size: large;
  }
  .slide img {
    width: 20vw;
    max-height: auto;
  }
  h3 {
    font-size: medium;
  }
}

section#daftar,
section#tanggal-penting,
section#panitia,
section#pembicara,
section#template-makalah {
  margin-top: 0%;
}

section#panitia div.container,
section#daftar div.container,
section#template-makalah div.container {
  border-radius: 0%;
}

section#pembicara div.container,
section#tanggal-penting div.container {
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

section#peserta div.container,
section#prosiding div.container {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

section#pemakalah .cards-head .wrapper:hover .frames,
section#pemakalah .cards-head div.d-flex .frames:hover,
section#peserta .cards-head .wrapper:hover .frames,
section#peserta .cards-head div.d-flex .frames:hover {
  background: var(--grading-1);
  border: 3px solid var(--grading-1);
  transition: 0.2s ease-in-out;
}
section#pemakalah .cards-head .wrapper:hover .frames i.fa,
section#pemakalah .cards-head div.d-flex .frames:hover i.fa,
section#peserta .cards-head .wrapper:hover .frames i.fa,
section#peserta .cards-head div.d-flex .frames:hover i.fa {
  color: var(--grading-2);
  transition: 0.2s ease-in-out;
}

section#tanggal-penting .table-jadwal tr {
  background: var(--grading-border-light);
}
section#tanggal-penting .table-jadwal tr:hover {
  background: var(--grading-light2);
}

section#template-makalah .table-makalah tr {
  background: var(--grading-light);
}
section#template-makalah .table-makalah tr:hover {
  background: var(--grading-light3);
}

.btn-pengumuman:hover {
	background: var(--grading-2) !important;
	border-color: var(--grading-2) !important;
	color: var(--grading-dark) !important;
}
.btn-pengumuman {
	background: rgb(255, 31, 31) !important;
	border-color: rgb(255, 31, 31) !important;
}