/*
Theme Name: Base de Conhecimento do Grupo Khronos
Theme URI: http://www.olhagora.com.br/themes/khronosknowledgebase/
Author: Ana Cecilia
Author URI: http://www.olhagora.com.br/
Description: Tema em Wordpress para o Site da Base de Conhecimento do Grupo Khronos em Bootstrap 4.3.x.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: khronosknowledgebase
Tags: base,conhecimento,grupo,khronos,responsive,bootstrap,4.3.x.
*/
/*@import url('css/style_khronos.css');*/
@import url('css/style.css');
@import url('style_modelo.css');

#menu-topo
{
	background: transparent;
}

#menu-topo li, .ajuda
{
	font-size: 1.03rem;
/*	font-size: 1em;*/
	font-weight: bold;
	color: black;
/*	text-transform: uppercase;*/
	margin-right:0px;
	padding-left:0.75rem;
	padding-right:0.75rem;
}

#menu-topo li a , .ajuda
{
	color: #fff;
	padding-left:0.75rem;
	padding-right:0.75rem;
}

#menu-topo li a:hover
{
	border-radius:3.125rem;
    background: rgba(0,0,0,0.3);
/*
	background:#c0c0c0;
	opacity:0.6;
*/
	padding-left:0.75rem;
	padding-right:0.75rem;
}

#menu-topo li a:active
{
	padding-left:0.75rem;
	padding-right:0.75rem;
}


#menu-topo li:last-child
{
	margin-right:0px;
	padding-left:0.75rem;
	padding-right:0.75rem;
}




#menu-topo-1
{
	background: transparent;
}

#menu-topo-1 li
{
	font-size: 0.8em;
	font-weight: normal;
	color: black;
	line-height: 1.85rem;
	text-transform: uppercase;
	margin-right:0px;
	padding-right:0px;
}


#menu-topo-1 li a 
{
	color: black;
}

#menu-topo-1 li a:hover, a:hover.dropdown-item
{
	color:#970304;
}

#menu-topo-1 li a:active
{
	color:#970304;
}


#menu-topo-1 li:last-child
{
	background:transparent;
	margin-right:0px;
	padding-right:0px;
}



a
{
	color:black;
}

h4
{
	color: #333333;
}



.site-header__title {
    color: #fff;
	margin: auto;
    text-align: center;
	padding-bottom:1rem;
	font-size: 2.8em !important; 
/*	font-weight: 600 !important;*/
	font-weight: bold;
}

.hkb-site-search__field {
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    border-radius: 99px;
    display: block;
    width: 100%;
    padding: 18px 1.25rem 18px 45px;
    border: 0;
    outline: none;
    box-shadow: 0 0 0 5px rgba(255,255,255,.15);
	margin-bottom:2rem;
}


#box_icone_busca
{
  position: relative;
  left: -39px;
}

#icone_busca {
  color: #000;
  cursor: pointer;
}

#minha_busca
{
  border-radius:3.125rem;
}

.bg-camera
{
	background: #f0f0f0;
}

.bg-alarme
{
	background: #f0f0f0;
}

.bg-financeiro
{
	background: #f0f0f0;
}

.bg-financeiro
{
	background: #f0f0f0;
}

.bg-khronos-24-horas
{
	background: #f0f0f0;
}

.bg-portaria-virtual
{
	background: #f0f0f0;
}

.bg-rastreamento
{
	background: #f0f0f0;
}


/*
#menu-item-30 a.nav-link
{
	border-radius:3.125rem;
	border-color: #970304;
	border-style: solid;
	border-width:1px;  
	
}
*/
#menu-item-30 a.nav-link
{
	font-size: 0.9rem;
	border-radius:3.125rem;
	border-color: #970304;
	border-style: solid;
	border-width:2px;  
	padding-left:1.25rem;
	padding-right:1.25rem;

}

#menu-item-30 a.nav-link:hover
{
	border-radius:3.125rem;
    background: rgba(0,0,0,0.3);
	padding-left:1.25rem;
	padding-right:1.25rem;
}


.bg-vermelho-khronos
{
	background:#970304;
}


a:hover, a:active
{
	color:#970304;
}

.site-header__search
{ 
	padding: 0px 0 0px 0 !important;
}


h1, h2, h3, h4, h5{font-family:Poppins, Helvetica, Arial, sans-serif;font-weight:600;font-style:normal;letter-spacing:0;}

