@import url('https://fonts.googleapis.com/css?family=Open Sans:300,400,700&display=swap');
*{margin:0;padding:0; box-sizing:border-box;}
html { scroll-behavior: smooth; }
body {font-family: 'Roboto', sans-serif;}
img{max-width: 100%;}
h1{ 
   color: #0B2F78;
	display: flex;
    justify-content: center;
  
}  

span{

    color: #052852;

}

.noticias{
 
  text-decoration: none;
  color: white;

}

/* MENU SUPERIOR */
.list-header li {list-style: none;}

.menu-superior {
  background: #363636;
  /* padding-bottom: 3px; */
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub-menu-superior {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 3px;
  position: relative;
  z-index: 1;
  align-items: center;
}

.sub-menu-links { display: flex; justify-content: center; align-items: center; }
.sub-menu-links a { color:#fff; text-decoration: none; font-size: .9em; margin-right: 30px; display:block; }
.sub-menu-links a:hover { text-decoration: underline; }

.sub-menu-links-icons { text-indent: -99999px; display: block; }
.sub-menu-links-icons.govaberto { width: 150px; height: 20px; background: url('../assets/logo-gov-aberto.png') no-repeat center center;
  background-size: contain; }
.sub-menu-links-icons.covid { width: 150px; height: 20px; background: url('../assets/icon-covid19.png') no-repeat center center;
  background-size: contain; }
.sub-menu-links-icons.webmail { width: 150px; height: 20px; background: url('../assets/icon-webmail.png') no-repeat center center;
  background-size: contain; }



/* REDES SOCIAIS */
.redes {display: flex; justify-content: center; margin-top: 10px; }
.redes li {padding: 0px 5px;}

.icons {width: 25px; height: 25px; text-indent: -99999px; display:block;}

.icons.facebook {background: url('../assets/icon-facebook.svg') no-repeat center center; background-size: cover;}
.icons.instagram {background: url('../assets/icon-instagram.svg') no-repeat center center; background-size: cover;}
.icons.youtube {background: url('../assets/icon-youtube.svg') no-repeat center center; background-size: cover;}
.icons.linkedin{background: url('../assets/linkedin.svg') no-repeat center center; background-size;cover;}


/* HEADER & MENU PRINCIPAL */
.header-menu {width: 100%;}
.slide {width: 100%; height: 550px; /*height: 680px;*/ margin-top: -291px; background:  url("../assets/Prancheta16.png") no-repeat center center;
  background-size: cover;}
/* .header-menu::after {content: ""; width: 150px; height: 70px; background: url('../assets/ICONE.svg') no-repeat center center;
  background-size: cover; display: block; margin:0 auto; margin-top: -1px;} */
.menu {
	width: 100%; 
padding: 20px 20px; 
background: #0B2F78;  
display: flex; 
justify-content: space-between; 
align-items: center !important;
 flex-wrap: wrap;}
#menu-menu-principal .menu ul{

	background: black;

}

/*
button.btn-menu::after {
    content: "Menu";
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 70px;
    font-size: 1.5em;
    color: #fff;
}
*/


/*.btn-menu */
.btn-search, .btn-close, .btn-close-search{width: 50px; height: 50px; background: url('../assets/icon-menu.svg') no-repeat center center;
  border:0; outline: none; cursor: pointer; z-index: 1000; margin-top: -20px; display: block;}
.btn-search {margin-top: -20px; background: url('../assets/icon-search.svg') no-repeat center center;}
.btn-close {margin-left:10px; margin-top:-20px; background: url('../assets/icon-close.svg') no-repeat center center;}
.logo {width:420px; height: 250px; }

/* NAVIGATION MENU */
.nav-menu {position: relative; margin-top: -291px; width: 100%; 
  background: #05285200; display: none; z-index: 1000;}
.list-menus {width: 70%; margin:0 auto; margin-top:-60px; display: flex;
  flex-wrap: wrap; justify-content: flex-start;}
.list-nav-menu li {list-style: none; margin-right: ;}
.sub-menu li a {font-size: .9em !important; text-decoration: none; color: #fff; font-weight: 300 !important;}
.list-nav-menu li span a {font-size: 1.4em; color:#fff; font-weight: bold; display: block;}
.list-nav-menu li a {font-size: .9em; line-height: 30px; text-decoration: none; color:#fff; font-weight: 300;}
.list-nav-menu li a:hover{text-decoration: underline;}

.sub-menu li:last-child a{margin-bottom: 20px;}

.form-search {position: fixed; width: 100%; display: none; justify-content: center;
  align-items: center; background: rgba(0, 0, 0, .7);}
.form-search input::-webkit-input-placeholder {color:#fff; text-align: center;}
.form-search input {width: 100%; height: 120px; padding: 20px; font-size: 1.4em;
    background: transparent; color:#fff; outline: none; border:0;}
.btn-close-search {background: url('../assets/icon-close.svg') no-repeat center center; border: 0;}

/* HEADER-NEWS 
.header-menu-news { width: 100%; background: #0B2F78;}
.header-menu-news h1 {color:#0B2F78;}
.header-menu-news .menu { justify-content: space-around; }
.header-menu-news .menu a {color:#02BF78; text-decoration: none;}
.logo-news {background-size: 70%;}

/* CONTAINER */
.container {width: 70%; min-height: 350px; margin:50px auto; display: flex; flex-direction: column; flex-wrap: wrap;}
.container .title {text-align: center; margin-bottom: 70px; color:#34502E;}
.container .title span {display: block; width: 40%; margin: 10px auto;}
.title h1 {font-size: 2em; text-transform: uppercase;}
.container .noticias {width: 100%;}

/* BOX NOTÍCIAS */
.box-news {max-width: 980px; width: 100%; height: auto; margin: 0 auto; display: flex; justify-content: space-between;
  flex-wrap: wrap; margin-bottom: 150px;}
.box-noticias {max-width: 470px; width: 100%; /*height: 350px;*/ list-style: none; border-radius: 10px; overflow: hidden;
  margin-bottom: 20px;}
.box-noticias a {text-decoration: none;}
.box-noticias img {width: 100%; /*height: 350px;*/ transition: all .3s ease-in-out; transform: scale(1.20);}
.box-noticias img:hover {transition: all .3s ease-in-out; transform: scale(1.22);}
.box-noticias li:first-child {height: 10px;}
.box-news h2 {position: relative; background: rgba(0, 0, 0, 0.5); text-shadow: 0 0 5px #000; margin-top: -88px;
  color: #fff; display: block; padding: 20px; font-size: 1.2em;}
.box-two-noticias {width: 50%; display: flex; justify-content: space-around; flex-direction: column;}
.box-two-noticias article {height: 480px; margin-left: 20px; margin-bottom: 25px; overflow: hidden; border-radius: 10px;}

.btn-vejamais {max-width: 300px; width: 100%; height: 50px; margin-top: 50px; background: #0B2F78; color:#fff; font-weight: bold; 
  padding: 5px 20px; margin:0 auto; border:0; border-radius: 50px; cursor: pointer; text-decoration:none; text-transform: uppercase;
  display: flex; justify-content: center; align-items: center; transition: all .3s ease-in-out; font-size: .9em;}
.btn-vejamais:hover{background: #1A56CE; transition: all .3s ease-in-out;}




@media (max-width: 600px) {
    .secretary-btn {
        flex-direction: column;
        align-items: flex-start;
    }

    .content-agenda {
        width: 100%;
        justify-content: flex-start;
        margin-top: 10px;
    }
}


.secretary-btn-bg {

    background-color: #0B2F79;

    max-width: 700px;

    padding: 15px;

    font-family: "Arial";

    line-height: 0.6;

    color: white;

    border-radius: 15px;

    display: block;
    margin: 0 auto;
    margin-bottom: 30px;

}

.secretary-btn {

    display: flex;
    align-items: center;

}

.content-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    
    margin-right: 30px;

}

.content-agenda div {

    margin-left: 30px;

}

.content-text a {

    color: #098BFF;
    font-weight: bold;
    text-decoration: none;

}

.content-agenda {

    border-left: 1px solid white;
    height: 150px;

    display: flex;
    align-items: center;
    justify-content: center;

}

.content-agenda div {

    display: flex;
    align-items: center;

}

.content-agenda i {

    font-size: 2.5rem;
    margin-right: 5px;

}

.content-agenda a {

    color: white;

    padding: 15px;

    border: 1px solid white;
    border-radius: 8px;

    font-weight: bold;
    
    text-decoration: none;

    transition: background-color 0.2s, color 0.2s;

}

.content-agenda a:hover {

    background-color: white;
    color: #0B2F79;

}






     

  
.btn-nav-pages {
	border: 0;
    background: #052852;
   border-radius: 50px;
}

.btn-nav-pages a {
  width: 150px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color:#fff;
}

.news-box {
  width: 70%;
  margin:0 auto;
  margin:50px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.box-noticias-all{display:flex; margin-bottom: 20px; border-bottom: 1px solid #c8c8c8;}
.box-noticias-all:last-child {
  border:0;
}

.box-img {
  width: 370px;
  height: 215px;
  margin-bottom: 20px;
  overflow: hidden;
  margin-right: 20px;
}


.box-article {width: 50%; margin-top: 10px;}
.box-article a {font-size: 1em; text-decoration: none; color:#2D395F;}
.box-article p {color:#9A9A9A; margin-top: 20px;}

/* CONTENT */
.content {
  max-width: 980px;
  width: 70%;
  margin:70px auto;
}

.wp-post-image {width: 100%; height: 600px;}

.content .title-news {text-align: center; font-size: 2.5em; color:#111; padding: 50px;}
.content h1 { padding: 0 40px; }
.content > p {font-size: 1.2em; margin-top:20px; line-height: 30px; color:#333; padding: 0px 40px;}

.info-user-post {display: flex; justify-content: center; align-items: center;}
.info-user-post span {margin-left: 10px; color:#747478;}
.avatar-25 {border-radius: 50px;}

.content .desc-info-post {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin:10px 0px 50px;
}


.content .desc-info-post span {font-size: 1em; line-height: 20px; color:#747478;}

/* CONTROLADOR */
.controlador {
  width: 100%;
}

.control {
  width: 100%;
  height: 680px;
  background: url('../assets/controlador-home.png') no-repeat center center;
  background-size: 100%;
}

/* SERVICOS */
.servicos {
  display: flex;
  justify-content: space-around;
  justify-content: center;
}

.servicos img {
  width: 150px;
  height: 150px;
  border-radius: 10px;
}

.servicos img {
  transform: scale(1.0);
  transition: all .4s ease-in-out;
}

.servicos img:hover {
  transform: scale(1.1);
  transition: all .4s ease-in-out;
}



/* MOBILE */



@media (max-width: 1360px) {
  .box-news {
	justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}




@media (max-width: 980px) {


 .secretary-btn-bg{

        max-width: 600px;
        height: 280px;
    
    }
    
    .secretary-btn{
    
        flex-direction: column;
		align-items: flex-start;
        max-width: 540px;
        margin: 0 auto;
        align-items: center;

    }

    .content-text {

        line-height: 1.5;

    }


.content-text h1{ margin-left:45px; }


    .content-text p{

        text-align: center;

    }

    .content-text a{

        margin-left: 140px;

    }

    .content-agenda{

        margin-top: 10px;

    }

    .secretary-btn hr{

        width: 450px;
        height: 1px;

        margin: 10px 0;

    }

}


@media (max-width: 800px){

    .secretary-btn-bg{

        max-width: 540px;
        height: 280px;
    
    }
    
      .secretary-btn{
    
        flex-direction: column;
        max-width: 540px;
        align-items: center;

      }

      .content-text {

        line-height: 1.5;
        

      }

      .content-text p{

        text-align: center;

      }

      .content-text a{

        margin-left: 140px;

      }

      .content-agenda{

        margin-top: 10px;

      }

      .secretary-btn hr{

        width: 450px;
        height: 1px;

        margin: 10px 0;

    }

}





@media (max-width: 680px) {
  .btn-close {margin-left:-30px;}
  /* .nav-menu {top:140px; height: 100%; z-index: 1000;} */

  .content {width:100%;}

  .content h1 { padding: 0 40px; }
  .content p { padding:0px 40px;}
  .content .title-news {font-size: 2em;}

  .control {
    height: 300px;
    background: url('../assets/controlador-home.png') no-repeat center center;
    background-size: 100%;
  }

.secretary-btn-bg{

    max-width: 450px;
    height: 230px;

  }

  .secretary-btn{

    flex-direction: column;
    max-width: 450px;
    /margin-left: 115px;/

  }

  .content-text{

    font-size: 12px;
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    margin: 0 auto;

  }

  .content-text p{

    text-align: center;

  }

  .content-text a{

    margin: 0 auto;
    font-weight: bold;
    font-size: 15px;
    /margin-left: 90px;/

  }

  .content-agenda{

    justify-content: center;
    margin-top: 10px;

  }

  .content-agenda a{

    padding: 10px 20px;
    margin-left: 10px;

  }

  .secretary-btn hr{

    width: 350px;
    height: 1px;

    margin: 10px 0;

}

}

@media (max-width: 500px){

    .secretary-btn-bg{

        max-width: 350px;
        height: 250px;

    }

    .secretary-btn{

        max-width: 350px;

    }

    .content-text {

        line-height: 1.7;
        font-size: .68em;

    }
.content-text h1{ margin-left:32px; }

    .secretary-btn hr{

        width: 280px;
        height: 1px;

        margin: 10px 0;

    }

}

.barra-pesquisa {
	width: 180px;
	justify-self: end;
	margin-right: 40px;
	align-self: baseline;
}

/* Noticias */

.cabecalho {
		
	width: 100%;
  	display: grid;
  	grid-template-columns: 1fr 1fr 1fr;
  	align-items: center;
	background: #05285200;
	padding-bottom: 10px
				
}




.cabecalho-noticia {
		
	width: 100%;
  	display: grid;
  	grid-template-columns: 1fr 1fr 1fr;
  	align-items: center;
	background: #05285200;
	padding-top: 10px;
	padding-bottom: 70px
				
}

.title-noticia {
	justify-self: center;
    font-size: 1.5rem;
    color: white;
	transition: transform 100ms ease-in-out;
	
}

.title-noticia a {
	font-size: 22px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: white;
	
}

.title-noticia span {
	
	font-weight: 100;
	color: white;
	
}

.title-noticia:hover {
	
		transform: scale(1.05);
	
}

#menu-redes-sociais {
	
	display: flex;
	align-items: center;
	margin-right: 25px;
	
}

#menu-redes-sociais .menu--title--redes {
	
	color: white;
	font-size: 1rem;
	margin-right: 15px;
	
}

#menu-redes-sociais .menu--lista--socias {
	
	list-style: none;
	display: flex;
	
}

#menu-redes-sociais li a {
	
	color: white;
	font-size: 1.8rem;
	text-decoration: none;
	
}

#menu-redes-sociais li {
	
	opacity: 1;
	transition: transform 100ms, opacity 100ms ease-in-out;
	
}

#menu-redes-sociais li:hover {
	
	opacity: 1;
	transform: scale(1.05);
	
}

#menu-interno {
	display: flex;
	align-items: center;
	margin-right: 30px;
	
}


#menu-interno .menu--title--redes {
	
	color: white;
	font-size: .85rem;
	margin-right: 10px;
	
}

#menu-interno .menu--lista--socias {
	
	list-style: none;
	display: flex;
	
}

#menu-interno li a {
	
	color: white;
	font-size: 11px;
	font-family: "Rubik";
	text-decoration: none;
	
}

#menu-interno li {
	
	opacity: 1;
	transition: transform 100ms, opacity 100ms ease-in-out;
	
}

#menu-interno li:hover {
	
	opacity: 1;
	transform: scale(1.05);
	
}
	
	#menu-redes-sociais .menu--lista--socias {
	
	list-style: none;
	display: flex;
	
}
	
	#menu-superior {
	
  background: #05285200;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 8px;
	
}

.title-portal {
	justify-self: center;
    font-size: 1.5rem;
    color: white;
	transition: transform 100ms ease-in-out;
	
}

.title-portal a {
	font-size: 22px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;
	text-decoration: none;
	color: white;
	
}

.title-portal span {
	
	font-weight: 100;
	color: white;
	
}

.title-portal:hover {
	transform: scale(1.05);
}


.divPaiHeader{
	background-image: url('https://cge.rj.gov.br/wp-content/themes/cgerj-dev/assets/FUNDO (1).png');
	 background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}




@media (max-width: 765px){
	.cabecalho{
		display: flex;
		flex-direction: column;
		padding-top: 40px;
		gap: 30px;
	}
	
	.cabecalho-noticia{
		display: flex;
    	flex-direction: column;
	}
	
	.cabecalho-noticia img{
		margin-bottom: 20px;
	}
	
	.barra-pesquisa{
    	align-self: unset;
		margin: 0px;
	}
	
	
	#menu-superior{
		flex-direction: column;
    	align-items: center; 
    	justify-content: center; 
	}
	
	#menu-interno {
		margin-right: 0px;
	}
	
	.slide-cge{
		display: none;
	}
	
	.table-transparencia{
		display: flex;
		justify-content: column
	}
	
	tr {
        display: flex;
		flex-direction:column;
        align-items: center;
    }
	    .content p {
        padding: 0px;
    }
}



@media (max-width: 400px) {
  /* body { background: red; } */
  .menu { padding: 0; }
  .logo { width: 200px; height: 90px; }
  
  .list-menu-footer { flex-direction: column; }

  .nav-menu {
    /*top: 50px;*/
    margin-top: -141px;
  }

  ul.list-header {
    margin: 10px auto;
  }

  .menu-superior { width: 100%; height: 300px; z-index: 100; display: block; }
  .sub-menu-superior { width: 100%; flex-wrap: wrap; }
  .sub-menu-links { margin: 0 auto; background: #333; width: 100%; }
  .sub-menu-links a { margin-right: 10px; margin-top: 10px; text-align: center;}

.secretary-btn-bg{

   /* width: 300px; */
    height: 250px;

  }

  .secretary-btn{

    flex-direction: column;
    /margin-left: 115px;/

  }

  .content-text{

    font-size: .65em;
    display: flex;
    flex-direction: column;
    margin: 0 auto;

  }

.content-text h1{ margin-left:32px; }


  .content-text a{

    margin: 0 auto;
    font-weight: bold;
    font-size: 15px;
    /margin-left: 90px;/

  }

  .content-agenda{

    justify-content: center;
    margin-top: 10px;

  }

  .content-agenda a{

    padding: 10px 20px;
    margin-left: 10px;

  }

  .secretary-btn hr{

    width: 250px;
    height: 1px;

    margin: 10px 0;

}


	/* Responsividade */
@media (min-width: 1920px) {
	
		.cabecalho {
			width: 100%;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			align-items: center;
			background: #052852;
			padding-inline: 0px !important;
			padding-bottom: 10px
		}
	
		#menu-superior {

			flex-direction: row;
			align-items: center;
			
		}
		
}
	
	@media (min-width: 1024px) {
	
		#menu-superior {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			flex-direction: row;
		}
	
		#menu-redes-sociais {
			margin-right: 25px;
		}
	
		.slide-cge {
	
			display: block;
	
		}
	
}
}