/* 
	Theme Name: LED
	Theme URI: http://www.cefetmg.br
	Description: Template padrão para sites CEFET-MG
	Author: Divisão de Sistemas (DIS)
	Author URI: http://www.twitter.com/cefet_mg
	Version: 1.0
	License: Public
	Tags: eventos, notícias, cefet-mg, cefetmg, cefet, mg 
*/


/* bootrap */
@import url('css/bootstrap.css');
/* menu */
@import url('css/menu.css');

/* google fonts */
@import url('https://fonts.googleapis.com/css?family=Oswald|Patua+One|Roboto');

/* Led Fonts*/
@font-face {
  font-family: 'IncipitLed';
  src: url('fonts/IncipitLed-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

.container {
  background: #FFF;
  box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.2);
  /* padding-left: 0 !important; */
  /* padding-right: 0 !important; */
}

.container>div:nth-child(odd) {
  background: #ebebeb;
}

.container .jumbotron {
  border-radius: 0px;
  margin-bottom: 10px;
  background: #E1E9F2;
  padding: 0px;
  margin: 0px;
}

.sidebar-nav {
  margin: 0px;
}

.navbar {
  border-radius: 0px;
  margin: 19px 0px 0px 0px;
}

.navbar-default {
  background-color: #FFF;
}

.navbar-default .navbar-brand {
  color: #FFF;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFF;
}

.navbar-collapse {
  padding: 0px;
}

.navbar-header {
  background: #1682BA;
}

.thumbnail {
  border-radius: 0px;
  padding: 20px;
}

.wp-caption-text {
  font-size: 13px;
  color: #23527c;
  font-style: italic;
  margin-bottom: 0px;
}

.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

body {
  background: #C1C1C1;
}

body #menu {
  background: transparent;
}

body #main {
  margin-bottom: 10px;
}

header #cabecalho {
  padding: 25px;
  background-color: #004C84;
  background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5));
  width: 100%;
  float: left;
  display: table;
  border-bottom: 0px solid #2AB6F7;
}

header #cabecalho h1 {
  font-family: 'Oswald', 'Helvetica Neue', 'Arial', sans-serif;
  color: #FFFFFF;
  margin: 0px 0px 20px 0px;
  text-align: center;
  line-height: 1.3
}

header #cabecalho a {
  color: #FFF;
}

header #busca {
  background-color: #E1E1E1;
  background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.4));
  padding-top: 15px;
  width: 100%;
  display: table;
  font-family: 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
  font-size: 15px;
}

header #busca h4 {
  font-family: 'Oswald', 'Helvetica Neue', 'Arial', sans-serif;
  margin-bottom: 0px;
  font-weight: bold;
}

header #busca img {
  height: 30px;
}

header .img-logo-cabecalho {
  max-height: 90px;
}

header .img-logo-cefet {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

main {
  background: #FFF;
  line-height: 1.4;
  font-size: 17px;
  font-family: 'Roboto', 'Arial', sans-serif;
  padding-top: 11px;
}

main p {
  margin-bottom: 20px;
}

main ul,
ol {
  margin-bottom: 30px;
}

main h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  margin-bottom: 25px;
  margin-top: 0px;
}

main hr {
  margin: 20px 0px 5px 0px;
  border-top: 1px solid #CCC;
}

main img {
  max-width: 100% !important;
}

main iframe {
  max-width: 100% !important;
}

main #titulo {
  font-family: 'Patua One', 'Helvetica Neue', 'Arial', sans-serif;
}

main #bem-vindo img {
  width: 100%;
}

main #ultimas-noticias {
  margin-top: 10px;
}

main #ultimas-noticias h4 {
  margin: 5px 0px 5px 0px;
}

main #ultimas-noticias p {
  margin-bottom: 0px;
}

main #lista-conteudo {
  border: 1px solid #DDD;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 20px;
  display: table;
  width: 100%;
}

.noticias_grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  justify-content: center;
}

.secoes {
  width: 100%;
  gap: 2.0rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-right: 3.4rem;
  padding-left: 3.4rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
  border-top: 3px solid #004b83;
}

