html {
    scroll-behavior: smooth;
}
body {
    background: #ecdeed !important;
    overflow-x: hidden;
    font-family: "Quicksand", sans-serif;
  overflow-y: scroll; /* Add the ability to scroll */
      -ms-overflow-style: none;  /* IE and Edge */

}
body::-webkit-scrollbar {
      -webkit-appearance: none;
      scrollbar-width: none;

  }

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
    display: none;
}
section {
    height: 100vh;
}

a:hover {
    text-decoration: none;
}
.border-0 {
    border: 0px !important;
}

.vh-50 {
    height: 50vh !important;
}
header h1 {
    text-align: left;
    font-size: 5em !important;
    line-height: 0.9em !important;
}
.lead {
    font-weight: 100;
}


/* Cores */
.bg-amarelo {
    background: #FB9600 url(../images/fundo-amarelo.webp) !important;
    background-size: 100% !important;
}
.bg-laranja {
    background: #FA670F url(../images/fundo-laranja.webp) !important;
    background-size: 100% !important;
}
.bg-laranja-escuro {
    background: #E63232 url(../images/fundo-laranja-escuro.webp) !important;
    background-size: 100% !important;
}
.bg-roxo {
    background: #501E6E url(../images/fundo-roxo.webp) !important;
}
.bg-preto {
    background: #000000 !important;
}/* Cores */
.btn-amarelo {
    background: #FB9600 !important;
}
.btn-amarelo:hover {
    background: #f29638 !important;
}
.btn-laranja {
    background: #f5672f  !important;
}
.btn-laranja:hover {
    background: #e66731  !important;
}
.btn-laranja-escuro {
    background: #E63232  !important;
}
.btn-laranja-escuro:hover {
    background: #dd324a  !important;
}
.btn-roxo {
    background: #501E6E !important;
}
.btn-roxo:hover {
    background: #431e5d !important;
}
.btn-preto {
    background: #000000 !important;
}
.nav-roxo {
    background: #501E6E !important;
}
.item {
    font-size: 1.3em;
}


header {
    background: url(../images/fundo-morato-50.webp);
    background-size: 100%;
    width: 100vh;
}
header h1 {
    text-indent: -4px;
    font-size: 6.6em !important;
    letter-spacing:2px;
    line-height: 0.8em !important;
  font-family: "Moderustic", sans-serif;
    font-weight: 800;
    text-transform: uppercase;

}
header a {
    color: #501E6E !important;
}
.logo {
    margin-top: -20px;
    left: 64px;
}
.menu-psol {
    position: relative;
    right: -14px;
    height: 63px;
}
.menu-psol .item {
    padding: 16px;
}
.menu-psol .item .show {
    display: inherit !important;
}

nav a {
    color: #fff;
    text-decoration: none;
}
nav a:hover {
    text-decoration: none;
    color: #fff;
}
nav .icon {
    display: none;
}
.jaque {
    background: url(../images/jaque.webp) no-repeat;
    background-size: 90%;
}
.prefeita {
    display: none;
}

#propostas {
 overflow-y: scroll;
}
#propostas .card {
    background: transparent;
}
#propostas .card-body {
 padding: 17px 0px 0px 0px;
}
#propostas .item {
margin-bottom: 20px;
 padding:0px 10px; 
}
#propostas h5 {
    position: absolute;
    top: 300px;
    left: 0px;
    padding: 4px 10px;
    font-size: 1em;
}
#propostas p {
    position: absolute;
    top: 347px;
    left: 0px;
    padding: 4px 10px;
    font-size: 0.7em !important;
    min-height: 85px !important;
}
#propostas button {
    border: 0px;
    border-radius: 0px 0px 8px 8px ;
}
#propostas img {
    border-radius: 6px 6px 0px 0px !important;
}

#propostas .educacao {
    background: url(../images/educacao.webp) center no-repeat;
}
#propostas .saude {
    background: url(../images/saude.webp) center no-repeat;
}
#propostas .transporte {
    background: url(../images/transporte.webp) center no-repeat;
}
#propostas .infra-estrutura {
    background: url(../images/infra-estrutura.webp) center no-repeat;
}

/* plano de governo */

.menu-plano a {
    font-size: 0.8em;
    color: #fff;
}


.glow {
    font-size: 1.6em !important;
        -webkit-animation: glowing 1300ms infinite;
        -moz-animation: glowing 1300ms infinite;
        -o-animation: glowing 1300ms infinite;
        animation: glowing 1300ms infinite;
}
@-webkit-keyframes glowing {
        0% {
          background-color: #FB9600;
          -webkit-box-shadow: 0 0 3px #FB9600;
        }
        50% {
          background-color: #f5672f;
          -webkit-box-shadow: 0 0 15px #f5672f;
        }
        100% {
          background-color: #E63232;
          -webkit-box-shadow: 0 0 3px #E63232;
        }
      }
      @keyframes glowing {
        0% {
          background-color: #FB9600;
          box-shadow: 0 0 3px #FB9600;
        }
        50% {
          background-color: #f5672f;
          box-shadow: 0 0 15px #f5672f;
        }
        100% {
          background-color: #E63232;
          box-shadow: 0 0 3px #E63232;
        }
      }