/* body {
  background: #e6e6e6!important;
} */

/*   teste superior */

.header {
  width: 100%!important;
  background: #e6e6e6!important;
  position: relative;
}
.header .row-nav.vs-22 .navbar .nav-menu {
  width: 100%;
}

.header .vs-22 .navbar .menu-item-has-children .sub-menu {
  min-width: 225px;
  top: 85px;
  left: 0;
}
.header .vs-22 .navbar .menu-item-has-children .sub-menu li a {
  height: auto;
}
.header .row-nav.vs-22 .navbar,
.header .row-nav.vs-22 {
  background-color: #374b79;
  background: #374b79;
  border: none;
  color: #FFFFFF;
}
.row-menu-redes .hamburger-nav {
  visibility: hidden;
  display: none;
}

.header .vs-22 .navbar .nav-menu .menu-item a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal!important;
  height: 85px;
  display: flex;
  align-items: center;
}

.row-nav.vs-22 .navbar .menu-item-has-children .sub-menu {
  background: #4f76bc;
  border-bottom: 4px solid #4f76bc;
  border-radius: 0 0 8px 8px;
  padding: 15px 0;
}
.row-nav.vs-22 .navbar .menu-item-has-children .sub-menu li {
  border-bottom: 1px solid #d2d2d2;   
  color: #FFFFFF;
}
.row-nav.vs-22 .navbar .menu-item-has-children .sub-menu li:last-child {
  border-bottom: 0;
}
.row-nav.vs-22 .navbar .menu-item-has-children .sub-menu li a {
   color: #FFFFFF!important;
   padding: 15px;
}

.header .vs-22  .navbar .nav-menu .menu-item a:hover,
.header .vs-22  .navbar .nav-menu .menu-item a:active{
  background: #00396c;
  color: #FFFFFF!important;
  text-decoration: none;
}

.header .vs-22 .navbar .menu-item-has-children .sub-menu li:hover,
.header .vs-22 .navbar .menu-item-has-children .sub-menu li a:hover {
  color: #FFFFFF!important;
  background: #00396c;
}

.header-main .row-nav.vs-22 {
  background: transparent!important;
  display: flex;
  align-items: center;
  border: 0;
  height: 68px;  
  padding:0;
  background: #36589e;
}

.row-nav.vs-22 .navbar {
  display: flex;
  align-items: center;
}

.icons-redes ul,
.row-nav.vs-22 .icon-search {
  font-size: 0;
    display: inline-flex;
    width: 95%;
    text-align: justify;
    justify-content: center;
    align-items: center;
    list-style: none;
    line-height: 1.25;
    margin: 0;
    height: 85px;
}

.vs-22.nav-search {
  width: 100%;
}

.row-nav.vs-22 .icon-search {
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  background: #2e3f65;
  width: 100px;
  margin-left: 10px;
}

.row-nav.vs-22 .icon-search:hover,
.row-nav.vs-22 .icon-search:active {
  background: #2e3f65a9;
}

.vs-22 [data-search="search-form"] {
  visibility: hidden;
  display: none;
}
.vs-22 [data-search="search-form"].active {
  position: static;
  visibility: visible;
  display: flex;
  padding-bottom: 25px;
}

.row-nav.vs-22 [data-search="btn-search"].active img {
  content: url(https://www.educacao.sp.gov.br/wp-content/themes/educacao/build/img/icons/ico-close.png);
}

.vs-22 [data-search="search-form"] .search-form,
.vs-22 [data-search="search-form"] .container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vs-22 [data-search="search-form"] .container {
  background: #FFFFFF;
  border-radius: 0 0 8px 8px;
  padding: 15px;
}

.header .nav-search.vs-22 .search-form .form {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
    margin-right: 20px;
    width: 80%;
    height: 80px;
}
.header .nav-search.vs-22 .search-form .input-form {
    height: 50px;
    margin: 0 auto;
    border: 1px solid #4a596e;
    border-right: 0;
    border-radius: 6px 0 0 6px;
}
.header .nav-search .search-form .icon-search {
    display: none;
    visibility: hidden;
}
.header .nav-search .search-form .icon-search-mobile::after {
    content: 'Buscar';
}
.header .nav-search .search-form .icon-search-mobile .ico-header-search {
    display: none;
    visibility: hidden;
}
.header .nav-search .search-form .icon-search-mobile {
    background: #02b0f5;
    color: #fff;
    font-size: 1.25rem;
    border: 1px solid #4a596e;
    border-radius: 0 6px 6px 0;
    border-left: 0;
    height: 50px;
    width: 130px;
}
.header .nav-search .search-form .icon-search-mobile::after {
    content: 'Buscar';
}
.icon-redes-item.title {
  font-size: 1.3rem;
  color: #374b79; 
  font-weight: 600;
  margin-right: 20px;
}

.header .icon-redes-item {
  display: inline-block;
  padding: 0 5px;
}

.header .navbar .menu-item.menu-item-has-children a:after {
  content: url('https://www.educacao.sp.gov.br/wp-content/themes/educacao/build/img/icons/ico-arrow-down.png');
  margin-left: 10px;
}
.header .navbar .menu-item.menu-item-has-children .sub-menu a:after {
  content: '';
}
.header .navbar .menu-item.menu-item-has-children .sub-menu a:after {
  content: '';
}

/* HOME - noticias */

#noticias-home.vs-2022 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 3.2rem;
  background: #e6e6e6!important;
}

