/*
Theme Name: De Olho na CFEM
Theme URI: http://deolhonacfem.org/
Description: Tema para De Olho na CFEM
Version: 1.0
Author: Gustavo Mergulhao
Author URI: http://www.gustavomergulhao.com.br
*/


* {
  margin:0px auto;
  padding: 0px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;    
}

body {
  background-color:#FFF;
  font-family: 'Lato', Arial, Tahoma, sans-serif;
  font-size: 16px;
}

a {
  color:#333;
  text-decoration:underline;
}

a:hover {
  color:#999;
  text-decoration:none;
}

hr { border:0; border-bottom:1px dotted #999999; height:1px; background-color:#fff; }
 
table tr td { 
  vertical-align:top;
  text-align:left;
}

h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 600; }
h1, h2, h3 { margin-bottom: 20px; }

/**** wordpress classes ****/
.wpb_heading.wpb_singleimage_heading {
  font-size: 16px;
  text-align: center;
  color: #333;
}

/**** geral ****/

.wpb_wrapper img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-gray-03 {
  filter: grayscale(100%);
  opacity: .3;
}


/**** titulo ****/

.titulo-internas {
  margin-bottom: 30px;
}

.titulo-contato {
  width: 100%;
  text-align: center;
  margin: 30px 0;
}


/**** header ****/
          
.logo {
  height: 200px;
  display: inline-block;
  padding-top: 40px;
}

.logo a {
  display: inline-block;
  float: left;
}

.logo img {
  margin-left: 15px;
}

.titulo-destaques {
  position: absolute;
  top: 0;
  z-index: 1;
}


/**** menu ****/

.legenda-menu {
  display: none;
}

.navbar-default {
  background-color: #57373a;
  border: 0;
  border-radius: 0;
}

.navbar-default .navbar-collapse {
  margin-left: -15px;
  margin-right: -15px;
}

.navbar-default .navbar-nav {
  display: flex;
  width: 100%;
}

.navbar-nav.navbar-nav > li > a {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  padding: 15px 12px;
}

.navbar-default .navbar-nav > li > a:hover {
  border-color: #57373a; 
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .current-menu-item > a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background-color: rgba(0,0,0,0.1);
  color: #fff;
}

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

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 5px;
  width: 100%;
  z-index: 555;
  list-style-type: none;
  border: 1px solid #57373a;
  border-radius: 5px;
  box-shadow: 0 0 10px #57373a;
}

.dropdown-menu li a {
  display: block;
  text-decoration: none;
  padding: 6px 12px;
  white-space: normal;
}

.dropdown-menu li a:hover {
  color: #fff;
  background-color: #57373a;
  border-radius: 3px;
}
          
              
/**** footer ****/

