/*
COLORS
frame and text = #004474;
background = #0063A2;
highlight 1 = #FFCC4E;
highlight 2 = #0095DA;
details = #74CEE2;
*/

body,
html {
  height: 100%;
  margin: 0;
}

.display-4 {
  font-size: 2.75rem;
}

.display-5 {
  font-size: 1.75rem;
  font-weight: 300;
}

.yellow {
  color: #ffcc4e;
}
.cyan {
  color: #0095da;
}

.blue {
  color: #004474;
}

.navbar {
  background: #004474; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #0095da,
    #004474
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #0095da,
    #004474
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-bottom: 0px solid #004474;
}
.bg {
  /* The image used */
  background-color: #0063a2;
  /* fallback for old browsers */
  background: #004474; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #0095da,
    #004474
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #0095da,
    #004474
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-bottom: 0px solid #004474;
  /* 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: #ffcc4e;
  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: #0095da;
  color: #fff;
  min-height: 13%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.footer {
  background-color: #004474;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  color: #fff;
}
.btn-action {
  background-color: #ffcc4e;
  border: 1px solid #ffcc4e;
  color: #004474;
}
.btn-action:hover {
  background-color: transparent;
  border: 1px solid #ffcc4e;
  color: #ffcc4e;
}
.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: #ffcc4e;
}
.list-inline-item a:hover {
  color: #0095da;
  text-decoration: none;
}
.media img {
  max-height: 70px;
  width: 4rem;
}
.active a {
  color: #ffcc4e !important;
  font-weight: 500;
}
.nav .navbar .nav-link {
  color: #fff !important;
  text-decoration: none;
}
.nav-link:hover {
  color: #ffcc4e !important;
  text-decoration: none;
}
/* logo */
.logo {
  display: inline-block;
  padding: 10px;
  color: white;
  font-size: 48px;
  line-height: 44px;
}
.date {
  display: inline-block;
  padding: 5px;
  font-size: 24px;
}
/* colors */
.bkg-primary {
  background: #004474;
}
.bkg-secondary {
  background: #ffcc4e;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #004474 !important;
}
.text-secondary {
  color: #ffcc4e !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;
 
}