#noticias-home.vs-2022 .container .row {
    padding-right: 15px;
    padding-left: 15px;
}
#noticias-home.vs-2022 .row-botao {
    padding: 15px 0;
}
#noticias-home.vs-2022 .botao {
  margin-top: 0;
}

#noticias-home.vs-2022 .destaque,
#noticias-home.vs-2022 .destaque-full {
  padding: 0; 
  margin: 0;
}
#noticias-home.vs-2022 .destaque {
   height: 305px;
}
#noticias-home.vs-2022 .row-noticias .col-lg-6.destaque:nth-last-child(2n) {
  margin-bottom: 10px!important;
}

#noticias-home.vs-2022 .destaque-full {
   height: 620px;
}


#noticias-home.vs-2022 .destaque-content,
#noticias-home.vs-2022 .destaque-content-full {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 8px;
} 

#noticias-home.vs-2022 .destaque-content .box,
#noticias-home.vs-2022 .destaque-content-full .box {  
  border: 0;
  border-radius: 8px;
}

#noticias-home.vs-2022 .destaque-content-full {
  margin-right: 10px;
}

#noticias-home.vs-2022 .destaque-content .box,
#noticias-home.vs-2022 .destaque-content-full .box { 
  display: flex; 
  flex-direction: column;
  justify-content: flex-end;
  border: 0;
  border-radius: 8px;
  background-position: bottom center;
  background-repeat: repeat-x;
  height: 100%!important;
  background-color: rgba(0,0,0, .3)!important;
}
#noticias-home.vs-2022 .row-noticias .titulo {
  padding: 20px;
  text-align: left;  
}
#noticias-home.vs-2022 .row-noticias .titulo,
#noticias-home.vs-2022 .row-noticias .titulo a,
#noticias-home.vs-2022 .row-noticias .titulo span {
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #FFFFFF;
  text-decoration: none;
}

#noticias-home.vs-2022 .row-noticias .titulo span {
  display: block;
  font-weight: 400;
  font-size: 1.07rem;
  line-height: 1.1;
  font-family: 'Open Sans', sans-serif;
  margin-top: 10px;
}

#noticias-home.vs-2022 .row-noticias .titulo .tarja {
  content: '';
  display: block;
  width: 78px;
  border: 0;
  border-top: 8px solid #d34f4f;
  text-align: left;
  margin-bottom: 10px;
}

#noticias-home.vs-2022 .row-noticias .titulo a:hover {
  text-decoration: none;
}

/* #noticias-home.vs-2022 .destaque-content .box:hover,
#noticias-home.vs-2022 .destaque-content-full .box:hover {
  background-color: rgba(0,0,0, .65)!important;
}
 */

.vs-2022 .botao .btn-azul {  
  margin-top: 15px;
  background-color: #374b79;
}

/* serviços */
section#servicos {
  background: #034ea2;
  padding: 80px 0;
}
section#servicos .title,
section#outros-servicos .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 15px 0;
}

section#servicos .title h2,
section#outros-servicos .title h2,
section .title h2 {
  font-family: 'Lato', sans-serif;
  color: #FFFFFF;
  font-size: 2.18rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #575757;
}
section#servicos .title h2 {
  color: #FFFFFF;
}

#servicos .title .tarja,
#outros-servicos .tarja {
  display: block;
  content: '';
  width: 78px;
  border: 0;
  border-top: 8px solid #FFFFFF;
  text-align: center;
  margin-bottom: 10px;
}

