html, .accordion {
	scroll-behavior: smooth;
}

th, tr, td {
	vertical-align: middle;
}

svg {
	filter: drop-shadow(1px 1px 3px rgb(0 0 0));
}

#hero {
  background-image: linear-gradient(180deg,rgba(0,0,0,1) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 95%), url('../img/weights-2150646_1920.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100vh;
}

#APRESENTACAO {
  min-height: 100vh;
  background-image: linear-gradient(180deg,rgba(0,0,0,1) 10%,rgba(0,0,0,0.5) 100%), url('../img/pexels-monocromatica-artes-b-cruz-2148433137-30208337.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#APRESENTACAO h2, #APRESENTACAO p, #APRESENTACAO ul {
  color: rgba(255,255,255,.95) !important;
  text-shadow: 1px 1px 3px #000000;
}

#ORGANIZACAO {
  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 100%), url('../img/level-789387_1920.jpg');
  min-height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#EVENTOS {
  background-image: linear-gradient(90deg,rgba(255,255,255,1) 25%,rgba(255,255,255,0.8) 100%), url('../img/tool-2820951_1920.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.eventos {
  overflow-y: scroll;
  scrollbar-width: none;
  max-height: 100vh;
}

#EVENTOS img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; /* IE 6-9 */
}

#EVENTOS img:hover {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
}

#scroll-eventos-bottom, #scroll-eventos-top {
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

#SOCIOS {
  background-image: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 100%);
}

footer {
  background-image: linear-gradient(180deg,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.9) 100%);
}

.lead {
  color: rgba(255,255,255,.95) !important;
  text-shadow: 1px 1px 3px #000000;
}

.nav-link  {
  color: rgba(255,255,255,.95) !important;
  font-weight: bolder;
  text-shadow: 1px 1px 3px #000000;
}

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.accordion-button:not(.collapsed) {
	background-color: rgb(108, 117, 125);
	background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
	color: rgb(255, 255, 255);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}