/* =============================================================================== */
/* Template: YooMaster2			Filename: custom.css			Last Update: 17/11/2016      */
/* =============================================================================== */
/* Associação Projecto JAVA v4 Custom CSS file
/* Titulos: Bree Serif /* Texto: Open Sans
/* Laranja: E58100 /* Azul: 53B5DE /* Castanho: 341805 */
/* =============================================================================== */

@import url(navbar.css);

/* ------------------------------ TEMPLATE  POSITIONS ------------------------------ */

/* BACKGROUND - SITE */
/* http://sixrevisions.com/css/responsive-background-image */
body { background-image: url(/images/background/fundo_java.png); background-position: top left; background-repeat: repeat; background-attachment: fixed; background-size: auto cover; background-color: white; } /* fundo do site */
@media only screen and (max-width: 767px) {	body { background-image: none; } /* remove background on screens smaller then 767px */ }

/* BACKGROUND - CONTENT */
.uk-container-center { background-color: white; box-shadow: 0 0 8px rgba(0,0,0,.45); } /* fundo do conteúdo do site */

/* HOMEPAGE SLIDESHOW */
.uk-slideshow { border-radius: 7px; } /* imagem slideshow - cantos redondos */
.uk-overlay-bottom { border-radius: 0 0 7px 7px; } /* overlay de texto - cantos redondos (apenas bottom-left e bottom-right) */
.uk-overlay-bottom > h3 { text-align: center; margin: -5px 0; } /* overlay de texto - centra o titulo */
.uk-dotnav-contrast > * > *, .uk-dotnav > * > *  { box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2); } /* dotnav, slidenav - outline para contraste */
.uk-dotnav { margin-top: -14px; } /* dotnav - alinha ao topo */
.uk-thumbnav > li > a { border: 1px solid white; } /* thumbnav - outline dos thumbs */
.uk-thumbnav > li > a:hover { border: 1px solid #53B5DE; transition: all 0.3s ease; } /*  */
.uk-thumbnav > .uk-active > *  { border: 1px solid #E58100; } /*  */
.bkg_hpss { background-image: url(/images/background/bkg_slideshow_01.png); background-size: auto cover; } /* fundo com espirais */

/* LOGO */
.tm-logo { float: none !important; display: table; height: auto; margin: 0 auto; padding: 3px 0 0 182px; } /* logo - ajusta o logo ao centro da página e compensa a caixa de pesquisa */

/* HEADERBAR */
.tm-headerbar { margin-top: 0; margin-bottom: -15px;} /* ajusta a barra do menu */

/* BREADCRUMB */
.uk-breadcrumb { border: 1px solid #dadada !important; border-radius: 7px !important; box-shadow: 0 0 3px #e2e2e2, inset 1px -1px 2px #ffffff; background-image: url(/images/background/bkg_slideshow_02.png); background-size: auto cover; padding: 8px 15px; } /* caixa e fundo dos breadcrumbs */

/* SOCIAL ICONS */
.social-icons { margin-left: -10px !important; } /* icones de redes sociais */
@media only screen and (max-width: 767px) {	.social-icons { margin-left: 0 !important; } } /* acerta o espaçamento da caixa para ecrans menores de 767px */

/* FOOTER */
.tm-footer { border-top: 1px solid #dadada; padding-top:15px; } /* cria uma linha separadora no topo do rodapé */

/* BUTTONS */
.uk-button-primary { transition: all 0.4s ease-in-out; } /* transição para a cor principal */
.uk-button-primary:hover, .uk-button-primary:focus { transition: all 0.4s ease-in-out; } /* transição para a cor de hover */
.uk-button-primary-centered { display: block; margin: 0 auto; max-width:190px; }

/* ------------------------------ TEMPLATE  HACKS ------------------------------ */
/* IMAGES */
p > img, .uk-thumbnail > img { border-radius: 7px; } /* imagens - cantos redondos */
.uk-thumbnail { border: none !important; } /* imagem das páginas - tira o outline */

/* ROUND CORNERS */
.uk-button, .uk-thumbnail .uk-align-medium-right > img, .yoo-zoo img { border-radius: 7px; } /* botões - cantos redondos */

/* PAGINATION */
.uk-pagination { margin-top: 2em; } /* insere separador por cima da paginação */
.uk-pagination > li { margin-top: 1em; } /* insere espaço entre o separador e o bloco de paginação */
.uk-pagination > .uk-active > span, .uk-pagination > li > a { box-sizing: border-box; display: inline-block; border: 1px solid #dadada; border-radius: 7px; text-align: center; padding: 5px 10px; } /* estilo dos itens de paginação */

/* JUSTIFY PARAGRAPH TEXT */
.page-uikit { text-align: justify; } /* justifica todo o texto */

/* DETAILS BOX */
.uk-subnav { background-color: #f0f0f0; padding-bottom: 10px; border: 1px solid #444444; border-radius: 7px; display: inline-block !important; display: inline-block !important; width: 100%; font-size: 0.8em; } /* coloca uma caixa em volta dos detalhes das noticias e das campanhas */

/* BOX BACKGROUND */
.bkg_diagonal_grey { background-image: url(/images/background/bkg_slideshow_02.png); background-size: auto cover; } /* fundo com padrão cinzento na diagonal */

/* LAST UPDATE */
.element-itemmodified > h3 { font-size: 18px; display: flex; line-height: 2.2rem; } /* ajusta o tamanho dos titulos h3 */
.element-itemmodified { border: 1px solid #dadada !important; border-radius: 7px !important; box-shadow: 0 0 3px #e2e2e2, inset 1px -1px 2px #ffffff;  background-image: url(/images/background/bkg_slideshow_02.png); background-size: auto cover; padding: 8px 15px;/* position: absolute;  bottom: 0px; width: 92%; */ } /* cria uma caixa em volta do last update */

/* TITULOS DE PÁGINAS */
/* .uk-h1 { font-size: 34px; } /* ajusta o tamanho dos titulos h1 */

/* TRUNCATE LINES */
.uk-margin-truncate .uk-margin { text-overflow: ellipsis; overflow: hidden; max-height: 243px; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; } /* corta o texto ao fim de X linhas (max-height = line-height x -webkit-line-clamp) e insere reticencias */
.uk-text-justify { margin-right: -0.8rem;} /* alinha as reticencias no final do texto */

/* DATE AND TIME */
.yt-custom-grid-on-frontpage-hidden-written-on .uk-article-meta { font-size: 0px; } /* apaga o texto inicial "written on" */
.yt-custom-grid-on-frontpage-hidden-written-on .uk-article-meta time { font-size: 12px; margin: -10px 0px; } /* reduz e alinha a data da noticia e a etiqueta */

/* PHONE LINKS AND ICONS */
a[href^=tel] { color: #53B5DE; text-decoration: none; } /* muda a cor dos links telefonicos */
a[href^=tel]:before { font-family: FontAwesome; content: "\f095"; margin-right: 5px; } /* insere o icone de telefone antes do número de telefone */

/* ------------------------------ ZOO ------------------------------ */
/* ZOO - GERAL */
.item-box-directorio, .item-box-downloads, .item-box-adopcoes, .item-box-divulgacao { border: 1px solid #dadada; border-radius: 7px; } /* cria caixa em volta dos itens */
.item-box-directorio-cat, .item-box-downloads-cat, .item-box-adopcoes-cat, .item-box-divulgacao-cat { border: 1px solid #dadada; border-radius: 7px; } /* cria caixa em volta das categorias */
.cat-chooser { border: 1px solid #dadada; border-radius: 7px; padding:8px; margin: 30px 0 20px 0; text-align: center; color: #444444; }

/* ZOO - ADOPÇÕES */
.item-box-adopcoes { padding: 10px; } /* configura a caixa dos itens */
.item-box-adopcoes-cat { padding: 10px; } /* configura a caixa das categorias */

/* ZOO - DOWNLOADS */
.item-box-downloads { min-height: 190px; padding: 10px; } /* configura a caixa dos itens */
.item-box-downloads-cat { min-height: 190px; padding: 10px; } /* configura a caixa das categorias */
.yoo-zoo.element-download-type-pdf { margin: 10px 0; } /* cria espaço acima e abaixo do icone do pdf */

/* ZOO - DIVULGAÇÃO */
.item-box-divulgacao { min-height:225px; padding: 10px; } /* configura a caixa dos itens */
.item-box-divulgacao-cat { padding: 10px; } /* configura a caixa das categorias */

/* ZOO - DIRECTÓRIO */
.item-box-directorio { min-height:285px; padding: 10px; } /* configura a caixa dos itens */
.item-box-directorio-cat { min-height:285px; padding: 10px; } /* configura a caixa das categorias */

/* ZOO - GALERIAS */
 .uk-h5 { font-size: 16px !important; } /* força o tamanho da fonte */

/* ZOO - ALPHA-INDEX */
@media (min-width: 768px) and (max-width: 904px) { #yoo-zoo .alpha-index a, #yoo-zoo .alpha-index span { width: 17px; font-size: 13px; } }
@media (min-width: 480px) and (max-width: 767px) { #yoo-zoo .alpha-index a, #yoo-zoo .alpha-index span { width: 14px; font-size: 12px; } }

/* ZOO - COMMENTS */
#comments-url { display:none; } /* esconde a caixa de website */
/* #comments-author, #comments-email { max-width: 670px } /* altera a largura das caixas de nome e email */

/* ------------------------------ WIDGETKIT ------------------------------ */
/* WIDGETKIT */
.uk-invisible { visibility: initial !important; }

/* WIDGETKIT - DESTAQUES */
.destaque { font-size: 0.75em; font-weight: bold; text-align: center; line-height:1.5em; } /* força o tamanho da fonte */

/* ------------------------------ 3rd PARTY ------------------------------ */
/* UNIVERSAL AJAX SEARCH */
#offlajn-ajax-search158 { margin-top: 15px; border: 1px solid #dadada; border-radius: 7px; box-shadow: 0 0 3px #e2e2e2, inset 1px -1px 2px #ffffff; background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%); } /* acerta a caixa de pesquisa ao topo */
input#search-area158, input#suggestion-area158, #ajax-search-button158 { border: none !important; background-color: transparent !important; } /* retira os outlines da caixa de pesquisa */
#offlajn-ajax-search158 .offlajn-ajax-search-container, input#search-area158, input#suggestion-area158, #ajax-search-button158 { background-color: transparent !important; } /* Caixa de pesquisa - tira outlines */
input#suggestion-area158 { -webkit-box-shadow: none; box-shadow: none; } /* Caixa de pesquisa - tira outlines */
#search-results158 { margin: 20px 0 0 -144px; } /* Caixa de resultados - espaçamento à caixa de pesquisa */
#search-results-moovable158 { border-radius: 7px; } /* Caixa de resultados - cantos redondos */
#search-results158 .plugin-title-inner { font-family: 'Open Sans' !important; } /* Caixa de resultados - fonte */

