@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{ 

    font-family: 'Poppins', sans-serif;

    /* cores padr�es */
    --color-primary: #000; /*#F22E3E*/
    --color-secondary: #F22E3E; /*#F27127*/
    --color-text: #444444; /*#4D4D4D;*/
    --color-back: #FFF;
    --color-dark: var(--color-primary);
    --color-light: #F2F2F2;

    /* bot�es */
    --btn-back: var(--color-text);
    --btn-back-hover: var(--color-primary);
    --btn-color: #FFF;
    --btn-color-hover: var(--btn-color);

    /* top bar */
    --bar-back: var(--color-primary);
    --bar-color: #FFF;
    --bar-icon-color: rgba(255,255,255,0.6);
    --bar-icon-redes-color: rgba(255,255,255,0.6);
    --bar-icon-redes-color-hover: rgba(255,255,255,0.6);

    /* top */
    --top-logo-padding: 5px;
    --top-logo-padding-responsive: 5px;
    --top-logo-width-responsive: 160px;
    --top-logo-height-responsive: 60px;
    --top-back: #FFF;    
    --top-nav-back: transparent;
    --top-nav-color: var(--color-primary);    
    --top-nav-hover-back: #FFF;
    --top-nav-hover-color: var(--color-secondary);
    --top-drop-back: #FFF;    
    --top-drop-color: var(--color-primary);
    --top-drop-hover-back: var(--color-light);
    --top-drop-hover-color: var(--top-nav-color);

    /* footer */
    --footer-back: var(--color-primary);
    --footer-color: #FFF;
    --footer-copy-back: rgba(0,0,0,0.06);
    --footer-copy-color: rgba(255,255,255,0.5);
    --footer-icon-color: var(--bar-icon-color);
    --footer-icon-redes-color: var(--bar-icon-redes-color);
    --footer-icon-redes-color-hover: var(--bar-icon-redes-color-hover);

    /* title */
    --title-color: var(--color-text);
    --title-line-color: #FFF;
    --title-line-size: 0;
    --title-post-color: var(--title-color);

    --title-internal-color: var(--color-text);
    --title-internal-back: var(--color-light);

}

header .navbar-nav a { font-size: 1.15em; text-transform: none; }


h1.title{font-size:4em}
h2.title{font-size:3.6em}
h3.title{font-size:3.2em}
h4.title{font-size:2.8em}
h5.title{font-size:2.4em}

footer #news .form-control, footer #news .form-control::placeholder, footer #news .fa-at{color:var(--color-primary); }
footer #news .btn{background:rgba(0,0,0,0.08); }

.titulo { background: #FFF; border-top: 1px solid var(--color-secondary);  border-bottom: 1px solid var(--color-secondary);  }
.titulo h2 {  font-size: 3.5em;  padding:15px 0 }

.btn-outline-secondary { color: var(--color-secondary); border-color: var(--color-secondary); border-width: 2px; border-radius: 20px }
.btn-outline-secondary:hover, .btn-outline-secondary:active { background: var(--color-secondary); border-color: var(--color-secondary);  }

#box-page-3 img { width: 70px }

header .navbar-nav .dropdown-menu { box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius: 8px; }

@media (max-width:767.99px){
h3.title, .titulo h2 { font-size:2.5em; }
}

.slider-blog .h-100 { display: inline-block; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);  }
.slider-blog .h-100:hover { transform: translateY(-10px); }

  /* noticias */
article.post {  padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px dotted #ddd; }
article.post header h1 { font-size: 2.1em; margin: 0 0 10px 0; padding: 0; letter-spacing: 0; }
article.post header h1 a { color: var(--color-text); }
article.post header .barra { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 0; padding-top: 10px; margin-bottom: 20px; font-size: 0.9em; }
article.post header .barra span { display: inline-block; margin: 0 25px 5px 0; vertical-align: top; }
article.post header .barra span i { padding-right: 5px; }
article.post .zoom-container { margin-bottom: 15px; }
article.post .conteudo { padding-bottom: 20px; font-size: 1.1em; line-height: 1.9em; }
article.post .conteudo p { margin-bottom: 20px }

.sidebar p { text-align: left !important; margin: 0 0 2px; }
.sidebar .widget, .widget { margin-bottom: 35px }
.widget ul { list-style: none; padding: 0; }
.categoria ul li { padding: 6px 0; border-bottom: 1px solid #F8F8F8; }
.categoria ul li:before { content: "\f105"; font-family: FontAwesome; font-size: 16px; font-style: normal; font-weight: 400; padding-right: 10px; }

.tabs ul.posts li { margin-bottom: 15px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #f8f8f8; }
.tabs ul.posts li img { height: 68px; width: 68px; -webkit-transition: all .4s ease-in 0; -moz-transition: all .4s ease-in 0; -o-transition: all .4s ease-in 0; -ms-transition: all .4s ease-in 0; transition: all .4s ease-in 0; float: left; }

#horizontal-tabs { margin-bottom: 30px }
#horizontal-tabs ul.tabs { border-left: 1px solid #ddd; overflow: hidden; border-radius: 2px; list-style: none; margin: 0; padding: 0; }
#horizontal-tabs ul.tabs li { background: #fafafa; border-right: 1px solid #ddd; border-top: 2px solid #283043; cursor: pointer; float: left; font-size: 15px; padding: 12px; }
#horizontal-tabs ul.tabs li.current { border-bottom: 1px solid #fff; background: none; cursor: default; }
#horizontal-tabs .contents { border: 1px solid #ddd; margin-top: -1px; border-radius: 2px; }
#horizontal-tabs .tabscontent.no-padding { padding-left: 0; padding-right: 0; }
#horizontal-tabs .tabscontent { display: none; overflow: hidden; padding: 20px 20px 0; }
#horizontal-tabs .tabscontent .img-thumbnail { margin: 0 13px 5px 0 }

/* PAGINAÇÃO */
#box-paginacao {float:left; width:100%; text-align:center; margin:10px 0 40px 0; padding:2px 0 0 0; background:#fff}
#box-paginacao ul {margin:5px 0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit; }
#box-paginacao ul li {display:inline; font-size:1.2em;font-weight:bold;}
#box-paginacao ul li.link-anterior {float:left;font-weight:normal;}
#box-paginacao ul li.link-proxima {float:right;font-weight:normal;}
#box-paginacao ul li a {color:#000;padding:0 0.30em; text-decoration: none;}
#box-paginacao ul li a:hover {background-color:#000;color:#FFF;text-decoration:none}
#box-paginacao ul li.link-anterior a,
#box-paginacao ul li.link-proxima a {padding:0;}
#box-paginacao ul li.link-anterior a:hover,
#box-paginacao ul li.link-proxima a:hover {background:none;color:#000;text-decoration:underline;}
#box-paginacao ul li .on {background-color:#999;color:#FFF;display:inline !important;padding:0 0.30em;}
#box-paginacao ul li .off {color:#999;display:inline !important;}

img.img-responsive { width: 100%; float: left; }