@charset "UTF-8";

/* ----------------------------------------------------------------- */

/*               File of global functions (mixin)                    */

/* ----------------------------------------------------------------- */

#meu-sindicato {
  padding-top: 20px;
}

#meu-sindicato h2 {
  font-size: 1.4em;
  color: #0B3C5E;
}

#meu-sindicato h3 {
  margin-top: 8px;
  font-size: 1.3em;
  color: #53A6D8;
}

#meu-sindicato h4 {
  font-size: 1.2em;
}

#meu-sindicato p {
  margin-top: 20px;
  color: #333;
  font-size: 1.3em;
  line-height: 1.1em;
  font-family: Arial, Helvetica, sans-serif;
}

#meu-sindicato .__text--1 {
  font-family: "Anton", sans-serif;
  color: #53A6D8;
  line-height: inherit;
  font-size: 1.3em;
  margin-top: 10px;
}

#meu-sindicato .__text--1 span {
  color: #B3B3B3;
  padding-left: 10px;
}

#meu-sindicato .__text--2 {
  font-family: "Anton", sans-serif;
  font-size: 1.2em;
  line-height: 1em;
  padding: 8px 0;
}

#meu-sindicato .__text--3 {
  font-family: "Anton", sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.1em;
  line-height: 1em;
}

#meu-sindicato .destaques {
  font-family: "Anton", sans-serif;
}

#meu-sindicato .destaques .__card--box {
  color: #333;
  padding: 25px 20px 0 25px;
}

#meu-sindicato .destaques .__card--box .logo {
  height: 180px;
  border: solid 1px #0B3C5E;
  border-left-width: 8px;
  border-right-width: 8px;
  margin-bottom: 20px;
  background-color: #0B3C5E;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#meu-sindicato .destaques .__card--box h2 {
  text-align: center;
  margin-bottom: 10px;
}

#meu-sindicato .destaques .__card--box .__card--content .__text--3 {
  text-align: center;
}

#meu-sindicato .card-body {
  margin-top: 10px;
}

#meu-sindicato .accordionStandard {
  margin-top: 20px;
  /* Buttons Editais */
  /**
  * Padrão hover
  *
  * Style implementado no arquivo "_styles-shared.scss"
  * Style para os SVGs de download dos Editais
  *
  * @subpackage 
  */
}

#meu-sindicato .accordionStandard .download {
  text-align: center;
}

#meu-sindicato .accordionStandard .__card--acordion {
  margin-top: -15px;
  margin-bottom: 20px;
  /* Icons Socials Midia */
  /**
  * Padrão hover
  *
  * Style implementado no arquivo "_styles-shared.scss"
  * Style default para os icones
  * de redes sociais cinzas
  * e com os incones no layout padrão vertical
  *
  * @subpackage 
  */
}

#meu-sindicato .accordionStandard .__card--acordion .row {
  width: 100%;
}

#meu-sindicato .accordionStandard .__card--acordion .__card--box {
  line-height: 1.4em;
  color: #333;
  padding: 25px 20px 0 25px;
}

#meu-sindicato .accordionStandard .__card--acordion .__card--box:first-child {
  /* Medium devices (tablets, 768px and up) */
}

@media (min-width: 768px) {
  #meu-sindicato .accordionStandard .__card--acordion .__card--box:first-child {
    border-right: solid 1px #C1C1C1;
  }
}

#meu-sindicato .accordionStandard .__card--acordion .__card--box .__card--content > div:last-child {
  border-bottom: solid 1px #C1C1C1;
  margin-top: 20px;
}

#meu-sindicato .accordionStandard .__card--acordion:first-child .__card--box {
  padding-top: 0;
}

#meu-sindicato .accordionStandard .__card--acordion:last-child .__card--content > div:last-child {
  border-bottom: 20px !important;
}

#meu-sindicato .accordionStandard .__card--acordion .__icons--editais {
  text-align: center;
  margin: 20px auto;
  /* Button Edital */
  /**
  * Padrão hover
  *
  * Style implementado no arquivo "_styles-shared.scss"
  * Style para os SVGs de download dos Editais
  *
  * @subpackage 
  */
}

#meu-sindicato .accordionStandard .__card--acordion .__icons--editais .SHARED__download {
  text-align: center;
}

#meu-sindicato .accordionStandard .__card--acordion .titulo-btns {
  color: #919191;
  font-size: 1.1em;
  text-align: center;
}

#meu-sindicato .accordionStandard .__card--acordion .SHARED__icons__socials--midia {
  width: 100%;
  display: flex;
  justify-content: space-between;
  max-width: 330px;
  margin: -5px auto 30px auto;
}

