/*
Theme Name: Notícias do Acre - 2017
Theme URI: <a rel="nofollow" href="http://www.agencia.ac.gov.br" class="vglnk"><span>http</span><span>://</span><span>www</span><span>.</span><span>agencia</span><span>.</span><span>ac</span><span>.</span><span>gov</span><span>.</span><span>br</span></a>
Description: Not~icias do Acre - 2017
Author: Adaildo Neto e Thennyson Passos
Author URI: <a rel="nofollow" href="http://www.agencia.ac.gov.br" class="vglnk"><span>http</span><span>://</span><span>www</span><span>.</span><span>agencia</span><span>.</span><span>ac</span><span>.</span><span>gov</span><span>.</span><span>br</span></a>
*/

 body{
   font-family: 'Raleway', sans-serif;
 }

 html, body, .block{
   height: 100%;
 }

@media only screen and (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
 @font-face{
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?b11s3z');
  src:  url('assets/fonts/icomoon.eot?b11s3z#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?b11s3z') format('truetype'),
    url('assets/fonts/icomoon.woff?b11s3z') format('woff'),
    url('assets/fonts/icomoon.svg?b11s3z#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"]
{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-aldeia-04:before
{
    content: "\e905";
}

.icon-aldeia-01:before
{
    content: "\e902";
}

.icon-aldeia-02:before
{
    content: "\e903";
}

.icon-aldeia-03:before
{
    content: "\e904";
}

.icon-logo-agencia2017-01:before
{
    content: "\e900";
}

.icon-logo-agencia2017-02:before
{
    content: "\e901";
}
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

nav .button-collapse i {
    line-height: 48px;
}

/*nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i{
height: 80px;
line-height: 80px;
}*/

#especiais h2, #videos h2, #agenda-cultural h2{
  font-size: 1.4rem;
}

.navbar-fixed{
	position: fixed;
}

.modal{
  max-height: 80%;
}

@media (max-width:480px){
  .modal{
  width: 96% !important;
}}



.modal-footer{
    /*background-color: #000 !important;*/
    border-top: 4px solid red;
}

.button-collapse {
    z-index: 90 !important;
}

.row {
    margin-bottom: 0px;
}
/*
#search {
  position: relative;
  float: left;
  width: 60px;
  height: 60px;
  margin-left: -60px;
margin-top: 10px;}

#label {
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 20; }
  #label label {
    display: block;
    width: 30px;
    height: 30px;
    background: url("assets/img/search.png") 0 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    cursor: pointer; }
  #label.active label {
    background: url("assets/img/search.png") -30px 0; }

#input {
  position: absolute;
  top: 0;
  right: 60px;
  width: 450px;
  height: 60px;
  z-index: 5;
  overflow: hidden; }
  @media (max-width: 480px) {
  #input {
    width: 300px !important; }
  }
  #input input {
    display: block;
    position: absolute;
    top: 0;
    right: -450px;
    width: 450px;
    height: 100%;
    margin: 0;
    padding: 0 10px
    border: none;
    background-color: #fff;
    color: #333;
    font-size: 18px;
    -webkit-backface-visibility: none;
    -moz-backface-visibility: none;
    -ms-backface-visibility: none;
    backface-visibility: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -ms-transition: right 0.3s;
    -o-transition: right 0.3s;
    transition: right 0.3s; }
@media (max-width:480px){
  #input input {
    width: 300px !important;
  }
}
    #input input:focus {
      outline: none; }
  #input.focus {
    z-index: 20; }
  #input.focus input {
    left: 0;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s; }
    #input.focus input {
      right: 0;
      -webkit-transition: right 0.3s;
      -moz-transition: right 0.3s;
      -ms-transition: right 0.3s;
      -o-transition: right 0.3s;
      transition: right 0.3s; }
*/

#search {
  position: relative;
  float: left;
  width: 60px;
  height: 60px;
  margin-left: -60px;
  margin-top: 10px;}

@media (max-width: 480px) {
  #search {
  margin-top: 0;
}}

#label {
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 999; }
  #label label {
    display: block;
    width: 30px;
    height: 30px;
    background: url("assets/img/search.png") 0 0 no-repeat;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
  top: 8px;
  right: 0; }
  #label.active label {
    background: url("assets/img/search.png") -30px 0 no-repeat; }