#servicos .row-servicos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
#servicos .item-servico {
  max-width: 234px;
  height: 195px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 40px;
  color: #575757;
}
#servicos .item-servico a.box-link {
  display: block;
  text-decoration: none;
  color: inherit;
  text-align: center;
}

#servicos .item-servico p {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  padding-top: 15px;
  color: #575757;
  line-height: 1.1;
  font-family: 'Lato', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
}
#servicos .row-botao {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
 }

 .row-botao .botao {
  text-align: center;
  width: 100%;
  padding: 0;
 }

 .row-botao .botao .btn.btn-black {  
  margin-top: 15px;
  background-color: #000000;
  color: #FFFFFF;
  text-transform: uppercase;
  width: 234px;
  border-radius: 8px;
}

/* outros serviços */
section#outros-servicos {
  background: #FFFFFF;
  padding: 80px 0;
}

section#outros-servicos .title h2 {
  color: #575757;
}
#outros-servicos .tarja {
  border-top: 8px solid #034ea2;
}

#outros-servicos .row-outros {
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
 }



#outros-servicos .row-outros .servico {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background: #c0c0c0;
  border-radius: 8px;
  border: 0;
  padding: 0;
  height: 400px;
  max-width: 290px;
  margin: 0 5px;
  background-position: bottom center;
  background-repeat: no-repeat;
}
#outros-servicos .row-outros .servico a.box-link-cor,
#outros-servicos .row-outros .title-servico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  border-radius: 0 0 8px 8px;
  margin: 0;
  text-decoration: none;
 }
#outros-servicos .row-outros .title-servico {
  padding: 15px;
  background: #02a0cd;
  text-decoration: none;
 }

#outros-servicos .row-outros .title-servico p {
  display: block;
  padding: 0;
  margin: 0;
  color: #FFFFFF;
  font-family: 'Lato', sans-serif;
  font-size: 1.18rem;
  font-weight: 600;
  text-align: center;
  width: 80%;
  line-height: 1.2;
}




/* ouvidoria */
a.btn-ouvidoria {
  background: #36589e;
  color: #fff;
  font-weight: 600;
  padding: 10px 40px;
  border-radius: 6px;
  margin: 0 10%;
  cursor: pointer;
  line-height: 4;
}
.par-ouvidoria {
  padding: 30px 50px;
  border: 2px solid #879bc5;
  border-radius: 6px;
}
.alignleft {
  float: left;
}
.incio-ouvidoria {
  margin: 50px 0 100px 180px;
  border-left: 10px solid lightgray;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 300;
}
p.seg-paragrafo {
  margin: 60px 0;
  padding: 10px 20px;
  border-left: 10px solid lightgray;
}
.par-ouvidoria a {
  color: blue;
}

/* seção video home */
section#noticias-home {
  margin-bottom: 2rem;
}
#video-home {
  padding: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 360px;
  height: 100%;
}
#video-home .container {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-bottom: 55px;
}
.row-menu-redes .hamburger-nav-close {
  display: none;
  visibility: hidden;
}

/* banners */
section.govsp-banner {
  max-width: 100%!important;
  display: flex;
  justify-content: center;
  padding: 60px 0!important;
}
section.govsp-banner .govsp-container-banner {
  max-width: 1080px!important;
}

/* templates */
.container.template-paginas-externas {
  padding-top: 50px;
}
.tribe-events-notices {
  display: none!important;
  visibility: hidden!important;
}

/* cards */
.card figure img {
  object-fit: cover!important;
  object-position: center;
  min-width: 250px;
  max-height: 350px;
}

.card {
  display: block!important;
  height: auto;
  max-height: 550px;
  min-height: 150px;
}

