/* 
Phoca Download
https://www.phoca.cz/ 
https://www.phoca.cz/phocadownload
*/


/********************************************************
	Titulo 
*********************************************************/

#phoca-dl-category-box > div > h3 {
	font-size: 1.6rem;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}


/********************************************************
	Descrição 
*********************************************************/
.pd-fdesc p {
	color: #2f2f2f;
	font-weight: 500;
	font-size: .9rem;
}


/********************************************************
	Remove icone do Titulo 
*********************************************************/

#phoca-dl-category-box > div > div.pdtop {
	display:none;
}


/*********************************************************
	Container dos elementos 
*********************************************************/

.pd-filebox {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	padding: 10px;
	border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.pd-filebox:hover {
	border-radius: 0px;
}

.pd-filebox:hover,
#phoca-dl-category-box > div > h3:hover 
{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


/*********************************************************
	Titulo dos containers
*********************************************************/

.pd-title{
	font-size: 1rem;
	/* -webkit-user-select: all; */
    /* user-select: all; */
}

.pd-title:focus  {
 	animation: select 100ms step-end forwards;
}


/*********************************************************
	Link download dos containers
*********************************************************/
#phoca-dl-category-box > div > div > div.pd-filenamebox > div.pd-filename > div > div > a {	
	/* -webkit-user-select: all; */
    /* user-select: all; */	
	color: #1e478d;	
	font-size: 0.8rem;
	font-weight:bold;
}

#phoca-dl-category-box > div > div > div.pd-filenamebox > div.pd-filename > div > div > a:hover {
	border-bottom: 1px solid #1e478d;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
} 


#phoca-dl-category-box > div > div > div.pd-filenamebox > div.pd-filename > div > div > a:focus {
	animation: select 100ms step-end forwards;
}

@keyframes select {
    to {
        user-select: text;
    }
}


/*********************************************************
	Botoes de Preview  e Downlaoad dos containers
*********************************************************/

.pd-buttons:hover {	
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 5px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}


/*********************************************************
	Listagem por categorias Ex:: (https://saude.rr.gov.br/index.php/escala/unidades-da-capital/capital-2021)
*********************************************************/

#phoca-dl-category-box > div > div {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	padding: 20px;
	border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;	
}

#phoca-dl-category-box > div > div:hover {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


#phoca-dl-category-box > div > div > a,
#phoca-dl-category-box > div > div > small 
{
	font-size: 0.9rem;
	color: #1e478d;
	font-weight:bold;
}

#phoca-dl-category-box > div > div > a:hover {
	border-bottom: 1px solid #1e478d;
}



/*********************************************************
	Margem entre os containers
*********************************************************/

#phoca-dl-category-box .pd-subcategory, #phoca-dl-file-box .pd-file {
    margin: 10px 5px;
}


/*********************************************************
	Submenus menu
*********************************************************/

.g-menu-item-title {
	font-weight:bold;
}


/*********************************************************
	Efeito zoom nas imagens
*********************************************************/

img {
	position: relative;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
 	transition: all 0.8s;	
}

img:hover {
	transform: scale(1.02);
}