/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
:root {
  --fontSize:  62.5%;
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:var(--fontSize);
}
body {
    background-color: #01192F;
	font-family: Helvetica, sans-serif;
    /* font-size: 62.5% !important; */

}
a{
    color: #003F7B;
}
.links-uteis h4{
	  flex-basis: 100%;
	margin-left:20px

}
.topo {
    background-color: #000;
    color: #fff;
    font-size: 1.2em;
    font-family: Helvetica, sans-serif;
    padding: 5px 15px;
}
.topo p{
    font-size:1.6rem;
}
p.post-title{
	font-size: 1.8rem;
	
}
.img-banner{
    width: 100%;
    height: 100%;

}

p {
    margin: 0;
}
.page-item.active .page-link{
    background-color: #01192F;

}
.page-link{
    color: #01192F;

}
header .menu {
    background-color: #003F7B;
    border-radius: 0 0 10px 10px;
}

header .menu a {
    color: #fff;
}

.body .main {
    background-color: #fff;
}

.row.with-margin {
    margin: 30px 15px;

}

.slide .image {
    background-color: #ccc;
}
.slide p {
    font-size: 1.4rem;
}.slide h1 {
    font-size: 3rem;
}
.body .main {
    /* display: grid; */
    padding: 20px
}

.aspect-16-9 {
    width: 100%;
    padding-top: 56.25%;
    /* 1:1 Aspect Ratio */
    position: relative;
    /* If you want text inside of it */
}

.aspect-1 {
    width: 100%;
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
    position: relative;
    /* If you want text inside of it */
}
.flickr-thumb{
    background:#ccc;
    background-size: cover;
}
.aspect-thumb {
    width: 100%;
    padding-top: 60.25%;
    /* 1:1 Aspect Ratio */
    position: relative;
    /* If you want text inside of it */
}

.aspect-frame {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.aspect-16-9.image img,
.aspect-thumb.image img {

    width: 100%;
    height: 100%;
    object-fit: cover;

}

h1 {
    font-size: 1.875rem;
}

.slide p {
    font-weight: 100;
}

.grey {
    color: #8D8D8D;
}

.autor strong {
    color: #000;
}

#indicadores {
    margin: 30px 0;
    position: relative;
    border-bottom: 1px dashed #aaa;
}

#marcador {
    background: #003F7B;
    position: absolute;
    width: 33%;
    height: 6px;
    /* border: 1px solid #70707069;  */
    margin-top: -5px;
	 transition: margin-left .7s;
 }

p.post-date {
    font-weight: 100;
}


.vid_thumb {
    cursor: pointer;
    margin-bottom: 22px;

}

.col-posts:last-child {
    margin-bottom: 0;
}

.col-posts p {
    font-size: 1.4em
}

.home-title {
    border-bottom: 1px dashed #aaa;
    margin-bottom: 30px;
    display: flex;
    align-content: center;


}
.ver-todos{
    margin-left: auto !important;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
}
.home-title span {
    background-color: #003F7B;
    color: #fff;
    font-size: 1.4em;
    padding: 8px 10px;
    margin: 0;
    line-height: 2.3;
    font-weight: 300;
}

.informe-card {
    background-color: #01192F;
}

.informe-links a {
    display: block;
    line-height: 2.5;

    font-size: 1.6em;
    font-weight: 100;
    color: #000;
    border-bottom: 1px solid #aaa;
    margin-left: 15px;


}

.event-post {
    background: #fff;
    margin: 15px 0px;
    border-radius: 10px;
    color: #000;
    padding: 10px;
    border:1px solid #707070;
    transition: .2s all;
}
.event-post:hover{
        background: #003F7B;
    color: #fff;
    


}
.event-day{
    font-size: 3.5em; padding: 0 8px; }
.event-month{
    font-size: 18px;font-weight: 600;margin: 0;line-height: 1;; }
.event-hour{
    font-weight: 100;
    font-size: 12px;
    line-height: 1; 

}
.event-location{
    font-weight: 100;
    font-size: 15px;

}
.event-title{
    font-size: 15px;
    font-weight: 100;
    height: 49px;
    text-overflow: ellipsis;
    overflow: hidden;

}
#videos{display: block;background: #1A1A1A;color: #fff;margin: 0 -20px;padding: 20px 20px;}
#videos a{
    color:#fff;

}
#podcast{display: block;background: #AD4711;color: #fff;margin: 0 -20px;padding: 20px 20px;}
.menu .nav-item{
    font-size: 1.4em !important;
}