#input {
  position: absolute;
  top: -10px;
  right: 0;
  width: 450px;
  height: 64px;
  z-index: 99 !important;
  overflow: hidden; }
  @media (max-width: 480px) {
  #input {
    width: 300px !important;
    height: 56px;
    top: -5px; }
  }
  #input input {
    display: block;
    position: absolute;
    bottom: 80px;
    width: 450px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: none;
    background-color: #fff;
    color: #333;
    font-size: 18px;
    -webkit-backface-visibility: none;
    -moz-backface-visibility: none;
    -ms-backface-visibility: none;
    backface-visibility: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: bottom 0.4s;
    -moz-transition: bottom 0.4s;
    -ms-transition: bottom 0.4s;
    -o-transition: bottom 0.4s;
    transition: bottom 0.4s; }
@media (max-width:480px){
  #input input {
    width: 300px !important;
  }
}
    #input input:focus {
      outline: none; }
  #input.focus {
    z-index: 20; }
  /*#input.focus input {
    left: 0;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s; }*/
    #input.focus input {
      bottom: 0;
      -webkit-transition: bottom 0.4s;
      -moz-transition: bottom 0.4s;
      -ms-transition: bottom 0.4s;
      -o-transition: bottom 0.4s;
      transition: bottom 0.4s; }

input[type="text"]{
  border-bottom: 0 !important;
}

a.button-collapse{
	display: block !important;
}

.button-collapse{
	float: left;
}

.brand-logo {
    position:absolute;
    font-size: 2.2rem !important;
}

@media (min-width: 1024px){
.brand-logo {
    left: 40% !important;
    position:absolute;
    font-size: 2.8rem !important;
}
}

.logo-icone, .logo-nome{
	vertical-align: middle;
    display: table-cell;
}

.logo-nome{
	font-size: 1.2rem;
	padding-left: 10px;
}

/* FIM css Módulo Navegação */

/* INICIO css Módulo Menu */
.side-nav .userView {
    position: relative;
    padding: 32px 32px 0;
    margin-bottom: 8px;
}

.side-nav .userView .background {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

/* FIM css Módulo Menu */

/* INICIO css Módulo Chips */
  .mod-chips{
    margin: 0;
  }

  .mod-chips li{
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.6) !important;
    float: left;
  }

  .mod-chips a{
    margin-right: 10px;
    background-color: #ffcc80;
  }

  .mod-chips a:hover{
    color: #ffffff;
    background: #ff9800;
  }

  .btn-aldeia a{
    margin: 0 40px 0 0;
    padding: 0;
  }

/*
  .mod-chips li:hover{
    background-color: #ff9800;
    color: #fff !important;
  }
  .mod-chips a{
    color: #fff !important;
  }
  .mod-chips a:hover{
    color: #fff !important;
  }*/
/* FIM css Módulo Menu */
.header{
  padding-top: 60px;
}
.header-post{
  padding-top: 70px;
}

@media (max-width: 480px){
  .header{
    padding-top: 65px;
  }
}


 .noticias-imagem {
   overflow:hidden;
   width:50%;
   height: 350px;
   position: relative;
   margin-right:5px;
 }

.noticias-imagem-2 {
  overflow:hidden;
  width: 100%;
  height: 200px;
  position: relative;
}

.bloco-topo {
   position: absolute;
   top: 5px;
   left: 10px;
 }


/* INICIO css Módulo Slider */
.slider-noticias-container{
  position: relative;
  width: 100%;
}

.slider-noticias-container h2{
  color: #fff;
  margin: 0;
  width: 10%;
  padding: 0 0 20px 20px;
  position: absolute;
  bottom: 0;
  font-weight: 600;
  font-size: 1.70rem;
  text-shadow: 0 1px 3px rgba(0,0,0,.8);
}

@media (max-width: 480px) {
.slider-noticias-container h2{
  font-size: 1.10rem;
}}

@media (max-width: 480px){
  nav{
    height: 50px;
    line-height: 50px;
}
}

@media (max-width: 480px){
  nav a.button-collapse{
    height: 50px;
    line-height: 50px;
}
}

.img-slider{
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0 auto;
  height: 400px;
  box-shadow: 0px 0px 0px 0px rgb(0, 0, 0), 0px 0px 160px 0px rgb(0, 0, 0) inset;
  border-radius: 3px;
}