@media (max-width: 991px) {
   /* menu */
   .header .nav-search .search-form .icon-search-mobile {
    content: ''!important;
    background: #2e3f65;
    background-image: url(https://www.educacao.sp.gov.br/wp-content/themes/educacao/build/img/icons/icon-search.png);
    background-repeat: no-repeat;
    background-position: center;
  }

  header .nav-search .search-form .icon-search-mobile::after {
    content: ''!important;    
  }
  .row-nav.vs-22 .icon-search {
    display: none;
    visibility: hidden;
  }
  .row-nav.vs-22 .container {
    padding-right: 0;
  }

  .header .navbar .nav-menu>li.menu-item  {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  }
  .header .navbar .nav-menu>li.menu-item:last-child{
    border-bottom: 0;
    margin-bottom: 20px;
  }

  .row-menu-redes {
    position: relative;
    padding: 0;
    margin: 0;
  }
  .row-menu-redes .icons-redes {
    margin-left: 72px;
  }

  .icons-redes ul {
    padding-left: 0;
    height: 65px;
    max-width: 80%;
  }

  .row-menu-redes .hamburger-nav,
  .row-menu-redes .hamburger-nav-close {
    visibility: visible;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;    
    border: 0;   
    background: #2e3f65;
    height: 46px;
    width: 70px;
    border-radius: 0 8px 8px 0;
    z-index: 200!important;
  }

  .row-menu-redes .hamburger-nav {
    left: 0;
    top: 5px;
  }
  .row-menu-redes .hamburger-nav.active img.icon {
    content: url('https://www.educacao.sp.gov.br/wp-content/themes/educacao/build/img/icons/ico-close.png');
  }

  /* 
  .row-menu-redes .hamburger-nav-close img.icon {
    content: url('https://www.educacao.sp.gov.br/wp-content/themes/educacao/build/img/icons/ico-close.png');
  }
  .row-menu-redes .hamburger-nav-close,
  .row-menu-redes .hamburger-nav.inactive {
    display: none;
    visibility: hidden;
  } */

  .row-menu-redes .hamburger-nav-close.active {
    display: flex;
    visibility: visible;
    right: 10px;    
    top: 10px;
    border-radius: 8px;
  }  

  .icons-redes .hamburger-nav span {
    display: block;
    background: #ffffff;
    margin: 0;
    margin-bottom: 6px;
    height:0;
    border-bottom: 4px solid #FFFFFF;
    border-radius: 8px;
    width: 30px;    
  }

  .header .row-nav.vs-22 .navbar .nav-menu.active {
     padding-top: 70px;
  }

  .header .row-nav.vs-22 .navbar, 
  .header .row-nav.vs-22 {
    background: #5783d0;
    border-radius: 0 8px 8px 0;
  }
  .header .row-nav.vs-22 {
    top: -66px;
    position: relative;
    max-width: 95%;
    z-index: 100;    
    display: none;
  }
  .header .row-nav.vs-22 .navbar .nav-menu>.menu-item {
    display: block;
  }
  .header .row-nav.vs-22 .navbar .nav-menu {
    padding-top: 60px;
    width: 100%;
  }
  .header .vs-22 .navbar .nav-menu .menu-item a {
    height: 50px;
  }

  .header .row-nav.vs-22.active {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
  }
  .header .row-nav.vs-22.active .navbar .menu-item-has-children .sub-menu {
    display:block;
    position: static;
    background: #4f76bc;
    left: 0;
    padding: 10px 15px;
  }
  .header .row-nav.vs-22.active .navbar .menu-item-has-children .sub-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  }
  .header .row-nav.vs-22.active .navbar .menu-item-has-children .sub-menu li:last-child {
    border-bottom: 0;
  }

  .header .row-nav.vs-22.active .navbar .menu-item-has-children .sub-menu.active {
    display: block;
    width: 100%;
    position: static;
    background: #4f76bc;
    color: #FFFFFF!important;
  }
  
    .header .row-nav.vs-22.active .navbar .menu-item-has-children .sub-menu li a {
    width: 100%;
    padding: 15px 0 15px 32px;
    color: #FFFFFF!important;
  }  

  /* home */
  #noticias-home.vs-2022 .row-botao {
    padding: 0;
  }
  #noticias-home.vs-2022 .destaque,
  #noticias-home.vs-2022 .destaque-full {
    height: 150px;    
    margin-bottom: 10px;
    margin-right: 0;
  }
  
  #noticias-home.vs-2022 .destaque-content,
  #noticias-home.vs-2022 .destaque-content-full {
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
  }
  #noticias-home.vs-2022 .destaque:last-child {
    margin-top: 0;
  }
  #noticias-home.vs-2022 .row-noticias .titulo span {
    display: none;
    visibility: hidden;
  }
  #noticias-home.vs-2022 .row-noticias .titulo span.tarja {
    display: block;
    visibility: visible;
    border-top: 5px solid #d34f4f;
  }
  #noticias-home.vs-2022 .row-noticias .titulo,
  #noticias-home.vs-2022 .row-noticias .titulo a,
  #noticias-home.vs-2022 .row-noticias .titulo span {
  font-size: 1.15rem;
  }
  #noticias-home.vs-2022 .destaque-content .box,
  #noticias-home.vs-2022 .destaque-content-full .box {
    background-image: url(https://www.educacao.sp.gov.br/wp-content/themes/educacao/build/img/bg-img-mob.png)!important;
  }
  #noticias-home.vs-2022 .row-noticias .titulo {
    padding: 10px;
  }