body{font-family:Poppins, Helvetica, Arial, sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:1.55;letter-spacing:0;color:#777777;}



.site-header__banner 
{
    background: rgba(0,0,0,0.5);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    z-index: 1000;
	max-height:58px;
    height: 58px;
    overflow:visible;  
}

#navbar_topo_fixa > div > nav > a > img
{
	width:auto;
	position: absolute;
	top:0;
    overflow:visible;  
}

.teste
{
	padding-left: 8%;
	padding-right: 8%;
/*
	background:blue;
	border: 1px solid maroon;
*/
}


.bg_video{
    position: fixed; 
    left: 0; 
    top: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: -1000;
    background: url(images/nome-do-video.jpg) no-repeat;
    background-size: cover; 
}

#cabecalho_pesquisa
{
	padding-top: 7rem;
	vertical-align: middle;
	padding-bottom: 1rem;

/*	background: #01A8FE; */
/*	background-image: url(images/help-bg-1.png), linear-gradient(231deg,#4707FF 0%,#FF0068 100%); **/
	background-image:url(images/overlay_1.png),url(images/fundo_topo_1.jpeg);
	background-size: 100% auto;
	background-position: top left;
	background-repeat: no-repeat; 
/*	min-height: 16rem !important;*/
	padding-left:5em;
	padding-right:5em;
}

.page-title
{
	padding-top: 7rem;
	vertical-align: middle;
	padding-bottom: 2rem;
/*	background: #01A8FE; */
/*	background-image: url(images/help-bg-1.png), linear-gradient(231deg,#4707FF 0%,#FF0068 100%); **/
/*
background-image:url(https://grupokhronos.com.br/wp-content/themes/Divi/images/overlay_1.png),url(https://grupokhronos.com.br/wp-content/uploads/2017/09/grupokhronos-min-1.png);
*/
	background-image:url(images/overlay_1.png),url(images/fundo_topo_1.jpeg);
	background-size: 100% auto;
	background-position: top left;
	background-repeat: no-repeat; 
	min-height: 3rem !important;
	padding-left:7.5em;
	padding-right:7.5em;
}

.campo_pesquisa_dentro_barra
{
	padding-top: 1rem;
	vertical-align: middle;
	padding-bottom: 1rem;
	background-image:url(images/overlay_1.png),url(images/fundo_topo_1.jpeg);
	background-size: 100% auto;
	background-position: top left;
	background-repeat: no-repeat; 
	min-height: 3rem !important;
/*
	padding-left:7.5em;
	padding-right:7.5em;
*/
	margin-bottom:2rem;
}
.team-section
{
	padding-top: 1rem;
	padding-left:7.5em;
	padding-bottom: 1rem;
	padding-right:7.5em;
	background: #fff;
}


figure.post-thumb
{
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
/*	border: 1px solid blue;*/
}

article.post
{
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.page-title h1
{
	font-size: 2.8em;
	top:1.125rem;
}


.site-header__search
{
	margin-top: 1rem;
	margin-bottom: 1rem;
}


	.site-header__title
	{
		font-size:1rem;
		line-height:normal;
	}
	
.team-section {
    padding-top: 1rem;
    padding-left: 1em;
    padding-bottom: 1rem;
    padding-right: 1em;
    background: #fff;
}

.post-info
{
    text-align: justify;
}

.sidebar .popular-posts .post {
    font-size: 0.875rem;
    padding: 0.375rem 0rem 0rem;
    padding-left: 6.25rem;
    min-height: 0rem;
    margin-bottom: 1.5rem;
}

img.img_categoria {
    max-width: 70%;
	width: 70%;
/*	border: 1px solid red;*/
}

figure {
    margin: 2em 2.5rem;
    margin-inline-start: 2.5rem;
    margin-inline-end: 2.5rem;
}

.sidebar .popular-posts .post .post-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
/*    width: 5rem;*/
}

.term-desctiotion
{
	margin-top: 1rem;
	color:#fff;
	text-align: justify;
}

@media screen and (max-width: 451px) 
{
	.term-desctiotion
	{
		text-align: center;
	}

	#cabecalho_pesquisa
	{
		background-position: bottom left;
		background-size: 100% 100%;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top: 7rem;
		min-height: 0rem !important;
	}
	

	.page-title
	{
		background-position: bottom left;
		background-size: 100% 100%;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top: 7rem;
		min-height: 0rem !important;
	}

	.page-title h1
	{
		top:0rem;
		text-align: center;
		font-size:2rem;
	}

	.lower-content h3
	{
		font-size: 1rem;
	}
	
	.pet-block h2
	{
		font-size:1.5rem;
	}


	.site-header__title {
	    color: #fff;
		margin: auto;
	    text-align: center;
		padding-bottom:1rem;
		font-size: 2em !important; 
	/*	font-weight: 600 !important;*/
		font-weight: bold;
	}



	.page-breadcrumb 
	{
		margin-top: 1rem;
	}




	#menu-topo li, .ajuda
	{
		font-size: 0.8rem;
		padding-left:0.625rem;
		padding-right:0.625rem;
	}
	
	#menu-topo li a , .ajuda
	{
		padding-left:0.625rem;
		padding-right:0.625rem;
	}
	
	#menu-topo li a:hover
	{
		padding-left:0.625rem;
		padding-right:0.625rem;
	}
	
	#menu-topo li a:active
	{
		padding-left:0.625rem;
		padding-right:0.625rem;
	}
	
	
	#menu-topo li:last-child
	{
		padding-left:0.625rem;
		padding-right:0.625rem;
	}
}