.footer {         
  border-top: 40px solid #57373a;
}   

  .footer .textwidget {
    text-align: left;
    padding: 5px 0;
  }

  .footer-logo-widget {
    margin-top: 50px;
  }

    .footer-logo-widget .wp-block-columns .wp-block-column {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .footer-logo-widget .wp-block-columns .wp-block-column img {
      max-width: 90%;
    }

    .footer-logo-widget .wp-block-columns .footer-redes img {
      max-width: 80%;
    }

    .footer-logo-widget .wp-block-column p {
      display: inline-block;
      width: 100%;
      font-size: 18px;
      font-weight: 600;
      color: #333;
    }

  .footer-info-widget {
    color: #666;
    padding-top: 15px;
    border-top:  1px solid #ddd;
  }

    .footer-info-widget .wp-block-column {
      margin-left: 0 !important;
    }

  .footer-menu-widget ul {
    display: flex;
    justify-content: center;
  }

    .footer-menu-widget ul li {
      list-style-type: none;
      margin: 0;
      border-right: 1px solid #999;
    }

    .footer-menu-widget ul li:last-child {
      border-right: 0;
    }

      .footer-menu-widget ul li a {
        text-decoration: none;
        color: #999; 
        font-weight: 300;
        padding: 8px 15px;
      }


/**** meio ****/       

.meio {
  min-height: 300px;
  padding-bottom: 30px;
  border:0;
  overflow:hidden;
} 

.conteudo {
  text-align: left;
  color: #333;
  overflow:hidden;
  border:0;
}   

.conteudo ul li {
  list-style-type:disc;
  margin-left: 20px;
}

.post-fixo {
  display: inline-block;
  margin-bottom: 30px;
}

.post-fixo .post-thumbnail {
  height: auto;
}

.post-fixo .post-categoria-inner {
  padding: 0;
}

.post-categoria-inner {
  padding: 0 5%;
}

.post-categoria .matchHeight {
  margin-bottom: 30px;
}

.post-category a {
  text-decoration: none;
}

  .post-title {
    position: relative;
    margin: 0 0 15px 0;
  }
    .post-title a {
      text-decoration: none;
      font-weight: 400;
    }      

  .post-thumbnail {
    margin-bottom: 5px;
    height: 150px;
    overflow: hidden;
  }  

  .post-excerpt {
    position: relative;
    padding-bottom: 15px;
  }

    .post-excerpt .ver-mais {
      position: absolute;
      bottom: 0;
      right: 0;
      margin-top: 
    }

.post-publicado,
.wp_rp_publish_date {
  font-size: 12px;
  display: flex;
}

  .dia-publicado,
  .hora-publicada {
    display: flex;
    align-items: center;
  }

  .dia-publicado::before,
  .hora-publicada::before,
  .wp_rp_publish_date::before {
    display: inline-block;
    content: "";
    width: 24px;
    margin-right: 5px;
    background-size: contain;
  }

  .dia-publicado::before {
    height: 26px;
    background: transparent url(layout/icon-calendario.png) no-repeat center;
  }

  .hora-publicada::before {
    height: 24px;
    background: transparent url(layout/icon-tempo.png) no-repeat center;
  }

  .span-reading-time.rt-reading-time {
    margin: 0;
  }

  .post-fixo .dia-publicado,
  .post-fixo .hora-publicada {
    margin: 0 5% 0 0; 
  }

.categoria-videos {
  margin-bottom: 30px;
}

.categoria-videos h2 {
  margin-top: 0;
}

.categoria-videos .cat-post-item {
  display: flex;
  align-items: center;
}

.categoria-videos .cat-post-title {
  text-decoration: none;
  font-size: 22px;
  font-weight: 600;
}

.categoria-videos .cpwp-wrap-text-stage {
  width: 45%;
  margin-right: 10% !important;
}

.categoria-videos .cpwp-wrap-text-stage + div {
  width: 55%;
}

.wp-embed-aspect-16-9 {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.wp-embed-aspect-16-9 iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.wp-has-aspect-ratio {
  padding-bottom: 56.25%;
}

.post.no-results.not-found {
  background-color: #fff;
  width: 65%;
  display: block;
  padding: 25px;
  border: 1px solid #eee;
  box-shadow: #ddd 1px 1px 50px;
  border-radius: 10px;
  margin-top: 50px;
  margin-bottom: 50px;
}

  .no-results h3 {
    margin-top: 0;
  }

  .no-results .entry-content {
    display: flex;
  }

    .no-results .results-icon {
      font-size: 32px;
      margin: 0 15px 0 0;
    }

    .no-results .results-text {
      margin: 0;
    }


/*** sidebar ***/
.sidebar {
  min-height: 400px;
  padding-top: 25px;
  padding-bottom: 15px;
  margin-bottom: 50px;
}

.busca {
  margin-top: 50px;
  margin-bottom: 95px;
}

  .busca .wp-block-search__label {
    display: none;
  }

  .busca.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    border-radius: 5px;
  }

  .busca input::placeholder {
    color: #333;
  }

  .busca .wp-block-search__input {
    font-size: 14px;
  }

  .busca .wp-block-search__button {
    border: 0;
    background-color: transparent;
  }

  .busca .wp-block-search__button svg {
    transform: scale(-1,1);
  }

.listagem h2 {
  margin-bottom: 30px;
}

  .listagem .cat-post-item {
    list-style-type: none !important;
    margin-bottom: 25px !important;
  }

  .listagem .cpwp-wrap-text-stage {
    width: 90%;
    margin: auto !important;
  }

  #category-posts-2-internal li > div {
    margin-top: 0 !important;
  }

  #category-posts-2-internal li div .cat-post-crop {
    background-color: #eee;
    height: 133px;
    overflow: hidden;
  }

  .listagem .cat-post-thumbnail {
    display: block !important;
    margin: 0 0 5px 0 !important;
  }

  .listagem .cat-post-tax-category {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
  }

  .listagem .cat-post-tax-category a {
    text-decoration: none;
  }

    .listagem .cat-post-tax-category a::after {
      content: ',';
    }

    .listagem .cat-post-tax-category a:last-child::after {
      content: '';
    }

  .listagem .cat-post-title {
    display: block !important;
    font-size: 22px;
    font-weight: 400;
    text-decoration: none;
    line-height: 1.2em;
    margin-bottom: 10px;
  }
      
      
/**** PAGE NAVI CSS ****/

.paginacao {
  text-align: center;
}

.paginacao .wp-pagenavi a,
.paginacao .wp-pagenavi span {
  padding:6px 12px;
}

.paginacao .wp-pagenavi a:hover,
.paginacao .wp-pagenavi span.current {
  border:0;
  background-color: #57373a;
  color: #fff;
}

.wp-pagenavi span.current {
  font-weight: bold;
}