.secoes h2 {
  color: #fd5000;
  border-bottom: 2px dashed #fd5000;
  display: inline-block;
  width: fit-content;
  font-family: 'IncipitLed', sans-serif;

}


.lista_itens {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 0 3rem 0 3rem;
}

.lista_itens .thumbs {
  width: 14rem;
  transition: box-shadow 0.2s;
}

.lista_itens .thumbs:hover {
  background-color: #c0c0c0;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}

.lista_itens .thumbs_quadrados {
  margin: 0 2rem;
  width: 28rem;
  transition: box-shadow 0.2s;
}

.lista_itens .thumbs_quadrados:hover {
  background-color: #c0c0c0;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}

.lista_itens .thumbs_quadrados_totais {
  margin: 0 0.5rem;
  width: 22.6rem;
  transition: box-shadow 0.2s;
}

.lista_itens .thumbs_quadrados_totais:hover {
  background-color: #c0c0c0;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}


.lista_itens .thumb_grupo {
  max-width: 20rem;
  transition: box-shadow 0.2s;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.lista_itens .thumbs_grupo:hover {
  background-color: #c0c0c0;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}

.lista_itens .links {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  text-align: center;

  width: 220px;
  height: 100px;
  overflow: hidden;

  background-color: #d8d8d8;
  color: #004b83;
  font-size: 2rem;
  text-decoration: none;
  /* text-transform: uppercase; */
  font-weight: bold;

  padding: 1rem;
  border-radius: 4px;
  cursor: pointer;
  border: #fd5000 solid 1px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background 0.2s, box-shadow 0.2s;
}

.lista_itens .links:hover {
  background-color: #c0c0c0;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}

.lista_itens .links span {
  display: block;
  position: relative;
  top: -0.1em;
}

.video_container {
  flex: 1 1 calc(33.33% - 16px);
  /* Largura para até 3 vídeos por linha */
  max-width: calc(33.33%);
  /* Garante no máximo 3 por linha */
  box-sizing: border-box;
  /* Mantém proporção 16:9 */
  min-width: 334px;
  overflow: clip;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.video_container iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border: 0;
  border-radius: 4px;
}

.video_description {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #f9f9f9;
  padding: 1.5rem;
}

.video_title {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

.video_link {
  color: #909090
}

a.botao_mais {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;

  background-color: #d8d8d8;
  color: #fd5000;
  font-size: 3rem;
  text-decoration: none;

  width: 8rem;
  height: 3.5rem;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background 0.2s, box-shadow 0.2s;
}

a.botao_mais:hover {
  background-color: #c0c0c0;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}

/* Força o + a se comportar como bloco para evitar desalinhamento de linha */
a.botao_mais span {
  display: block;
  position: relative;
  top: -0.1em;
}

.noticias_lista {
  list-style-type: none;
  font-size: 14px;
  margin-bottom: 30px;
  height: 80px;
  overflow: hidden;
  display: flex;
  align-items: center;
  box-shadow: 2px 4px 8px gray;
  padding: 0;
  max-width: 334px;
}

.noticias_lista a {
  height: 100%;
}

.noticias_lista a {
  color: #000000;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.noticias_data {
  height: 100%;
  padding: 15px 20px;
  color: #FFFFFF;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

.noticias_dia {
  font-size: 17px;
  font-weight: bold;
}

.noticias_mes {
  font-size: 12px;
  text-transform: uppercase;
}

.noticias_conteudo {
  height: 100%;
  width: 100%;
  background: #FFFFFF;
  padding: 9px 10px;
  transition: all 200ms;
}

.noticias_lista:hover .noticias_conteudo {
  background: #C4C4C4;
}

.noticias_conteudo a {
  text-decoration: none;
}

.noticias_versal {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.55em;
}

.noticias_titulo {
  font-size: 13px;
  margin-bottom: 0;
  line-height: 1.4em;
  overflow: hidden;
  height: 35px;
}

main #lista-conteudo h4 {
  margin: 5px 0px 5px 0px;
}

main #lista-conteudo p {
  margin-bottom: 10px;
}

main #lista-conteudo h5 {
  margin: 5px 0px 0px 0px;
  float: right;
}

main #lista-conteudo img {
  margin: 5px 10px 10px 0px;
}

footer {
  line-height: 1.3;
  color: #FFF;
}

footer p {
  margin-bottom: 0px;
  font-size: 13px;
}

footer h3 {
  font-family: 'Oswald', 'Helvetica Neue', 'Arial', sans-serif;
  margin-bottom: 20px;
}

footer #rodape {
  width: 100%;
  display: table;
  background-color: #004C84;
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
  padding: 15px 5px 20px 5px;
  line-height: 1.5;
  border-top: 0px solid #2AB6F7;
}

footer #rodape ul {
  margin-top: 10px;
  padding-left: 0px;
}

footer #rodape div {
  padding: 5px;
}

footer #rodape a {
  color: #FFF;
}

footer #unidades {
  margin: 10px;
  display: table;
}

