/*
Theme name: PH THEME
Description: Theme responsivo
Version: 1.0
Author: PH
*/
body{
font-family: 'Open Sans',Arial,Tahoma,Verdana,sans-serif;
}
/* PUBLICIDADE */
.pub-728 {
margin-top: 20px;
margin-bottom: 20px;
}
.pub-topsingle {
margin-top: 20px;
margin-bottom: 15px;
}
.pub-bottomsingle {
margin-bottom: 15px;
}
/* RECENTES */
.postsrecentes {
margin-top: 30px;
}
.postsrecentes button {
text-transform: uppercase;
}
.postsrecentes h4 {
padding: 10px;
margin-bottom: 20px;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.postsrecentes a {
color: #262626;
text-decoration: none;
}
.postsrecentes a:hover {
color: #4DB2EC;
text-decoration: none;
}
.postsrecentes .card-img-top {
height:360px !important
}
/* RECENTES 2 */
.postsrecentes2 {
margin-top: 30px;
}
.postsrecentes2 a {
color: #262626;
text-decoration: none;
}
.postsrecentes2 a:hover {
color: #4DB2EC;
text-decoration: none;
}
.postsrecentes2 h4 {
padding: 10px;
margin-bottom: 20px;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.postsrecentes2 .card-img-top {
height:200px !important
}
/* MAIS VISTOS */
.maisvistos {
margin-top: 30px;
}
.maisvistos a {
color: #262626;
text-decoration: none;
}
.maisvistos a:hover {
color: #4DB2EC;
text-decoration: none;
}
.maisvistos h5 {
font-size: 16px;
}
.maisvistos h4 {
padding: 10px;
margin-bottom: 20px;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.maisvistos .card-img-top {
height:100px !important
}
/* AUTOR */
.author {
margin-top: 150px;
}
.author .sobre {
text-transform: uppercase;
margin-bottom: 8px;
font-weight: 700;
}
.author-photo .avatar {
border-radius: 100px;
}
.author .breadcrumb li {
text-transform: uppercase;
margin-top: 2px;
font-weight: 700;
}
.author .botao small {
text-transform: uppercase;
}
.author blockquote {
background: #f5f5f5;
border-left: 2px solid #009dff;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
border-radius: 5px;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
/* PAGINAÇÃO */
.pagination {
margin-top: 10px;
}
.pagination .page-item.active .page-link {
background-color: #09A0FF;
border-color: #09A0FF;
}
/* SINGLE */
.single {
margin-top: 150px;
}
.single .breadcrumb-item a {
color: #000;
}
.single .breadcrumb-item a:hover {
color: #09a0ff;
text-decoration: none;
}
.single a {
color: #09a0ff;
}
.single a:hover {
color: #0b91e5;
text-decoration: none;
}
.single h1 {
margin-bottom: -10px;
}
.single blockquote {
background: #f5f5f5;
border-left: 2px solid #009dff;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
border-radius: 5px;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.wp-caption {
box-shadow: 0 3px 5px rgba(0,0,0,.1);
margin-bottom: 10px;
padding: 1px;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
}
.wp-caption-text {
color: #9B9B9B;
font-size: 14px;
font-style: normal;
font-style: italic;
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* SEM MARGEM */
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
/* BOTÃO TOP */
#btnTop {
position: fixed;
right: 20px;
bottom: 20px;
display: none;
}
/* JUMBOTROM */
.welcome {
color: #FFFFFF;
text-align: center;
margin-top: 20px;
font-family: 'Roboto', sans-serif;
}
.welcome .frase {
padding: 60px 0 0px;
}
.welcome h1 {
font-weight: 700;
font-size: 45px;
}
.welcome p {
	font-size: 20px;
}
.nojumbotrom {
margin-top: 100px;
}
.comjumbotrom .pub-728 {
margin-top: -10px;
}
/* HEADER */
.header .navbar{
background: #2a2b2d;
}
/* NAVBAR HEADER */
.navbar-nav a {
margin-top: 2px;
color: #000;
font-size: 14px;
font-weight: 700;
font-family: 'Roboto', sans-serif;
}
.navbar-expand-md .navbar-nav .nav-link {
text-transform: uppercase
}
.navbar-brand {
padding-top: 0;
}
.navbar-brand img {
max-width: 150px;
max-height: 100px;
}
.navbar-toggler {
background: #fff;
}
.navbar-toggler-icon {
color: #4DB2EC !important
}
.navbar {
background: #4DB2EC;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.navbar a:hover { 
text-decoration: none;
color: #4DB2EC;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
-moz-transition-property: color, background-color;
-o-transition-property: color, background-color;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
/* MENU FOOTER */
.menu-footer { 
border-top: 1px solid rgba(0,0,0,.1);
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
div.custom-menu-class .menu-item { 
border:none;
}
div.custom-menu-class ul {
margin:20px 0px 20px 0px;
list-style-type: none;
list-style: none;
list-style-image: none;
text-align:center;
text-decoration: none;
}
div.custom-menu-class li {
padding: 0px 20px 0px 0px;
display: inline;
text-decoration: none;
} 
div.custom-menu-class a { 
padding: 0px 16px 0px 0px;
color:#000000;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;   
}
div.custom-menu-class a:hover { 
color:#4DB2EC;
text-decoration: none;
}
/* SINGLE SHARED */
.shares .fa-facebook{
background: #0d4c9a;
padding: 10px 50px;
border-radius: 5px;
color: #fff;
font-size:20px;
}
.shares .fa-facebook:hover{
background: #3f588d;
}
.shares .fa-twitter{
background: #1da1f2;
padding: 10px 50px;
border-radius: 5px;
color: #fff;
font-size:20px;
}
.shares .fa-twitter:hover{
background: #009ad6;
}
.shares .fa-whatsapp{
background: #18ab2a;
padding: 10px 50px;
border-radius: 5px;
color: #fff;
font-size:20px;
}
.shares .fa-whatsapp:hover{
background: #1a9328;
}
.shares .fa-pinterest{
background: #e60023;
padding: 10px 50px;
border-radius: 5px;
color: #fff;
font-size:20px;
}
.shares .fa-pinterest:hover{
background: #aa1b1f;
}
/* REDES SOCIAIS FOOTER */
.social {
margin-top: -40px;
}
.social .fa-facebook{
background: #0d4c9a;
padding: 10px 15px;
border-radius: 100px;
color: #fff;
font-size:25px;
}
.social .fa-facebook:hover{
background: #3f588d;
}
.social .fa-twitter{
background: #2caae1;
padding: 10px 11px;
border-radius: 100px;
color: #fff;
font-size:25px;
}
.social .fa-twitter:hover{
background: #009ad6;
}
.social .fa-instagram{
background: #dc4a38;
padding: 10px 12px;
border-radius: 100px;
color: #fff;
font-size:25px;
}
.social .fa-instagram:hover{
background: #c7245f;
}
.social .fa-pinterest-p{
background: #e60023;
padding: 10px 14px;
border-radius: 100px;
color: #fff;
font-size:25px;
}
.social .fa-pinterest-p:hover{
background: #aa1b1f;
}
.redes .list-inline-item {
text-decoration: none;
border:none;
margin-top: 10px;
}
/* LIST LOOP */
.list {
margin-top:20px;
}
.list a {
color: #262626;
text-decoration: none;
}
.list a:hover {
color: #4DB2EC;
text-decoration: none;
}
/* DESTAQUES */
.destaques .card-img-top {
height:150px !important
}
.destaques h5 {
font-size: 16px;
}
/* SEARCH */
.search .mr-3 {
width:200px;
height:150px;
}
.search {
margin-top: 150px;
}
.search h4 {
padding: 10px;
margin-bottom: 20px;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.search a {
color: #262626;
text-decoration: none;
}
.search a:hover {
color: #4DB2EC;
text-decoration: none;
}
/* SIDEBAR */
.sidebar {
list-style: none;
border-radius: 2px;
background-color: #fff;
border-bottom: 10px;
}
.sidebar h3 {
font-size: 1.5em;
text-transform: uppercase;
color: #262626;
padding: 10px 0;
margin-top: -10px;
border-bottom: 3px solid #2a2b2d;
}
.sidebar strong {
font-size: 1.5em;
text-transform: uppercase;
color: #262626;
padding: 10px 0;
border-bottom: 3px solid #222;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar ul li {
margin: 0 0 10px 0;
border-bottom: 1px solid #e1e1e1;
padding: 0 0 5px;
}
.sidebar a {
color: #262626;
text-decoration: none;
font-size: 16px;
padding: 10px 0;
font-family: 'Roboto', sans-serif;
}
.sidebar a:hover {
color: #4DB2EC;
text-decoration: underline;
}
/* WIDGETS FOOTER*/
.sidebar-footer{
list-style: none;
border-radius: 2px;
background-color: #fff;
border-bottom: 10px;
}
.sidebar-footer h3 {
font-size: 1.5em;
text-transform: uppercase;
color: #262626;
padding: 10px 0;
margin-top: -10px;
border-bottom: 3px solid #2a2b2d;
}
.sidebar-footer strong {
font-size: 1.5em;
text-transform: uppercase;
color: #262626;
padding: 10px 0;
border-bottom: 3px solid #222;
}
.sidebar-footer ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-footer ul li {
margin: 0 0 10px 0;
border-bottom: 1px solid #e1e1e1;
padding: 0 0 5px;
}
.sidebar-footer a {
color: #262626;
text-decoration: none;
font-size: 16px;
padding: 10px 0;
font-family: 'Roboto', sans-serif;
}
.sidebar-footer a:hover {
color: #4DB2EC;
text-decoration: underline;
}
/* FOOTER */
.footer {
margin-top: 50px;
}
.copy a {
color: #fff;
}
.copy a:hover {
color: #000;
}
.copy span {
color: #fff;
}
/* COMENTÁRIOS */
.comentarios { overflow:hidden; padding:0px 0px 0px 0px; margin:20px 0 30px 0; text-transform:none; }
.comentarios a { color: #333; }
.comentarios a:hover { color:#ffffff; }
.comentarios h3 { margin:0 0 10px 0; padding:0; font-size:20px; font-weight:normal; color:#222; }
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { list-style:none; margin:0; padding:0; }
ol.commentlist li.comment ul.children li, ol.commentlist li.comment ul li { margin:0; padding:0 0 0 74px; background:url(./resposta.png) no-repeat 35px 0px; }
ol.commentlist li .avatar-comentario { float:left; margin:0 10px 0 0; height:74px; width:74px; display:block; position:relative; }
ol.commentlist li .comentario-campo { 
padding: 8px; 
overflow: hidden; 
margin: 0 0 20px 0; 
background-color: #FFFFFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
ol.commentlist li .comentario-nome { overflow:hidden; }
ol.commentlist li .nome-comentarista { font-size:14px; font-style:italic; color:#939598; padding:0; }
ol.commentlist li .nome-comentarista strong { color:#58595b; }
ol.commentlist li .nome-comentarista a { text-decoration:underline; color:#58595b; }
ol.commentlist li .nome-comentarista a:hover { color:#222; }
ol.commentlist li .data-comentario { font-size:10px; color:#939598; font-weight:normal; font-style:italic; }
ol.commentlist li .texto-comentario { margin:0; padding:10px 0px; color:#999999; line-height:18px; font-size:12px; }
ol.commentlist li .texto-comentario p { margin:0; padding:0; }
ol.commentlist li .texto-comentario a { text-decoration:none; color: #333; }
ol.commentlist li .texto-comentario a:hover { color:#555; }
ol.commentlist li .reply-link { font-size:11px; font-family:Verdana, Geneva, sans-serif; float:none; display:block; float:left; position:relative; text-transform:none; margin:10px 0 0 0; }
ol.commentlist li .reply-link a { display:block; padding:3px 10px; color:#fff !important; background: #333; }
ol.commentlist li .reply-link a:hover { background:#191919;
}
.links-comentario,
.caixa-mensagem {
margin-bottom: 8px;
}
.lista-de-comentarios h3,
.comentarios-titulo {
width: 100%;
margin: 0 0 15px;
padding: 0;
}
.comentario-campos {
padding: 8px 12px;
border: 1px solid #ddd;
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin-bottom: 25px;
}
.caixa-mensagem textarea {
width: 100%;
padding: 8px;
border: 1px #CCC solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.enviar-button {
border: none;
padding: 7px 16px;
background: #333;
color: #FFFFFF;
cursor: pointer;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.enviar-button:hover {
opacity: 0.7;
}
/* PÁGINA ERRO 404 */
.erro404 {
margin-top: 100px;
}
/* POSTAGENS RELACIONADAS */
.posts-popular {
margin-bottom: 30px;
}
.posts-popular h4 {
margin-bottom: 15px;
padding: 10px;
text-transform: uppercase;
color: #262626;
text-align: center;
font-weight: 700;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.posts-popular a {
color: #262626;
text-decoration: none;
}
.posts-popular a:hover {
color: #4DB2EC;
text-decoration: none;
}
.posts-popular .card-img-top {
width: 100%;
height: 100px;
}
.posts-popular:hover img {
opacity:0.8;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
/* CALENDÁRIO WIDGET */
.widget_calendar {
float: left;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: right;
color: #262626;
font-size: 12px;
margin-top: 10px;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 15px;
}
#wp-calendar thead th {
padding-bottom: 10px;
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
text-align: center;
padding: 8px;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad {
background: #f5f5f5;
}
#wp-calendar tfoot #next {
font-size: 15px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 15px;
text-transform: uppercase;
padding-top: 10px;
}
/* LAYOUT RESPONSIVO */
@media (max-width: 767px) {
.search {
margin-top: 100px;
}
.search h4 {
padding: 10px;
margin-bottom: 20px;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.search .mr-3 {
width:100px;
height:80px;
}
.search .busca {
margin-bottom: 30px;
}
.single {
margin-top: 100px;
}
.single h1 {
font-size: 25px;
}
.single h2 {
font-size: 22px;
}
.single h3 {
font-size: 20px;
}
.single h4 {
font-size: 18px;
}
.social {
margin-top: 0px;
}
.pub-728 {
margin-top: 100px;
margin-bottom: 50px;
}
.pub-topsingle {
margin-bottom: 50px;
}
.pub-300 {
margin-bottom: 10px;
}
.list {
margin-top:10px;
}
.welcome h1 {
font-weight: 700;
font-size: 25px;
}
.welcome p {
	font-size: 20px;
}
.postsrecentes .comjumbotrom {
margin-top: -50px;
}
.postsrecentes button {
text-transform: uppercase;
margin-bottom: 15px;
}
.postsrecentes {
margin-top: -1px;
}
.posts-popular {} .card-img-top {
height:250px !important
}
.posts-popular h6 {
font-size: 1.25rem;
}
.destaques .card-img-top {
height:250px !important
}
.destaques h5 {
font-size: 1.25rem;
}
.postsrecentes .card-img-top {
height:250px !important
}
.conteudo-single .breadcrumb li {
font-size: 14px;
}
.shares button {
text-align: center;
width: 250px !important
margin-left: -10px;
}
.shares .fa-facebook{
width: 240px;
background: #0d4c9a;
border-radius: 5px;
color: #fff;
font-size:20px;
margin-bottom: 5px;
}
.shares .fa-facebook:hover{
background: #3f588d;
}
.shares .fa-twitter{
width: 240px;
background: #1da1f2;
border-radius: 5px;
color: #fff;
font-size:20px;
margin-bottom: 5px;
}
.shares .fa-twitter:hover{
background: #009ad6;
}
.shares .fa-whatsapp{
width: 240px;
background: #18ab2a;
border-radius: 5px;
color: #fff;
font-size:20px;
margin-bottom: 5px;
}
.shares .fa-whatsapp:hover{
background: #1a9328;
}
.shares .fa-pinterest{
width: 240px;
background: #e60023;
border-radius: 5px;
color: #fff;
font-size:20px;
margin-bottom: 5px;;
}
.shares .fa-pinterest:hover{
background: #aa1b1f;
}
.maisvistos {
margin-top: -10px;
}
.maisvistos h5 {
font-size: 1.25rem;
}
.maisvistos .card-img-top {
height:200px !important
}
}