.line-text{
  width: 70px;
  height: 3px;
  display: block;
  margin-bottom: 10px;
}

.slick-dots {
    position: inherit !important;
}

@media (max-width: 480px) {
  .img-slider{
  height: 300px;
  }
}
/* FIM css Módulo Slider */

/* INICIO css Módulo Notícias */

.nocanto1 {
    position: absolute;
    top: 5px;
    left: 10px;
}
.nocanto2
{
    position: absolute;
    top: 5px;
    right: 10px;
}

.nocanto3
{
    position: absolute;
    bottom: 5px;
    left: 10px;
}

.nocanto4
{
    position: absolute;
    bottom: 5px;
    right: 10px;
}
.tamanho-icones {
    font-size: 20px;
}
.icons-social {
    margin-right: 20px;
    position: static;
}

.destaque-titulo {
  font-size: 2rem !important;
  line-height: 2.1rem !important;
}


@media (max-width:1200px){
.bloco-img-agenda-post {
  height: 340px !important;
}
.destaque-titulo {
  font-size: 1.8rem !important;
  line-height: 1.8rem !important;
}
.bloco-des-noticias2 a, .bloco-des-noticias4 a {
  font-size: 1.3rem !important;
  line-height: 1.4rem !important;
}
  .bloco-des-noticias3 a,
  .bloco-des-nogabinete a,
  .bloco-des-artigo a,
  .bloco-des-video a {
    font-size: 1.2rem !important;
    line-height: 1.2rem !important ;
  }

}
@media (max-width:480px){
.destaque-titulo {
  font-size: 1.4rem !important;
  line-height: 1.4rem !important;
}
.bloco-des-noticias2 a, .bloco-des-noticias4 a {
  font-size: 1.6rem !important;
  line-height: 1.6rem !important;
}
  .bloco-des-noticias3 a,
  .bloco-des-nogabinete a,
  .bloco-des-artigo a,
  .bloco-des-video a {
    font-size: 1.4rem !important;
    line-height: 1.4rem !important ;
  }

}

.destaque-resumo {
  margin-top: 10px;
  display: block;
}
.painel-noticias{
  overflow:hidden;
  height: 350px;
  position: relative;
}

.painel-noticias2
{
    overflow: hidden;
    height: 200px;
    position: relative;
}

@media (max-width:480px)
{
    .painel-noticias2
    {
        height: 350px;
    }
}

.especiais-img{
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0 auto;
}

.especiais-img2{
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0 auto;
  box-shadow: 0px 0px 0px 0px rgb(0, 0, 0), 0px 0px 160px 0px rgb(0, 0, 0) inset;
}

.bloco-img-noticias{
  width: 50%;
  float: left;
  height: 350px;
}

.bloco-img-noticias2{
  height: 350px;
}

.bloco-img-noticias3{
  width: 100%;
  height: 200px;
}

.bloco-img-noticias5
{
    width: 50%;
    float: left;
    height: 200px;
}

@media (max-width: 480px) {
.bloco-img-noticias, .bloco-img-noticias5{
  width: 100%;
  height: 200px;
}
}
.bloco-des-noticias2{
  position: absolute;
  top: 40%;
}
.nocentro {
  position: absolute;
  top: 40%;
}
.bloco-des-noticias4 a{
  font-size: 1.8em;
  text-align: center;
  display: block;
  line-height: 1.2em;
}

