/**
* custom.css file created by Kickoff Template
* @package Kickoff Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');
/* #@# mudancas para alterar a caixa de busca da pg ppl */
#yjsg_search_modal .module_subtitle {text-transform: none!important; color:#999!important; }
#yjsg_search_modal .inputbox  .kicksearch {text-size:20px; }
.kicksearch .inputbox { height: 30px!important; line-height: 25px!important; font-size: 125%!important; }
.kicksearch { padding: 0px 10px!important; margin-top:0px!important; }
#yjsg_search_modal h3 { line-height: 25px!important; padding: 0px!important; margin:0px;!important; }
.kicksearch label { color:#666!important; }

.yjsg_search_button { height:35px!important; line-height:38px!important; margin:42px auto 30px 50px!important; } /* pg ppl */

#PSAnt { position:relative!important; float:right!important; margin: 22px 100px 0px 0px; } /* formata busca ppl no topo */
#BoxOrdExib {   }
.ordering-box { position:relative; width:30%;  float:left; }
.form-limit {    }
.counter { font-size:14px; }
.buscaAvan { align:center; }
.term { font:normal 1.2em 'Merriweather', serif!important; color:#000000; }

/* agora entra o codigo da chamada ao cadastro no topo */

#chamada, .chamada {
  a:link, a:visited, a:active { color: white!important; }
  a:hover { color: yellow; }
  margin-top:5px;
}

/* tabela pagina beneficios */
.tabbenef { width:800px; }
.tabbenef td { padding:0 15px; }

/* On screens that are 600px or less */
@media only screen and (max-width: 600px){
#chamada { height: 15vw!important; }
.chamada a span { height: 250vw!important; font-size:4vw!important; line-height: 3vw!important; }
.yjmediaslider .slide .slide-details .description { display: contents; }
.kickslider .description h4 { font-size: 250%; font-size: 4vw!important; line-height: 16px!important; color: white; text-shadow: 2px 2px #000; } /* txt slides */
.kickslider .yjmediaslider .slide .slide-details .buttons { margin-top: 7px; } /* botao leia mais cel */
h3 { font-size: 1.5em; line-height: 1.1em!important; }
}

/* contatos coluna direita */
#tabcontatos td { font-size: 14px; line-height:17px; }

/* redes sociais */
div.pre25SocialLinks { display: none; }

/* links de pesquisa de pg ppl artigos e votos e fotinhas avatares e outros para Biblios */
.linkpesq  { color:white; a:link { color:white!important;}; a:visited {color:white!important;}; a:active {color:white!important;}; text-decoration: none!important;  }
a.linkpesq:hover { text-decoration:underline!important; }

img.avatar { border-radius:50% !important; }
span.datapub { font: normal 70% verdana, arial, tahoma, sans-serif; margin-top: -10px;} /* formata a data de publicacao JGLOBAL_CREATED_DATE_ON */
.yjk2_date, .yjk2_author, .yjk2_cat, .yjk2_hits, .yjk2_comment { font-size: 70%!important; } /* ori: customk.css */
a.fs { font-size: 70%; } /* A+ a- era 70% */

/* forcando 2:1 na fotos de materias e fotinhas */
/* .8news div.yjme_holder div.yjme_item div.yjme_item_in div.imageholder  img.minifoto {  max-width: 300px; min-height: 150px!important; max-height: 150px!important; } */
img.minifoto:not(.kickyork) { width: 300px!important; height: 150px!important; max-width: 300px; max-height: 150px!important; min-height: 30px!important; }

div.kickyork img.minifoto { width: 30px!important; height: 30px!important; border-radius:50%!important;  max-width: 30px!important; max-height: 30px!important; }


/* posicionar a logo absoluta */
#abslogo { position: fixed; z-index:99999; left:5px; top: 25px; }
.PosAbs { position: -webkit-sticky; position: sticky; top: 0px; z-index:1010; }

/* barra superior sobre e redes */
#barratop { position: fixed; top: 0; left: 0; width: 100%; z-index: 991001; }
#barratopmiolo { position: static; top: 0; left: 0; width: 100%; z-index: 991001; padding-bottom:0px; } /* position inside pages */
#barratop a:visited { color:white!important; } /* cor txt botao SOBRE AEPET */
#barratopmiolo a:visited { color:white!important; } /* cor txt botao SOBRE AEPET - position inside pages */
div.botaosobreee { border-radius: 3px; height: 25px; padding: 2px; background-color: #3498DB; border: none; color: white; text-align: center; text-decoration: none; display: inline-block;  }
#botaosobre { border-radius: 4px; background: #3498DB; padding: 5px; height: 35px; width: 100px; text-align:center; }

#botaosobre { position: absolute; top:10px; left: 65%; margin-left:-65px;  text-transform: uppercase; z-index: 1001; display: flex; align-content: center; justify-content: space-evenly;     align-items: center; } /* posicao botao */
/* #XXXbotaosobre span a:link {color:black;} a:visited {color:black!important;} a:hover {color:black!important;} a:active {color:black!important;} */
#botaosobre span.sobreaepet a.sobreaepet:link {color:#FFF;} a.sobreaepet:visited {color:#FFF!important;} a.sobreaepet:hover {color:#FFF!important;} a.sobreaepet:active {color:#FFF!important;}
#iconsredes { position: absolute; right: 5px; }
#iconsredesmiolo { position: absolute; right: 5px; top:0px; } /* position inside pages */
span.sobreaepet { font: bold 60% verdana, arial, tahoma, sans-serif; margin-top: 2px; text-align: center; color:#FFFFFF; a:link {color:white;}; a:visited {color:white;} a:hover {color:yellow;} a:active {color:white;} }
@media only screen and (min-width: 240px)  and (max-width: 640px) {
  #barratop { position: static; }
  #iconsredes { z-index: 1000; position: absolute; float: right; right: 5px; top:100px!important; } /* z-index para mostrar os icones */
  #iconsredesmiolo { margin-top:100px!important;  }
  #botaosobre { left: 3px;  margin-left:10px; top:100px; } /* posicao botao responsiva */
  span.sobreaepet a { font: bold 80% verdana, arial, tahoma, sans-serif; }
}
@media only screen and (min-width: 641px)  and (max-width: 980px) {
  #barratop { position: static; }
  #iconsredes { position: absolute; float: right; right: 5px; top:100px!important; }
  #botaosobre { left: 3px;  margin-left:10px; } /* posicao botao responsiva */
  span.sobreaepet a { font: bold 80% verdana, arial, tahoma, sans-serif; }
div.destaque div.imageholder  { width:50px!important; height:50px!important; border-radius:50% !important; }  /* 0px para nao foto, cria rodondo ok no celular  */
div.destaque div.imageholder  { position:relative; top: -70px;  } /* sobe a foto  */
div.destaque  a.item_title { padding-left:60px; }
div.destaque p.item_intro {   }

}
/* pagina Sobre a Aepet */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Merriweather+Sans&family=Merriweather:wght@300;700&display=swap');
#AAepetSobre div.aaepetsobre {
font-family: 'Bebas Neue', cursive; font-family: 'Merriweather', serif; font-family: 'Merriweather Sans', sans-serif;
h1 { font: normal 24px verdana, arial, tahoma, sans-serif; }
h2 { font: normal 18px 'Merriweather Sans', sans-serif; }
h3 { font: normal 16px 'Bebas Neue', cursive; }
h4 { font: normal 14px 'Merriweather', serif; }
h5 { font: normal 13px 'Merriweather', serif; }
h6 { font: normal 12px verdana, arial, tahoma, sans-serif; }
p { font: normal 12px 'Merriweather', serif!important; }
p.aaepetsobre { font: normal 12px 'Merriweather', serif!important; }
}
p.aaepetsobre { font: normal 12px 'Merriweather', serif!important; }
#AepetSobre { margin:0px!important; padding:0px!important; }
#contactbox { float: right!important; right: 10; width: 400px; background-color: #006699; padding: 10px; }
.contactbox { float: right!important; right: 10; width: 400px; background-color: #006699; padding: 10px; }

.redestopright { position:absolute; z-index:1010; width:100%; top:2px; text-align: right;  right: 50px; border-width:0px; border-style: solid;  }
.redtoprig  {   }
.yj_slider { margin: auto; max-width:1400px!important; } /* centralizar e limitar width slides+destaque */
@media only screen and (max-width: 980px) and (min-width: 240px) {
  .div.botaosobre { text-align: right!important; margin-top: -40px; } /* #@#@ era margin-top:25px -> -40px  */
  .redestopright { right: 10px;  }
  .yj_search, .yjsg_search_button { float: right; margin-top: 22px; }
  .yj_slider { margin-top: 0px!important; }
  span.sobreaepet { font-size: 12px!important;  }
}

/* slides da pagina principal - formata e abre espaco para destaques */
.kicksliderxxx .slide-titlexxx h3xxx { color: yellow!important; text-shadow: text-shadow: #000 2px 3px 2px!important; }
h3.slide-titlexxx { color: #FFF!important; text-shadow: #000 3px 4px 0px!important; }
h3.slide-title { color: #FFF!important; text-shadow: 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000; }
.kickslider .description h4 {text-transform: none; }
div.description h4 { font-size:36px!important;  }

div.secondary-nav { top:120px!important; right:15%!important; }  /* posicao icones slides */
.yj_slider { margin-top: 80px; }
.kickslider .yjmediaslider .slide .slide-details .buttons .read-more, .kickslider .yjmediaslider .slide .slide-details .buttons .play-video { font-size:100%; padding: 10px 10px;  }
.kickslider { float: left; width:74.3%; height: 0; padding-bottom: 32.5%; }
.yjmediaslider .slide img.poster { padding-top: 25px; } /* #@#@ ajustar slide para nao cortar superior  e img fundo opaca: opacity : 0.6; */
.kickslider div.main-nav { right:44%; top: 80%; background-color: rgb(6 7 161 / 0%); } /* posicao e fundo semitransparente de box das setas  */
.kickslider div.main-nav  a:hover { background-color:rgba(52,152,219,0.7)!important; } /* #3498db=(52,152,219)  muda hover color das setas de navegacao dos slides */

/* formatacao destaques */
.destaque { float: right; width: 22.8%; margin:19px 0px 0px 0px; border:10px solid rgba(0, 55, 55, 1.0); background:#003333; height: 0; padding-bottom: 32.5%; } /* #@#@  margin 19px*/
.destaque img.maxifoto:not(div.kickyork) { min-height:100px; min-width:100px;  }
div.destaque div.imageholder { border-radius:50% !important;  }
.destaque .yj_hover_effect { display: block; overflow: hidden; position: relative; }
.destaque .yj_hover_effect:hover .yj_effect_title:before { width: 100%; }
/* .destaque .item_author a:link {color:white!important;} a:visited {color:white!important;} a:hover {color:#3498db!important;} a:active {color:white!important;} */
.destaque .item_author a:link {color:white;} a:visited {color:#3498db!important;} a:hover {color:#FFFFFF!important;} a:active {color:white!important;}
.kickengine .yjme_item a.item_title { font-family: Francois One,sans-serif; } /* fonte titulo destaques override blue.css */
.kickengine .yjme_item div.item_author a:link {color:white;} a:visited {color:white;} /* cor link autor destaque */
div.yjmediaslider div.slide-details  a.read-more:link {color:white;} a.read-more:visited {color:white!important;} a.read-more:hover { color:#3298db!important; } /* cor link botao Leia Mais dos Slides  *
.kickengine .yjme_item div.item_author { margin-top:2px; }
.kickengine .yjme_item div.imageholder { margin-right:10px;  }
/* .kickengine .yjme_item a.item_readmore:link {color:#3498db;}; .kickengine .yjme_item a.item_readmore:visited {color:#3498db;}; .kickengine #?# */
.yjme_item  a.item_readmore:active {color:#3498db;}; .kickengine .yjme_item   a.item_readmore:hover {color:#FFFFFF;}; /* cor link Leia mais destaque */
div.destaque { height: 454px!important; }
div.destaque a.item_title { font-size:66%; }
.destaque .yjme_item a.item_title { line-height: 36px!important; }
@media only screen and (min-width: 240px) and (max-width: 640px) {
  .kickslider { float: left; width:100%; height: 200px; padding-bottom: 0; } /* permite aparecer desraque no mobile  */
  .destaque { height: 200px; padding-bottom: 0; margin-top: 100px;  } /* ajusta destaque no mobile   */
  div.destaque .yjme_item_in { padding-top:0px;  }
  div.itemHeader h2.itemTitle { font-size: 150%!important; }
  .kickyork { margin: 0px 0 -200px 0; }
  .kickyork .module_title { font-size: 200%; text-transform: uppercase; line-height: 40px; margin: 20px auto -19px auto; }
  div.destaque div.imageholder  { width:50px!important; height:50px!important; border-radius:50%!important; }  /* 0px para nao foto, cria rodondo ok no celular  */
  div.destaque div.imageholder  { position:absolute; top: 0px;  } /* era relative e top:-65px -  sobe a foto  */
  div.destaque  a.item_title { padding-left:60px; line-height: 10px!important; }
  div.destaque .yjme_item a.item_title { line-height:18px!important; } /* altura entre linhas titulo */
  div.destaque div.item.details { position:relative; top: -90px!important;  }
  .kickengine .yjme_item div.item_author { padding-left: 60px; } /* posicao autor no destaque */
  .kickengine .item_details .item_category, .kickengine .item_details .item_cdate, .kickengine .item_details .item_author { FONT-SIZE: 75%; } /* fonte autor destaque mobile  */
}
@media only screen and (min-width: 240px)  and (max-width: 980px) {
  .kickslider { float: left; width:100%; }
  .destaque { float: right; width: 100%; margin:5px 0px 0px 0px; border:10px solid rgba(0, 55, 55, 1.0); background:#003333; } /* em 2col margin: 5 0 0 0  */
  div.yjme_holder div.yjme_item { height: auto; } /* altura box de noticias dominante */
  div.yjme_holder div.yjme_item { padding: 0px 20px 0px 20px; }
  div.destaque { height: 100px!important; padding: 0px!important; }  /* em 2 col altura */
  div.destaque div.imageholder img { width:50px!important; height:50px!important; border-radius:50% !important; }       /* 0px para nao ter foto */
  div.destaque  a.item_title { font-size:80%!important; line-height:50%!important; }
  div.destaque p.item_intro { font-size:0px!important; width:0px; height:0px; margin:0px; padding:0px; } /* lead */
  div.destaque a.item_readmore { font-size:0px!important; width:0px!important; height:0px!important; margin:0px!important; padding:0px!important; border:0px!important;  }
  div.destaque div.item_author span { font-size:10px; }
  div.destaque div.item_author  { margin:-5px 0px 0px 0px!important; }
}

/* menu ppl */
#centertop.fixed {  background: rgba(253, 253, 253, 1.0); border-bottom: 1px solid rgba(155, 155, 155, 0.8); color:#000; } /* fundo barra superior ao menu */
.top_menu ul li a { color:#333333!important; background-color:#FDFDFD!important } /* cor menu txt e fundo pg ppl */
#centertop { background: #FDFDFD; } /* cor fundo barra menus interior */
span#yjmm_selectid { color: #666666!important; }
.fa, .fa-home { font-size:125%!important; }
.horiznav { height:70%!important; float:none; }
.horiznav a { font-size: 70%!important; padding:0px 10px 0px 10px!important; height: 70px;} /* afastamentos entre titulos do 1o nivel | 86px->70px altura icone */
span.yjm_has_none span.yjm_title { line-height: 75px; } /* #@# ori 100px >75px altera posicao vertical linha txt do menu ppl | templates/kickoff/css/menus.css */
.horiznav ul li { margin: 0px 0px 0px 0px;  } /* sobe o menu -10px 0px 0 0; */
.top_menu { padding-top: 30px!important; } /* afastamento vertical do menu: sobe ou desce */
.top_menu ul li.haschild span.child a:after { left:0px; } /* afastamento icone divisor */
.top_menu ul li.haschild span.child a:after { font-size: 0px!important; } /* era 10px circulo foi removido */

ul.subul_main span.yjm_has_desc, ul.subul_main span.yjm_has_none span.yjm_title { margin-left: 0; padding: 2px 0px;  } /* alinhar submenu, era padding: 7px 10px; */

#likecentertop { position: fixed; z-index:1010;  width:100%; } /* #@# */

@media screen and (max-width:980) {
  .top_menu_poz_navbar, #mmenu_holder {
    width: 100px!important;
    margin: -40px auto!important;
    top: -66px!important;
  }
}
@media only screen and (max-width: 800px) and (min-width: 240px) {
   #likecentertop { position: relative; z-index:1010;  width:100%; }
.kickslider .yjmediaslider .slide .slide-details .buttons .read-more, .kickslider .yjmediaslider .slide .slide-details .buttons .play-video { font-size: 100%;  padding: 2px 10px; }
}
@media screen and (max-width: 780px) {
.yjmediaslider .slide .slide-details { padding-top: 50px!important; }
}
.top_out { display:none; }
/* hifenizar textos #@# */
p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.nohifen { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

/* 8 boxes de noticias #@# */
/* .kickengine .yjme_content_holder { height: 400px!important; } / * altura caixa so txt */
/* .kickengine.top .yjme_item_in { height:600px!important; } / * altura cx txt + img */
/* .item_titlecab { font-size:66%; line-height:18px!important; } / * altera fonte titulo newsBoxes */
.yj_underslider  .item_titlecab { font-family: Francois One,Franklin Gothic FS Demi,helvetica,sans-serif; font-size: 66%!important; line-height: 18px!important; }
#user1  .item_titlecab { font-family: Francois One,Franklin Gothic FS Demi,helvetica,sans-serif; font-size: 66%!important; line-height: 18px!important; }
.item_intro { font-size:80%!important; line-height:120%!important; } /* fonte do lead noticias artigos votos*/





@media only screen and (max-width: 1400px) and (min-width: 240px) {
   .kickengine.top .yjme_item a.item_image img { max-width: 300px; height: : 150px!important; min-height: 150px!important; max-height: 150px!important; }
}
.kickengine.top.8news .yjme_item_in { height:440px;  }

/* Artigos Colab Cartas Votos #@# */
.kickyork .yjme_item a.item_title { font-size:170%; } /* 170% para 20px com fonte base em 100% */
.kickyork .yjsquare_in .yy_container_out .yy_container .yy_slider .yy_slideitems .yy_slideitems_in .yjme_item .yjme_item_in { height:290px!important; } /* NotSame */

/* css da pagina de pesquisa padrao #@# */
.btn-round { border-radius:3px!important; }  /* esta classe didn't work */
.XXXXbtn-toolbar {   }

/* reposicionando modulos na pg ppl - sobe/desce bloco de noticias #@# */
.yj_underslider { margin:20px auto 0 auto; } /* #@#@ era -20px */
/* entrou bloco @media abaixo #@# */
@media only screen and (min-width: 240px) and (max-width: 640px) { 
div.itemHeader h2.itemTitle { font-size: 150%!important; }
.kickyork { margin: 0px 0 -200px 0; }
.kickyork .module_title { font-size: 200%; text-transform: uppercase; line-height: 40px; margin: 20px auto -19px auto; }

}

/* ---- fim ----- */

/* Formatando o menu principal para entrar Fale Conosco */
/* .horiznav a { font-family: Arial Narrow!important;  height:30px; line-height:50px; padding:0px 6px 0px 6px;} */
/* .horiznav a { font-family: Arial Narrow!important;   padding:0px 6px 0px 6px;} */
/* .top_menu { padding-left:-50px!important; } */
/* .top_menu ul li.haschild span.child a:after { left: -3px!important; }  #@# move bola submenus na horizontal era 5px no blue.css */
ul.subul_main { top: -50px!important; } /* position top menu pulldown */

h9 { font: normal 400 10px/10px Courier, monospace; margin:0px; padding:0px;  }
#hr9 { border: 1px solid red; height:1px; margin:0px; padding:0px; }

/* from testes/layout.css */
.yjsg_grid { padding: 0px 0px; } /* #@# era  padding: 30px 0; */
#yjsg7 .yjsgxhtml { padding: 0px 15px; } /* #@# era 30px 15px; */

#tabcontatos td {
        line-height:100%;
}
/* end from layout.css */

/* Acesso Direto */
#AceDir { 
a { color:white!important; }
a:link    { color:white!important;}; 
a:visited { color:white!important;}; 
a:active  { color:white!important;}; 
a:hover   { color:white!important }
a.hover   { text-decoration:underline!important; }
}