h2.title  {
    overflow: hidden;
    text-align: center;
    font-weight: 300;
    /* margin-top: 15px; */
    margin: 15px 30px 30px 30px;
}
h2.title:before,
h2.title:after {
    background-color: #6565654f;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
h2.title:before {
    right: 0.5em;
    margin-left: -50%;
}
h2.title:after {
    left: 0.5em;
    margin-right: -50%;
}
.noticias{
    font-family: Helvetica, sans-serif;

}
.noticias h1{
font-size: 3em;
}
.noticias p{
    font-size: 1.4rem;

}
.details{
    font-size: 1.4em;
margin: 20px 0;
font-weight: 100;
}
.thumb_post img {
    width: 99%;
}
.slide-link{
    color:#000 !important;
}
a.event-link{
    text-decoration: none;
}
#podcast span{
    font-size: 1.4rem;
    font-weight: 100;
}
#podcast h4{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px ;
}
.navbar-dark .navbar-nav .nav-link{
    margin: 0 7px;
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover{
    color:#fff;
    border-bottom: 1px solid #fff;
}
.dropdown:hover>.dropdown-menu {
    display: block;
   }

   .dropdown-menu{
       background-color: #01192F;
   }
   .dropdown-toggle::after{
       display: none !important;
   }
   .footer{
       padding-top: 100px;
       background-color: #fff;
       padding: 20px;

   }
   .footer p{
       font-size: 1.4rem;

   }
   .foot{
       background-color: #000;
       color:#fff;
       padding: 10px 20px;
       font-size: 1.4rem;
   }

   ul.menu_rodape {
    -moz-column-count: 2;
    -moz-column-gap: 1px;
    -webkit-column-count: 2;
    -webkit-column-gap: 1px;
    column-count: 2;
    column-gap: 1px;
    display: inline-block;
    flex-wrap: unset;
    -webkit-column-rule: 4px double #ff00ff;
    -moz-column-rule: 4px double #ff00ff;
    column-rule: 1px solid #D7DFDF;
}

.menu-rodape .dropdown-menu{
    display: block;
    position: unset;
    box-shadow: none;
    background-color: unset;
    padding: 0;
    border: none;

}
.menu-rodape .dropdown-menu a{color: #707070; font-weight: 100 !important;}
.menu-rodape .nav-item {
    display: block;
padding: 0;
clear: both;

color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: none;
border: 0;
color: #646464 !important;
font-size: 15px;

}
.menu-rodape .nav-item a:hover {
text-decoration-color: #003F7B;
}
    .menu-rodape .nav-item a{
        color: #000;
            padding-left: 2rem;
            padding-right: 0;
                font-weight: 400;


}
img {
	max-width:100%;
	vertical-align:bottom;
}
.side{

    background-color: #F2F2F2;
    border-radius: 8px;
    box-shadow: 0 3px 6px #00000016;
    padding: 0;

}
.side-title{
    padding: 20px 30px 10px 20px;

    font-size: 1.5rem;
    border-bottom: 1.5px dashed #707070;

}

ul.arquivo-cat-list{
    margin: 20px 0;
    padding: 0;
    

}
ul.arquivo-cat-list li{    
    list-style-type: none;
}
ul.arquivo-cat-list a{
    padding: 7px 20px;
    width: 100%;
    display: block;
    font-size: 1.5rem;
    color:#000;

}
ul.arquivo-cat-list a:hover{
    background-color: #DBDBDB;
    text-decoration: none;
}
ul.arquivo-cat-list a.ativo{
    background: #003F7B !important;
    color: #fff !important;
}
.pesquisa{
    overflow: visible;
    font-size: 1.5rem;
    width: 100%;
    padding: 5px 20px;
    border-radius: 8px;
    border: 1px solid #cecece;
}
.post-arquivo, .post-relatorio{
    border-radius: 8px;
    border: 1px solid #cecece;
    margin: 10px 0;
    padding: 10px;
    font-size: 1.8rem;
}
a:hover .post-relatorio{
    background: #003F7B;
    color: #fff;
    text-decoration: none;
}
.pagination{
    font-size:1.4rem
}
ul.years {
    margin: 20px 0;
    padding: 0;
}
ul.years li{
    list-style-type: none;
    font-size: 1.4rem;
    display: inline;

}
ul.years li a{
color:#A7AFAF;
padding: 0 10px;
border-right: 1px solid #ccc;
}
ul.years li:last-child a{
    border: none;
}
ul.years li a.ativo{
    color:#000;
    font-weight: bold;


}

.type-post p{
    margin: 15px 0;
}

.post-filiado{
    border-radius: 8px;
    border: 1px solid #cecece;
    margin: 10px 0;
    padding: 20px;
    /* font-size: 1.5rem; */
}
.post-filiado img{
    min-width: 100%;
}

.mail{
    font-size: 1.4rem;
}
.post.type-post{
    border-bottom: 1px solid #ccc;

}

ul li{font-size: 1.4rem}

.direcao{
    margin: 20px 0;
}
ol{
    font-size: 1.4em;
}
a.black{
    color:#000;
}
.social-icon{
    padding: 6px;
        width: 40px;
}
.logo-bot{
    max-width:220px;
}
label {
	display: block;
}

.carousel-control-next,
.carousel-control-prev {
    filter: invert(100%);
	    width: auto;

}

.face-top img, .insta-top img{
        max-height: 20px;
}
.tw-top img{
  
}
.menu_rodape	#menu-item-dropdown-226{display: none}

#podcast a {
    color:#fff;
}
@media(max-width:767px){
	.social-top input.active {
		margin-left:0 !important;
    
}
			.social-top input {
				    left: 0 !important;

	}
		.social-top input.active {
    width: 80% !important;
			
			
	}
	.social-top{
		position:relative
	}
	.slide h1{font-size: 2rem}
	.slide .slide-title{
		height: 72px;
    display: block;
	}
}

.social-top .social-icon:hover  {
    background: #000;
    filter: invert(1);
}
.social-top .social-icon{display: flex !important;
    justify-content: center;
    align-items: center;}
.social-icon.pesquisar{
	height:100%
}