.bloco-des-noticias2 a{
  font-size: 1.8em;
  font-weight: bolder;
  text-align: center;
  display: block;
  line-height: 1.2em;
  text-shadow: 0 1px 3px rgba(0,0,0,.8);
}
.bloco-des-noticias3, .bloco-des-nogabinete{
  width: 100%;
  padding: 10px;
}
.bloco-des-artigo{
  width: 100%;
  padding: 10px 10px 40px 10px;
}
.bloco-des-video{
  width: 100%;
  padding: 10px;
}
.bloco-des-noticias4{
  position: absolute;
  top: 30%;
}
.bloco-des-noticias{
    width: 50%;
    float: right;
    position: relative;
    padding: 20px;
}
@media (max-width: 480px) {
.bloco-des-noticias{
  width: 100%;
}
}
.bloco-des-noticias a, .bloco-des-noticias3 a, .bloco-des-nogabinete a, .bloco-des-artigo a, .bloco-des-video a{
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
  line-height: 22px;
  padding-top: 5px;
}
.destaque-chamada{
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.social{
  position: absolute;
  right: 20px;
  bottom:20px;
}
@media (max-width: 480px) {
  .social{
    bottom:0px;
  }
}

.btn-mais{
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  margin-bottom: 8px;
}

.espaco1
{
    padding-left: 40px;
}

.linha-video
{
    border-bottom: 5px solid #c62828;
}

.linha-nogabinete
{
    border-bottom: 5px solid #689f38 ;
}



/* FIM css Módulo Notícias */

/* INICIO css Módulo Especiais*/

.box-especiais-g{
  height: 250px;
  position: relative;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
.box-especiais-g{
  font-size: 1.2rem;
  height: 180px;
}
}
.box-especiais-p{
  height: 180px;
  position: relative;
  font-size: 1.2rem;
}
.titulo-especiais{
  position: absolute;
  left: 20px;
  bottom: 20px;
  padding-right:25%;
  text-shadow: 0 1px 3px rgba(0,0,0,.8);
  font-weight: bolder;
  line-height: 1.5rem;
}
.especiais-img{
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0 auto;
}

.b1{
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
@media (max-width: 480px) {
  .b1{
    border-right: none;
  }
}
.b2{
  border-bottom: 2px solid #ffffff;
}
.b3{
  border-right: 2px solid #ffffff;
}
@media (max-width: 480px) {
  .b3{
    border-right: none;
    border-bottom: 2px solid #ffffff;
  }
}

/* FIM css Módulo Especiais */

/* INICIO css Módulo Vídeos */
.box-videos{
  height: 220px;
  position: relative;
  font-size: 1.2rem;
  margin: 10px;
}

.box-videos i{
  left: 40%;
  position: absolute;
  top: 30%;
  font-size: 5.2rem;
}

/* FIM css Módulo Vídeos */

/* INICIO css Módulo Vídeos */
.ativo{
  background-color: #f57c00 !important;
  color: #fff !important;
}
/* FIM css Módulo Vídeos */

.img-post
{
    width: 100%;
    height: 400px;
}

.img-post2
{
    width: 100%;
    height: 720px;
}

@media (max-width:479px)
{
    .img-post
    {
        width: 100%;
        height: 300px;
    }
    .img-post2
    {
        width: 100%;
        height: 300px;
    }
}

.card-content h1
{
    font-family: Raleway;
    font-size: 25pt;
    font-weight: 600;
    font-variant: normal;
    line-height: 1.5;
    margin-top: 20px;
    line-height: 1.2;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 20px;
    border-left: 3px solid #afafaf;
}
.card-content h2
{
    font-family: Raleway;
    font-size: 20pt;
    font-weight: 600;
    font-variant: normal;
    line-height: 1.5;
    margin-top: 20px;
    line-height: 1.2;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 20px;
}

.btnsocial {

	padding-top: 40px;
	padding-left: 20px;

}
.btnsocial a {
	margin-bottom: 10px;
}

.card-content p
{
    font-size: 15pt;
    font-family: Raleway;
    padding-bottom: 30px;
    line-height: 1.8;
}

@media (max-width:479px)
{
    .card-content h1
    {
        font-size: 20pt;
    }
    .card-content p
    {
        font-size: 13pt;
        font-style: \n ];
    }
}

.autor-post
{
    font-size: 13pt;
}

.autor-post:before
{
    font-family: FontAwesome;
    content: "\f2be";
}

.data-post
{
    font-size: 10pt;
}

.data-post:after
{
    content: "";
}

.data-post:before
{
    font-family: FontAwesome;
    content: "\f073";
}

.hora-post
{
    font-size: 10pt;
}

.hora-post:before
{
    font-family: FontAwesome;
    content: "\f017";
}

@media (max-width:479px)
{
    .autor-post
    {
        font-size: 10pt;
    }
    .data-post
    {
        font-size: 10pt;
    }
    .hora-post
    {
        font-size: 10pt;
    }
}

.info-post
{
    font-family: Raleway;
    font-weight: lighter;
    font-variant: small-caps;
}

.post
{
    margin-top: -50px;
}

@media (max-width:479px)
{
    .post
    {
        margin-top: 5px;
    }
}

.icons-menu
{
    margin-bottom: 20px;
}



/* Imagens responsivas dentro do Post */

.menu-topo {
    height: 55px;
    overflow: hidden;
}
.menu-topo2018 {
    height: 55px;
    overflow: hidden;
}


.menu-topo a
{
    font-family: Raleway;
    font-size: 20px;
    font-weight: lighter;
    margin-right: 20px;
    line-height: 40px;
    text-transform: none;
    font-variant: normal;
    color: #afafaf;
}
.menu-topo2018 a
{
    font-family: Raleway;
    font-size: 20px;
    font-weight: lighter;
    margin-right: 20px;
    line-height: 40px;
    text-transform: none;
    font-variant: normal;
    color: #dd2c00;
}

.ul-menu-categorias{
  display: inline-flex;

}

nav .button-collapse {
    margin: 0 !important;
}

.redealdeia
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* agenda cultural */
.painel-agenda {
    overflow: hidden;
    height: 430px;
    position: relative;
}


.bloco-img-agenda-post {
    width: 100%;
    height: 540px;
}

@media (max-width:479px)
{
   .bloco-img-agenda-post {
    width: 100%;
    height: 320px;
	}
}


.bloco-img-agenda {
    width: 100%;
    height: 320px;
}

.bloco-des-agenda {
    width: 100%;
    padding: 20px;
}

.agenda-data-hora, .agenda-local {
    display: block;
}



/*
	Docs at http://http://simpleweatherjs.com
	Look inspired by http://www.degreees.com/
  	Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/

@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}




#weather, #weather2 {
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
}

#weather  i, #weather2 i {
  color: #fff;
  font-family: weather;
  font-size: 90px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
}

.icom-0:before { content: ":"; }
.icom-1:before { content: "p"; }
.icom-2:before { content: "S"; }
.icom-3:before { content: "Q"; }
.icom-4:before { content: "S"; }
.icom-5:before { content: "W"; }
.icom-6:before { content: "W"; }
.icom-7:before { content: "W"; }
.icom-8:before { content: "W"; }
.icom-9:before { content: "I"; }
.icom-10:before { content: "W"; }
.icom-11:before { content: "I"; }
.icom-12:before { content: "I"; }
.icom-13:before { content: "I"; }
.icom-14:before { content: "I"; }
.icom-15:before { content: "W"; }
.icom-16:before { content: "I"; }
.icom-17:before { content: "W"; }
.icom-18:before { content: "U"; }
.icom-19:before { content: "Z"; }
.icom-20:before { content: "Z"; }
.icom-21:before { content: "Z"; }
.icom-22:before { content: "Z"; }
.icom-23:before { content: "Z"; }
.icom-24:before { content: "E"; }
.icom-25:before { content: "E"; }
.icom-26:before { content: "3"; }
.icom-27:before { content: "a"; }
.icom-28:before { content: "A"; }
.icom-29:before { content: "a"; }
.icom-30:before { content: "A"; }
.icom-31:before { content: "6"; }
.icom-32:before { content: "1"; }
.icom-33:before { content: "6"; }
.icom-34:before { content: "1"; }
.icom-35:before { content: "W"; }
.icom-36:before { content: "1"; }
.icom-37:before { content: "S"; }
.icom-38:before { content: "S"; }
.icom-39:before { content: "S"; }
.icom-40:before { content: "M"; }
.icom-41:before { content: "W"; }
.icom-42:before { content: "I"; }
.icom-43:before { content: "W"; }
.icom-44:before { content: "a"; }
.icom-45:before { content: "S"; }
.icom-46:before { content: "U"; }
.icom-47:before { content: "S"; }

#weather h2, #weather2 h2  {
  margin: 0 0 8px;
  color: #fff;
  font-size: 50px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul, #weather2 ul {
  margin-top: 5px;
  padding: 0;
}

#weather li, #weater2 li {
  background: #fff;
  background: rgba(255,255,255,0.80);
  padding: 10px;
  display: inline-block;
  border-radius: 5px;
}

#weather .currently, #weather2 .currently  {
  margin: 0 20px;
}


/* Legendas */
.wp-caption-text {
	text-align: center;
}


.wp-caption p {
	font-size: 11pt;
	color: #CCC;
	padding: 5px 20px 20px 20px;
}


/* Filtros */

.efeito {
  	filter: grayscale(0.5);
    	-webkit-filter: grayscale(0.5);
}

/* imagens dentro dos posts */

.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}