footer #unidades div {
  padding: 0px 7px 0px 7px;
}

footer #unidades img {
  width: 100%;
  margin-bottom: 10px;
}

footer #unidades hr {
  border: 1px solid #0E7ED1;
  margin: 0px 0px 10px 0px;
}

footer #endereco {
  background-color: #2C2C2C;
  height: 60px;
}

footer .social {
  list-style: none;
}

footer .social li {
  display: inline;
}

footer .img-logo-rodape {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 70px;
}

@media (max-width:767px) {
  main {
    padding-bottom: 0px;
  }

  main #lista-conteudo img {
    height: auto;
    width: 100%;
  }

  main #ultimas-noticias button {
    width: 100%;
  }
}

@media (min-width:768px) {
  .container {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  main #bem-vindo {
    margin-top: 0px;
  }

  main #bem-vindo .img-1 {
    padding: 0px 6px 3px 0px;
  }

  main #bem-vindo .img-2 {
    padding: 3px 6px 0px 0px;
  }

  main #bem-vindo .img-3 {
    padding: 0px 0px 0px 0px;
  }

  main #lista-conteudo img {
    float: left;
    height: 115px;
    width: 180px;
  }

  main #ultimas-noticias button {
    width: 25%;
  }

  #cssmenu ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  #cssmenu ul ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

@media (min-width:992px) {
  .col-md-height {
    overflow: hidden;
  }

  body #main {
    padding-right: 25px;
  }

  body #menu {
    padding-left: 20px;
    margin-bottom: 20px;
  }

  main {
    padding-bottom: 0px;
  }

  main .thumbnail {
    height: 225px;
  }

  header #cabecalho {
    background: url('imagens/arte-topo-2.png') no-repeat right #004C84;
  }

  header #cabecalho h1 {
    text-align: left;
    font-size: 27px;
  }

  header .img-logo-cabecalho {
    float: left;
  }

  header .img-logo-cefet {
    float: right;
    margin-top: 50px;
    margin-right: 25px;
  }

  footer #unidades {
    margin-left: 15px;
    margin-right: 15px;
    display: table;
  }

  #cssmenu ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

@media (min-width:1200px) {
  main .thumbnail {
    height: 200px;
  }
}

@media (min-width:1000px) {

  #menu {
    width: 282px;
  }

  #principal {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
}

.carousel-inner {
  max-height: 378px;
}

.carousel-caption.legenda {
  left: 0;
  right: auto;
  bottom: 0;
  text-align: left;
  /* texto alinhado à esquerda */
  padding: 40px 20px 8px 20px;
  width: 100%;
  /* ocupa largura toda (opcional) */
  box-sizing: border-box;

  /* Estilo do texto */
  color: #fff;
  font-size: 0.9em;

  /* Fundo com degradê preto */
  background: RGBA(0, 0, 0, 0.37)
}

#rodape-custom {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #004c84;
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
  padding: 15px 5px 20px 5px;
  line-height: 1.5;
  border-top: 0px solid #2AB6F7;
  padding: 2.5rem 5rem;
}