:root {
    --branco: #FFFCF2;
    --branco-2:#EFEAD8;
    --vermelho: #8F0000;
    --vermelho-escuro: #5B0000;
    --azul: #000670;
    --azul-2: #04062B;
    --amarelo: #D0A146;   
}

h1{
    font-size: 50px;
}

body{
    background-color: var(--branco);
    overflow-x: hidden;
}

.navbar {
    --bs-navbar-padding-y: 0;
    --bs-navbar-padding-x: 0;
}

.navbar-brand img{
    max-height: 100px;
}

.diagonal-vermelho {
    background-color: var(--vermelho);
    color: white !important;
    padding: 10px 20px;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}

.texto-branco{
    color: var(--branco);
}

.texto-azul{
    color: var(--azul);
}

.texto-vermelho{
    color: var(--vermelho);
}

.text-justify{
    text-align: justify;
}

.fundo-vermelho{
    background-color: var(--vermelho);
}

.fundo-vermelho2{
    background-color: var(--vermelho-escuro);
}

.fundo-amarelo{
    background-color: var(--amarelo);
}

.fundo-azul{
    background-color: var(--azul);
}

.fundo-azul2{
    background-color: var(--azul-2);
}

.fundo-vermelho-escuro{
    background-color: var(--vermelho-escuro);
}

.fundo-branco{
    background-color: var(--branco);
}

.fundo-branco2{
    background-color: var(--branco-2);
}

.pais{
    width: 64px;
}

#multiItemCarousel .carousel-item > div {
    flex: 1 0 0%;
    padding: 0 10px;
}

#multiItemCarousel .carousel-inner .carousel-item {
    transition: transform 0.6s ease;
}

#multiItemCarousel .carousel-inner .carousel-item.active,
#multiItemCarousel .carousel-inner .carousel-item-next,
#multiItemCarousel .carousel-inner .carousel-item-prev {
    display: flex;
}

#multiItemCarousel .carousel-item img {
    border-radius: 8px;
}

#multiItemCarousel .carousel-control-prev-icon,
#multiItemCarousel .carousel-control-next-icon {
  background-image: none;
  color: black;
  font-size: 2rem;
  font-weight: bold;
}

.carousel-control-prev::after {
  content: "‹"; 
  color: black;
  font-size: 5rem;
}

.carousel-control-next::after {
  content: "›"; 
  color: black;
  font-size: 5rem;
}

#enunciados {
    background-image: url('https://ibdfam.org.br/memoria/assets/image/enunciados.png');
    background-size: cover; 
    background-position: top; 
    background-repeat: no-repeat; 
}


.social-icons i {
    font-size: 2rem;
    margin-right: 15px;
    color: #000;
}

.social-icons i:hover {
    color: #00aaff;
}

#enunciados .carousel-control-prev{
    left: -100px !important;
}

#enunciados .carousel-control-next{
    right: -100px !important;
}

#diretoria .carousel-control-prev{
    left: -100px !important;
}

#diretoria .carousel-control-next{
    right: -100px !important;
}

#fundadores .carousel-control-prev{
    left: -100px !important;
}

#fundadores .carousel-control-next{
    right: -100px !important;
}

.custom-table {
    border-collapse: collapse;
}

.custom-table td {
    border: 3px solid var(--vermelho);
    background-color: var(--branco-2);
}

.custom-table tr:first-child td {
    border-top: none;
}

.custom-table tr td:first-child {
    border-left: none;
}

.custom-table tr td:last-child {
    border-right: none;
}

.custom-table tr:last-child td {
    border-bottom: none;
}

#mapa a{
    text-decoration: none !important;
    color: white;
}

.nolink{
    text-decoration: none !important;
}

#enunciados .carousel-item{
    min-height: 175px;
}

#descricao .row {
    display: flex;
}

#descricao .col-md-6{
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
}

#descricao .col-md-6 {
    justify-content: center; 
}

#galeria img{
    max-height: 200px !important;
    width: auto;
    height: auto;
    margin: 0 auto;
}