img .alignright {float:right; margin:0 0 1em 1em}
img .alignleft {float:left; margin:0 1em 1em 0}
img .aligncenter {display: block; margin-left: auto; margin-right: auto}
a img .alignright {float:right; margin:0 0 1em 1em}
a img .alignleft {float:left; margin:0 1em 1em 0}
a img .aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Galeria de imagens - Masonry */

.gallery-columns-0 .gallery-item {
    width: 100%;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
 width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33.33%;
}
.gallery-columns-4 .gallery-item {
 width: 25%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery .gallery-item {
 text-align: center;
 display: inline-block;
 padding: 0px 0px 0px 0px;
 margin: 0px;
}

@media all and (max-width:680px) {

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
 width: 100%;
 padding-right: 0;
}

}

#wpadminbar {
      position:fixed;
      z-index: 1000;
      height: 40px;
}

#wp-calendar td {
  padding: 1px 1px !important;
}

/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/

/*
This element holds injected scripts inside iframes that in
some cases may stretch layouts. So, we're just hiding it.
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* customizando a logo da agencia no login */

.login h1 a {
background-image: url('http://www.agencia.ac.gov.br/wp-content/uploads/2017/04/logo.png');
background-size: 100px 100px;
width: 100px;
height: 100px;
}

body.login {
	background: url('http://www.agencia.ac.gov.br/wp-content/uploads/2017/06/IMG_1066.jpg') no-repeat center center fixed;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

/* imagens antes e depois */
@import "lesshat";

.ba-slider {
    position: relative;
    overflow: hidden;
}

.ba-slider img {
    width: 100%;
    display:block;
}

.resize {
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}


.handle { /* Thin line seperator */
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:4px;
  margin-left:-2px;

  background: rgba(0,0,0,.5);
  cursor: ew-resize;
}

.handle:after {  /* Big orange knob  */
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;

    content:'\21d4';
    color:white;
    font-weight:bold;
    font-size:36px;
    text-align:center;
    line-height:64px;

    background: #ffb800; /* @orange */
    border:1px solid #e6a600; /* darken(@orange, 5%) */
    border-radius: 50%;
    transition:all 0.3s ease;
    box-shadow:
      0 2px 6px rgba(0,0,0,.3),
      inset 0 2px 0 rgba(255,255,255,.5),
      inset 0 60px 50px -30px #ffd466; /* lighten(@orange, 20%)*/
}

.draggable:after {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    line-height:48px;
    font-size:30px;
}

.tamanho {
  width: 300px!important;
}
/* Aspas via shortcodes */
#quotes span {
  font-size:15px;
  line-height: normal;
  display: grid;
}
#quotes span.title {
  font-size:18px;
  font-weight: bold;
}

