/*
Theme Name:Negócio Online
Theme URI:https://centronegocioonline.com
Author:Webeats
Author URI:https://www.webeats.com.br
Description:Tema base utilizado como referencia para implementação dos projetos da Webeats.
Version:1.0
Text Domain:webeats
*/

/*
PALETA DE CORES
Roxo medio -------- #743359
Cinza -------- #272827
Vermelho -------- #f90035
*/


/* ---GERAL--- */


* { margin:0; padding:0; outline:none; }
html {margin:0 !important;}
body { font-size:14px; font-family:'Open Sans', sans-serif; color:#444444; background:#f6f6f6; margin:0 !important; font-size:16px; }

.customize-support {margin:0 !important;}

/* ---ELEMENTOS GERAIS--- */

h1 { font-family:'Kalam', cursive; color:#f90035; font-size:46px; margin-bottom:20px; margin-top:10px; letter-spacing:-2px; }
h2 { font-weight:700; font-size:32px; color:#272827; letter-spacing:-2px; }
h3 { font-weight:600; font-size:26px; color:#743359; letter-spacing:-1px; }
h4 {}

p {}

a { color:#743359; }
a:hover { color:#f90035; }

ul {}
ul li {}

blockquote {}

.bt-site { padding:5px 20px; border-radius:5px; background:#743359; transition:all ease-in-out 0.3s; color:#fff; font-weight:bold; font-size:16px; margin:10px 0; display:inline-block; }
.bt-site:hover { text-decoration:none; background:#f90035; color:#fff;  }

/* .bt-cta { padding:10px 15px; background:#743359; text-align:center; color:#fff; } */

video { width:100%; max-width:690px; height:auto; margin:0 auto; }

.bt-cta  { background:#00AF3F; color:#fff; padding:10px 20px; width:100%; text-align:center; font-size:20px; border-radius:40px; transition:all ease-in-out 0.3s;  border-bottom:solid 3px #003D0E; margin:0 auto; display:block; max-width:400px; }
.bt-cta:hover { text-decoration:none; background:#006628; color:#fff; }

/* ---CABEÇALHO--- */

#barra-header { height:5px; display:block; background:#f90035; }

header {  }
header .pre-header {  padding:30px 0; background:#fff; }
header .area-logo { text-align:center; }
header .area-menus { background:#743359; margin-bottom:40px; }

header .banner-topo {  }

.breadcrumbs { display:none; }

/* ---HOME--- */

.post-item .box-post .item-img img { width:100%; height:auto; }
.conteudo-home { background:#fff; padding-top:15px; border-bottom:solid 5px #d0d9dc; border-bottom-right-radius:10px; border-bottom-left-radius:10px; padding-bottom:20px; }
.conteudo-home figure img { width:100%; height:auto; }

.img-container img, .item-img img { width:100%; height:auto; }
.img-container { position:relative; }
.img-container .caption { position:absolute; right:0; bottom:40px; background:red; padding:3px 10px; color:#fff; }

/* ---CONTEÚDO INTERNAS--- */
.content-interna { background:#fff; padding-top:15px; border-bottom:solid 5px #d0d9dc; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }

/* BLOG */

.box-blog { background:#fff; padding-top:15px; border-bottom:solid 5px #d0d9dc; border-bottom-right-radius:10px; border-bottom-left-radius:10px; padding:20px; margin-bottom:30px; }

.box-blog h1 { color:#f90035; margin-bottom:30px; letter-spacing:-1px; }
.box-blog a { text-decoration:none; }
.box-blog a h2 { padding:15px 0 0 0; font-family:'Kalam', cursive; color:#f90035; font-size:46px; letter-spacing:-2px; font-weight:normal; }

.box-blog .img-container { margin-bottom:10px; }

.box-post h3 { font-size:20px; }
.box-post h3 a { color:#000; }
.box-post .container-img { margin-bottom:15px; }

/* BLOCKQUOTE */

*, *:before, *:after{ margin:0; padding:0; direction:ltr; box-sizing:border-box; }
.ArticleCopy{ width:100%; margin:0 auto; border:1px solid #ddd; padding:2rem; text-align:center; }
.ArticleCopy p { text-rendering:optimizeLegibility; }
.ArticleCopy h3 { color:#f90035; font-size:16px; font-weight:bold; }
.ArticleCopy blockquote { border-radius:3px; position:relative; font-style:italic; text-align:center; padding:1rem 1.2rem; width:90%; color:#4a4a4a; margin:1rem auto 1rem; color:#4a4a4a; background:#7433592e; }
.ArticleCopy blockquote:before,
.ArticleCopy blockquote:after{ font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; top:13px; color:#f90035; font-size:34px; }
.ArticleCopy blockquote:before{ content:"\f10d"; margin-right:13px; right:100%; }
.ArticleCopy blockquote:after{ content:"\f10e"; margin-left:13px; left:100%; }

ol { list-style:none; counter-reset:li; margin-left:18px;}
ol li::before {content:counter(li); color:red;
  display:inline-block; width:1em;
  width:1em; margin-left:-1.5em;
    margin-right:0.5em; text-align:right; direction:rtl; font-weight:bold; }
ol li {counter-increment:li}

/* Rodape dos Posts */

.footer-post { border-top:solid 1px #cccccc; display:inline-block; width:100%; margin-top:15px; padding-top:15px; }
.footer-post .barra-social { float:left; }
.footer-post .barra-pager { float:right; text-align:right; }
.footer-post .barra-pager .pager { text-align:right; }

.footer-post ul li { list-style:none; }
.footer-post ul li a { background:#f90035; color:#ffffff; border-radius:5px; padding:4px 10px; border:none; margin-top:-5px; transition:all ease-in-out 0.3s; }
.footer-post ul li a:hover,
.footer-post ul li a:focus,
.footer-post ul li a:active { background:#333; }
.footer-post ul li span { background:#29448d; border-radius:0; padding:2px 10px; border:none; color:#fff; }
.footer-post ul li a i { transition:all ease-in-out 0.3s; }
.footer-post ul li a:hover i {
  transform:rotate(-360deg);
  -webkit-transform:rotate(-360deg);
  -ms-transform:rotate(-360deg);
}

.footer-post .barra-social { padding-top:20px; }
.footer-post .paginacao { padding:20px 0; display:inline-block; width:100%; }

.wp-pagenavi { display:inline-block; text-align:center; width:100%; margin:20px 0; }

.wp-pagenavi a,
.wp-pagenavi a { background:#f90035; color:#ffffff; border-radius:4px; padding:3px 10px !important; border:none !important;  margin:0 2px !important; }
.wp-pagenavi a:hover,
.wp-pagenavi a:hover { background:#333; }
.wp-pagenavi span,
.wp-pagenavi span { background:#333 !important; border-radius:4px; padding:3px 10px !important; border:none !important; color:#fff; margin:0 2px !important; }


/* SIDEBAR */
.sidebar-home aside, .sidebar aside { background:#fff; padding:15px 20px; border-bottom:solid 5px #d0d9dc; border-bottom-right-radius:10px; border-bottom-left-radius:10px;  text-align:center; margin-bottom:20px; }

.sidebar-home .widget_nav_menu ul li, .sidebar .widget_nav_menu ul li {  list-style:inside square; color:#f90035; text-align:left;}

/* FORMULÁRIOS */

.wpcf7 label { width:100%; margin-bottom:5px; }
.wpcf7 input[type=text],
.wpcf7 input[type=tel],
.wpcf7 input[type=email] { border:solid 1px #CCC; padding:5px 10px; border-radius:10px; width:100%; color:#f90035; }
.wpcf7 textarea { border:solid 1px #CCC; padding:5px 10px; border-radius:10px; width:100%; resize:none; }
.wpcf7 .form-item { margin:0 0 15px 0; }
.wpcf7 input[type=submit] { padding:5px 20px; border-radius:5px; background:#f90035; transition:all ease-in-out 0.3s; color:#fff; font-weight:bold; font-size:16px; margin:10px 0; display:inline-block; border:none; cursor:pointer; }
.wpcf7 input[type=submit]:hover { text-decoration:none; background:#333; color:#fff; }
.wpcf7-response-output { clear:both; }

/* ---RODAPÉ--- */

footer { background:#743359; padding:0; margin-top:50px; }
footer ul.menu { text-align:center; padding:15px 0 0 0; }
footer ul.menu li { list-style:none; display:inline-block; text-align:center; margin:0 5px; }
footer ul.menu li a { font-size:16px; color:#f90035; }
footer ul.menu li a:hover { color:#333; text-decoration:none; }

footer .bt-footer { background:#00AF3F; color:#fff; padding:20px 30px; width:100%; text-align:center; font-size:30px; border-radius:60px; transition:all ease-in-out 0.3s;  border-bottom:solid 5px #003D0E;  }
footer .bt-footer:hover { text-decoration:none; background:#006628; }

footer .panel-grid-cell { text-align:center; }

.sub-footer { background:#f90035; color:#fff; padding:8px 0; }  
.sub-footer .area-esquerda { display:inline-block; text-align:left; }
.sub-footer .area-direita { display:inline-block; text-align:right;}

/* ---FORMULÁRIOS--- */



/* ---ADAPTAÇÃO DE PLUGINS--- */


.size-full { width:100%; height:auto; }
.alignright { float:right; margin:0 0 15px 15px; }
.alignleft { float:left; margin:0 15px 15px 0; }


/* INVISIVEL */

.invisivel { width:0; height:0; overflow:hidden; }

.elementor {margin:-8px 0 0 0 !important;}