/* ===========================
   TEMA AZUL ROYAL + DOURADO
   =========================== */

body {
  font-family: 'Work Sans', sans-serif;
  background-color: #FFFFFF;
  color: #0D47A1;
}

/* Paginacao */
.paginacao {
  cursor: pointer;
  color: #0D47A1;
}

.navbar-default .navbar-nav > .active {
  color: #FFFFFF;
  background: #FFD700;
}

.pagination a:hover,
.pagination .active a {
  background-color: #2196F3;
  color: #FFFFFF;
}

/* Navbar */
#navbar1 {
  padding: 10px 50px;
  background-color: #0D47A1;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
}

.navbar-toggler {
  margin-right: 20px;
  padding: 10px;
  border: 0px;
  color: #FFFFFF;
}

#navbar-nav1 {
  margin-right: 50px;
}

.nav-item {
  padding-left: 25px;
  text-transform: uppercase;
}

.navbar-nav .nav-item .nav-link {
  color: #FFD700;
  font-weight: 500;
  transition: 0.3s;
}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
  color: #2196F3;
}

.navbar-brand {
  font-size: 25px;
  color: #FFFFFF !important;
  font-weight: 700;
}

.dropdown-toggle::after {
  display: none;
}

/* Parallax Background */
.parallax {
  background: linear-gradient(135deg, #0D47A1 0%, #2196F3 100%);
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Títulos e texto */
h1, h6 {
  color: #0D47A1;
}

.sub2 {
  text-transform: uppercase;
  font-size: 18px;
  color: #FFD700;
}

.sub3 {
  position: relative;
  top: -40px;
  background-color: #f7f7f7;
}

.display-6 {
  font-size: 28px;
}

/* Botões */
.btn {
  text-transform: uppercase;
}

.btn-info {
  background-color: #0D47A1;
  border-color: #FFD700;
  color: #FFFFFF;
}

.btn-info:hover {
  background-color: #2196F3;
  border-color: #FFD700;
}

/* Modal */
.modal-header {
  color: #FFFFFF;
  text-transform: uppercase;
  background-color: #0D47A1;
  background-repeat: no-repeat;
  background-position: 10px 15px;
  background-size: 60px;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.25);
  
  
}

.h5-modal {
  padding-left: 70px;
  text-shadow: 0 0 3px #FFD700;
  padding-left:200px;
  
}

.btn-modal {
  height: 32px;
  font-size: 10px;
  border-radius: 2px;
  background-color: #2196F3;
  color: #FFFFFF;
  border: 1px solid #FFD700;
}

.btn-modal:hover {
  background-color: #0D47A1;
}

/* Carrossel */
.carousel-indicators li {
  border-radius: 12px;
  width: 12px;
  height: 12px;
  background-color: #FFD700;
}

.carousel-control-next,
.carousel-control-prev {
  filter: invert(100%);
  opacity: 0.4;
}

/* Links */
.abread a {
  color: #0D47A1;
  text-decoration: underline;
}

.links a {
  color: #FFD700;
  text-decoration: none;
}

.links a:hover {
  color: #2196F3;
}

/* Avatar e Equipe */
.avatar {
  box-shadow: 0 0 1em #FFD700;
}

.circle {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  overflow: hidden;
  position: relative;
  border: 3px solid #FFD700;
}

/* Rodapé */
.footer,
.foot {
  padding: 20px 70px;
  background-color: #0D47A1;
  color: #FFFFFF;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
}

/* Jumbotron */
.jumbotron {
  background-color: #f2f6fc;
  color: #0D47A1;
}

/* Outros ajustes */
.wrapper {
  align-items: center;
  justify-content: center;
  padding: 40px;
  position: relative;
  font-size: 12px;
}

.alinhando {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.erro {
  font-size: 16px;
  color: #FFD700;
}

.sticky2 {
  position: fixed;
  top: 0;
  width: 100%;
}