/*sorriso.css*/
html,body,h1,h2,h3,h4 { font-family:"Open Sans", sans-serif }

#topo { padding: 16px 32px 16px 32px; }
#topo p {
  margin-block-end: 0.25em; 
  margin-block-start: 0.5em;
  line-height: 1.1em;
}

nav {
  font-size:1.2em;
}
nav, .sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 3;
}
nav.w3-theme .w3-button,nav.w3-theme .w3-button:hover {
  padding: 16px 16px;
  min-width: 80px;
}
.w3-hover-action:hover,nav.w3-theme .w3-button:hover {
  color:white !important;
  background-color:#20295b !important;
}
nav .w3-button.active {
  color:white;
  background-color:#20295b;
}

footer .fa {
  cursor: pointer;
}

/* slideshow */
.slideshow {
  overflow: hidden;
  height: 600px;
}
@media (max-width:600px) {
  .slideshow {
    height: 400px;
  }
}
.slideshow .dot {
  display: inline-block;
  height: 15px;
  width:  15px;
  margin: 4px;
  border: 2px solid #2e61ab;
  cursor: pointer;
}
.slideshow .dot:hover,
.slideshow .dot.active {
  background-color: #2e61ab;
}
.slideshow  .dot:hover {
  opacity: 0.8;
}

.slide {
  display: none;

  width: 100%;
  height: inherit;
  object-fit: cover;
  max-width: 1520px;
  margin: auto;
}
.slide.active {
  display: block;
}

.center-content {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*cores*/
/* https://www.w3schools.com/w3css/w3css_color_generator.asp */

/*logo verde*/
.ss-verde {
  background-color: #3eab36 !important;
  color: white !important;
}

/*logo azul 1*/
.ss-azul1 {
  background-color: #2c52a0 !important;
  color: white !important;
}

/*logo roxo*/
.ss-roxo {
  background-color: #b69ec8 !important;
  color: white !important;
}