/*
COLORS
blue = #077cba (with 85% transparency: rgba(7, 124, 186, 0.85));
yellow = #fccb4e;
*/

body,
html {
  height: 100%;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.display-4 {
  font-size: 2.75rem;
}

.display-5 {
  font-size: 1.75rem;
  font-weight: 300;
}

.yellow {
  color: #fccb4e;
}
.cyan {
  color: #077cba;
}

.blue {
  color: #077cba;
}

.navbar {
  background: rgba(7, 124, 186, 0.85); /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    rgba(7, 124, 186, 0.85),
    rgba(7, 124, 186, 0.85)
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    rgba(7, 124, 186, 0.85),
    rgba(7, 124, 186, 0.85)
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-bottom: 0px solid rgba(7, 124, 186, 0.85);
}
.bg {
  /* The image used */
  background-color: rgba(7, 124, 186, 0.85);
  /* fallback for old browsers */
  background: rgba(7, 124, 186, 0.85); /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    rgba(7, 124, 186, 0.85),
    rgba(7, 124, 186, 0.85)
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    rgba(7, 124, 186, 0.85),
    rgba(7, 124, 186, 0.85)
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-bottom: 0px solid rgba(7, 124, 186, 0.85);
  /* Full height */ /* height: 50%; */ /* Center and scale the image nicely */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
}
.top-section {
  height: 85%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.section {
  height: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.bottom-section {
  height: 15%;
  color: #fff;
  display: flex;
  vertical-align: bottom;
  align-items: baseline;
}
.guidelines {
 /* min-height: 50%; */
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  vertical-align: middle;
}
.theme {
  background-color: #fccb4e;
  min-height: 50%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  vertical-align: middle;
}
.posters {
  background-color: #f9f9f9;
  min-height: 50%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  vertical-align: middle;
}
.dates {
  background-color: #f9f9f9;
  min-height: 25%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.sponsors {
  background-color: #fff;
  display: flex;
  vertical-align: middle;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.submission {
  background-color: rgba(7, 124, 186, 0.85);
  color: #fff;
  min-height: 13%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.footer {
  background-color: rgba(7, 124, 186, 0.85);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  color: #fff;
}
.btn-action {
  background-color: #fccb4e;
  border: 1px solid #fccb4e;
  color: rgba(7, 124, 186, 0.85);
}
.btn-action:hover {
  background-color: transparent;
  border: 1px solid #fccb4e;
  color: #fccb4e;
}
.card {
  background-size: cover;
  background: transparent;
  border: 0;
}
.card-body {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.card-img-top {
  height: 6rem;
}
.list-group li {
  background: transparent;
  padding-left: 0;
}
.list-inline-item a {
  color: #fccb4e;
}
.list-inline-item a:hover {
  color: #077cba;
  text-decoration: none;
}
.media img {
  max-height: 70px;
  width: 4rem;
}
.active a {
  color: #fccb4e !important;
  font-weight: 500;
}
.nav .navbar .nav-link {
  color: #fff !important;
  text-decoration: none;
}
.nav-link:hover {
  color: #fccb4e !important;
  text-decoration: none;
}
/* logo */
.logo {
  display: inline-block;
  padding: 10px;
  color: white;
  font-size: 48px;
  line-height: 44px;
  font-family: 'Prompt', sans-serif;
}
.logo .bold {
  font-family: 'Lovelo', sans-serif;
  font-weight: 900;
}
.date {
  display: inline-block;
  padding: 5px;
  font-size: 24px;
  font-family: 'Prompt', sans-serif;
}
/* colors */
.bkg-primary {
  background: rgba(7, 124, 186, 0.85);
}
.bkg-secondary {
  background: #fccb4e;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: rgba(7, 124, 186, 0.85) !important;
}
.text-secondary {
  color: #fccb4e !important;
}
/* fonts */
.bold {
  font-weight: 700;
}
.extrabold {
  font-weight: 900;
}
.uppercase {
  text-transform: uppercase;
}
#poster_hall {
  margin-top: 2em;
  margin-bottom: 0em;
  padding-bottom: 1.5em;
 
}