/*  servicos */
section#servicos { 
  padding: 25px 0;
}
#servicos .item-servico {
  margin-top: 15px;
}

/* outros servicos */
section#outros-servicos { 
  padding: 25px 0;
}
#outros-servicos .row-outros { 
  flex-wrap: wrap;
  padding: 20px 0;
}

#outros-servicos .row-outros .servico {
  margin: 0 auto;
  width: 100%;
  margin-bottom: 10px;
  }
 #outros-servicos .row-outros .servico a.box-link-cor,
#outros-servicos .row-outros .title-servico {
    height: auto;
    min-height: 60px;
  }
  #outros-servicos .row-outros .servico {
    width: 100%;
    max-width: 49%;
  } 
  
  /* ajuste busca  */
  .vs-22 [data-search="search-form"] {
    position:relative;
    visibility: visible;
    display: flex;
    padding-bottom: 25px;
  }

  .vs-22 [data-search="search-form"] .container {
      width: 100%;
  }
  header .nav-search.vs-22 {
    padding: 0;
  }
}
 

@media (max-width: 980px) {

  /* ajuste busca mobile */
  .vs-22 [data-search="search-form"] {
    position:relative;
    visibility: visible;
    display: flex;
    padding-bottom: 25px;
  }

  .vs-22 [data-search="search-form"] .container {
      width: 100%;
  }


/* video */
  #video-home .container {
    width: 100%!important;
    padding: 15px;
  }
  #noticias-home.vs-2022 .botao {
    display: block!important;
  }
}

@media (max-width: 680px) {  
  /* search form */
  .icon-redes-item.title {
    font-size: .6rem!important;
  }
  header .nav-search.vs-22 .search-form .form {
    width: 100%;
  }
  header .nav-search.vs-22 {
    padding: 0 15px;
  }
  .icon-redes-item.title {
    font-size: .9rem;
    text-align: left;
    margin-right: 0;
  }
  .header .icon-redes-item img {
    min-height: 28px;
    min-width: 28px;
  }

  /* home serviços */
  section#servicos {
    padding: 25px 0;
  }
  #servicos .row-servicos {
    padding: 15px;
  }
  #servicos .row-botao {
    padding: 0 15px;
  }
  .row-botao .botao .btn-azul {
    width: 100%;
  }
  section#servicos .title h2,
  section#outros-servicos .title h2 {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  section#servicos .title,
  section#outros-servicos .title {
    padding-bottom: 0;
  }
  #servicos .title .tarja,
  section#outros-servicos .tarja {
    width: 32px;
    border-top: 4px;
    margin-bottom: 5px;
  }
  #servicos .item-servico {
    max-width: 100%;
    height: 74px;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    text-align: left;
  }

  #servicos .item-servico a.box-link {
    display: flex;
    align-items: center;
  }

  #servicos .item-servico img { 
    max-height: 42px;
  }
  #servicos .item-servico p {
    text-align: left;
    font-size: 1rem;
    margin: 0;
    padding-top: 0;
    padding-left: 25px;
  }
  /* outros servicos */
  #outros-servicos .row-outros .servico {
    height: 195px;
  }
  #outros-servicos .row-outros .title-servico {
    height: 54px;
  }
  #outros-servicos .row-outros .title-servico p {
    font-size: 1.2rem;
    width: 100%;
  }  

}

@media (max-width:450px) {
  .header .icon-redes-item img {
    min-height: 20px;
    min-width: 20px;
  }
  .icon-redes-item.title {
    font-size: 0.7rem;
  }
  .icons-redes ul, .row-nav .icon-search {
    height: 62px;
  }
  .card>a {
    flex-direction: column;
    padding-bottom: 30px;
  }
  .card figure img {
    max-height: 200px!important;
  }
}
@media (max-width:290px) {
  .header .icons-redes .icon-redes-item {
    display: none;
    visibility: hidden;
  }
}