.aspasimg {

margin-top:-20px;
margin-bottom:10px;
margin-right:20px;
width: 120px;
height: 120px;

}

.tituloefeito3d {
  text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}

.grande {
  font-size: 80px;
  font-weight: 700;
  font-style: capitalize;
  font-family: Roboto Sans;
  text-align: center;
}
@media (max-width:479px){
  .grande {
    font-size: 30px;
  }
}

.postex {
  margin-top:75px;
}

.shadowcss {
    text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.91);
}

/* fluid 5 columns */


.gradiente-logo{
    background-image: linear-gradient( 180deg, #FEC163 10%, #DE4313 100%);

}

.gradiente2018 {
  background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-size: 100% 100%;
  }

#queroler div {
  text-align:center;
  padding:5% 0;
  font-size:9em;
  line-height:1;
  font-family:sans-serif;
  font-weight:700;
  white-space:nowrap;
}

#queroler span {
  display:inline-block;
  transition:all 0.5s;
  transition-timing:cubic-bezier(0,1,0,1);
}

.parallax-container {
    height: 720px;
 }

 .thumbnews {
    width: 120px!important;

 }

 .bloco-thumbnews a,
  {
   font-size: 1.1rem !important;
   line-height: 1.1rem !important ;
 }
 .bloco-thumbnews {
   width: 100%;
   padding: 5px;
 }