:root {
--branco: #ffffff;
--gelo: #fbfbfb;
--cinza: #f4f4f4;
--verde: #2fe195;
--azul: #0b1d3e;
--azulado: #7a879e;
}  * {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
outline: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} html,
body {
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html {
font-size: 10px;
}
body {
font-family: "Roboto", sans-serif;
font-size: 1.6rem;
color: var(--azul);
line-height: 1;
background-color: var(--branco);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input {
border-radius: 0;
}
input,
select,
textarea {
font-family: "Roboto", sans-serif;
font-weight: normal;
font-size: 1.5rem;
color: #000;
padding: 0;
border: 0;
}
textarea {
overflow: auto;
line-height: 17px;
}
::-webkit-input-placeholder {
color: var(--branco);
opacity: 1;
}
:-moz-placeholder {
color: var(--branco);
opacity: 1;
} ::-moz-placeholder {
color: var(--branco);
opacity: 1;
} :-ms-input-placeholder {
color: var(--branco);
opacity: 1;
}
:focus {
outline: none;
}
::-moz-focus-inner {
border: 0;
}
p {
line-height: 1.3;
}
a {
text-decoration: none;
color: var(--verde);
-webkit-transition: color 0.3s linear 0s, background-color 0.3s linear 0s;
-moz-transition: color 0.3s linear 0s, background-color 0.3s linear 0s;
-o-transition: color 0.3s linear 0s, background-color 0.3s linear 0s;
transition: color 0.3s linear 0s, background-color 0.3s linear 0s;
}
a:hover {
color: var(--azulado);
text-decoration: none;
}
a:hover p {
color: #000;
}
table {
border-collapse: collapse;
margin: 15px 0;
}
table th,
table td {
padding: 5px;
border: 1px solid #000;
}
h1,
h2,
h3 {
text-transform: uppercase;
}
h1,
h2 {
font-size: 4rem;
}
h3 {
font-size: 3.8rem;
}
p.autor {
color: var(--branco);
text-transform: uppercase;
background-color: #000;
padding: 6px 11px 5px;
display: inline-block;
margin-top: 10px;
}
.wrapper {
max-width: 1000px;
width: 100%;
margin: 0 auto;
position: relative;
padding: 0 40px;
}
.row {
width: 100%;
float: left;
clear: left;
}
.col {
width: calc(49%);
float: left;
}
.col:last-child {
float: right;
}
.flexbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-between;
}
.fitvidz {
width: 100%;
float: left;
clear: left;
}
.fitvidz iframe {
width: 100%;
height: auto;
} #header {
width: 100%;
height: 135px;
background-color: var(--azul);
color: var(--branco);
float: left;
clear: left;
position: relative;
z-index: 10;
padding: 27px 0 40px 0;
}
#header .wrapper {
height: 100%;
} #header .logo {
width: 175px;
height: auto;
float: left;
margin-top: 13px;
}
#header .logo_forumseg {
float: right;
} .sm_fixed {
position: fixed;
right: 0;
top: 250px;
z-index: 9999;
}
.admin-bar .sm_fixed {
top: 282px;
}
.sm_fixed a {
width: 64px;
height: 64px;
background-color: var(--azul);
color: var(--verde);
float: right;
clear: right;
align-items: center;
justify-content: center;
}
.sm_fixed a i {
display: inline-block;
font-size: 3.2rem;
}
.sm_fixed a:hover {
color: var(--branco);
} #edicao {
height: 64px;
background-color: var(--verde);
}
#edicao .wrapper {
display: flex;
gap: 30px;
}
.hdr_edicao {
max-width: 160px;
position: relative;
}
.hdr_edicao .tit_edicao {
line-height: 64px;
padding-right: 25px;
position: relative;
z-index: 91;
float: left;
cursor: pointer;
}
.hdr_edicao .tit_edicao:after {
content: "";
width: 10px;
height: 6px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_menu_arrow.svg) center center no-repeat;
position: absolute;
right: 0px;
top: calc(50% - 3px);
}
.hdr_edicao .tit_edicao a {
font-size: 2rem;
font-weight: bold;
color: var(--azul);
}
.hdr_edicao .tit_edicao a:hover {
color: var(--azulado);
}
.hdr_edicao ul {
width: calc(100% + 40px);
position: absolute;
left: -20px;
top: 4px;
z-index: 90;
list-style: none;
padding: 66px 20px 20px;
display: none;
background: var(--branco);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.16);
border-radius: 8px;
}
.hdr_edicao ul.opened {
display: block;
}
.hdr_edicao ul li {
text-transform: uppercase;
font-size: 1.6rem;
font-weight: bold;
color: var(--azul);
margin-bottom: 16px;
}
.hdr_edicao ul li:last-child {
margin-bottom: 0;
}
.hdr_edicao ul li a {
color: var(--azul);
}
.hdr_edicao ul li a.dark {
color: var(--verde);
}
.hdr_edicao ul li a:hover {
color: var(--azulado);
} .menu--editorias {
@media (min-width: 560px){
display: none;
}
}
.hdr_editoria {
max-width: 160px;
position: relative;
display: none;
@media (min-width: 560px) {
display: block;
}
}
.hdr_editoria .tit_editoria {
font-size: 2rem;
font-weight: bold;
color: var(--azul);
line-height: 64px;
padding-right: 25px;
position: relative;
z-index: 91;
float: left;
cursor: pointer;
}
.hdr_editoria .tit_editoria:after {
content: "";
width: 10px;
height: 6px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_menu_arrow.svg) center center no-repeat;
position: absolute;
right: 0px;
top: calc(50% - 3px);
}
.hdr_editoria .tit_editoria a {
font-size: 2rem;
font-weight: bold;
color: var(--azul);
}
.hdr_editoria .tit_editoria a:hover {
color: var(--azulado);
}
.hdr_editoria ul {
width: calc(100% + 100px);
position: absolute;
left: -20px;
top: 4px;
z-index: 90;
list-style: none;
padding: 66px 20px 20px;
display: none;
background: var(--branco);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.16);
border-radius: 8px;
}
.hdr_editoria ul.opened {
display: block;
}
.hdr_editoria ul li {
text-transform: uppercase;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.1;
color: var(--azul);
margin-bottom: 16px;
}
.hdr_editoria ul li:last-child {
margin-bottom: 0;
}
.hdr_editoria ul li a {
color: var(--azul);
}
.hdr_editoria ul li a.dark {
color: var(--verde);
}
.hdr_editoria ul li a:hover {
color: var(--azulado);
} #menubar {
height: 61px;
background-color: var(--verde);
position: relative;
z-index: 20;
}
.menuIcon {
display: none;
}
.menu {
margin: 0 30px 0 auto;
}
.menu ul {
list-style: none;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.menu ul li {
font-size: 1.6rem;
color: var(--branco);
font-weight: bold;
text-transform: uppercase;
line-height: 61px;
float: left;
margin-right: 35px;
}
.menu a {
color: var(--azul);
text-decoration: none;
position: relative;
display: block;
}
.menu ul li.menu__amarelo a {
background-color: #fcd31c;
line-height: 1;
padding: 10px;
border-radius: 5px;
}
.menu ul li.menu__lilas a {
background-color: #8849c6;
color: #fff;
line-height: 1;
padding: 10px;
border-radius: 5px;
}
.menu a:hover {
color: var(--azulado);
}
.menu ul li.current-menu-item a:before {
content: "";
width: 24px;
height: 12px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_menu2.png) center center no-repeat;
background-size: 24px 12px;
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -12px;
} .searchIcon {
width: 39px;
height: 27px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_search.svg) center center no-repeat;
position: absolute;
right: 40px;
top: 18px;
-webkit-transition: background 0.3s linear 0s;
-moz-transition: background 0.3s linear 0s;
-o-transition: background 0.3s linear 0s;
transition: background 0.3s linear 0s;
}
.searchNav {
width: 158px;
height: 32px;
background-color: var(--azul);
position: absolute;
right: 41px;
top: 47px;
z-index: 90;
display: none;
}
.searchNav .searchField {
width: calc(100% - 39px);
height: 32px;
line-height: 32px;
background-color: transparent;
float: left;
font-size: 1.4rem;
color: var(--branco);
padding-left: 15px;
}
.searchNav .searchSubmit {
width: 39px;
height: 27px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_submit.png) center center no-repeat;
cursor: pointer;
float: right;
} .hero__image {
height: 460px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.hero__image img {
display: none;
}
.hero__text {
background-color: var(--verde);
padding-bottom: 30px;
position: relative;
}
.hero__text .wrapper {
height: 100%;
position: relative;
}
.hero_box {
background-color: var(--azul);
padding: 40px;
border-radius: 16px;
margin-top: -50px;
float: left;
clear: left;
}
.hero_box:before {
content: "";
width: 54px;
height: 54px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_arrow_destaque.svg) center center no-repeat;
position: absolute;
left: 80px;
top: -75px;
}
.hero_box h2 {
font-size: 4rem;
font-weight: bold;
line-height: 1.2;
color: var(--verde);
margin-bottom: 20px;
}
.hero_box h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.5;
color: var(--branco);
margin-bottom: 20px;
text-transform: none;
}
.hero__caption {
font-size: 1.2rem;
font-style: italic;
position: absolute;
right: 24px;
top: 10px;
z-index: 50;
text-align: right;
} #banner {
height: 414px;
position: relative;
}
#banner img {
width: 100%;
height: 414px;
object-fit: cover;
}
.titleWrapper {
width: 100%;
position: absolute;
z-index: 5;
left: 0;
bottom: 0;
}
.titleWrapper .pageTitle {
position: absolute;
left: 0px;
bottom: 20px;
}
.titleWrapper h1 span {
color: var(--azulado);
}
.layerShadow {
width: 100%;
height: 414px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/shadow_banner.png) center bottom repeat-x;
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
display: block;
}
#banner.noshadow .layerShadow {
display: none;
}
.bannerLink {
width: 100%;
height: 100%;
display: block;
text-indent: -999999px;
position: absolute;
left: 0;
top: 0;
z-index: 50;
}
.banner__caption {
font-size: 1.2rem;
font-style: italic;
position: absolute;
right: 24px;
bottom: -21px;
z-index: 50;
text-align: right;
}  .pageTitle {
font-size: 4rem;
color: var(--azulado);
line-height: 1.2;
margin-bottom: 20px;
position: relative;
z-index: 5;
}
.pageTitle a {
color: #000;
}
.pageTitle.titleNoArrow {
padding-left: 0;
}
.pageTitle.titleNoArrow::before {
display: none;
}
.pageTitle a:hover {
color: var(--azulado);
}
.pageTitleLight,
.pageTitleLight a {
color: var(--branco);
}
.pageTitleLight::before {
background-image: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_titles_white.svg);
} .articleTitle {
font-size: 5rem;
margin-bottom: 20px;
position: relative;
}
.articleTitle a {
position: relative;
display: block;
padding-left: 75px;
}
.articleTitle a::before {
content: "";
width: 53px;
height: 63px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_arrow_black.svg) center center no-repeat;
border: 1px solid #000;
position: absolute;
left: 0px;
top: 7px;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 0.3s;
}
.articleTitle a:hover::before {
background-position: 22px center;
} .btn {
height: 62px;
line-height: 62px;
color: var(--branco);
text-transform: uppercase;
border: 1px solid var(--branco);
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_arrow_white.svg) 16px 11px no-repeat;
display: inline-block;
padding: 0 20px 0 56px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btn:hover {
color: inherit;
background-position: 22px 11px;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.2);
}
.btnBlack {
color: #000;
text-transform: uppercase;
border: 1px solid #000;
background-image: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_arrow_black.svg);
}  #intro {
background-color: var(--gelo);
color: var(--azul);
padding: 50px 0;
position: relative;
}
#intro h1,
#intro h2 {
color: var(--azul);
margin-bottom: 10px;
}
#intro h3,
#intro p {
text-transform: uppercase;
font-size: 2.4rem;
color: var(--azulado);
}
#intro a {
color: var(--azul);
}
#intro a:hover {
color: var(--verde);
} #blocoBusca {
background-color: var(--branco);
color: #000;
padding: 60px 0 70px;
}
#blocoBusca p {
text-transform: uppercase;
margin-bottom: 15px;
padding-left: 50px;
}
#blocoBusca label {
font-size: 2rem;
}
.searchBlock {
width: calc(100% - 50px);
max-width: 690px;
height: 83px;
border: 1px solid #000;
margin: 40px 0 0 50px;
position: relative;
}
.searchBlock::before {
content: "";
width: 10px;
height: 100%;
position: absolute;
left: -49px;
top: 0;
background-color: #000;
}
.searchBlock .searchField {
width: calc(100% - 97px);
height: 83px;
line-height: 83px;
background-color: transparent;
float: left;
font-size: 2.4rem;
color: var(--branco);
padding-left: 25px;
color: #000;
}
.searchBlock .searchSubmit {
width: 97px;
height: 83px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_search_black.png) center center no-repeat;
cursor: pointer;
float: right;
} .artigo {
width: 100%;
float: left;
padding: 80px 0;
background-color: var(--branco);
}
.artigo:nth-child(even) {
background-color: var(--gelo);
}
.artigo h2 {
font-size: 4rem;
font-weight: bold;
color: var(--azul);
line-height: 1.2;
margin: 0 0 10px 0;
position: relative;
display: inline-block;
}
.artigo h2 a {
color: var(--azul);
}
.artigo h2 a:hover {
color: var(--verde);
}
.artigo h2.isPDF:before {
content: "";
width: 25px;
height: 31px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/icon_pdf.svg) center center no-repeat;
position: absolute;
left: -45px;
top: 5px;
}
.artigo h3 {
font-size: 2rem;
color: var(--azulado);
line-height: 1.3;
text-transform: none;
}
.artigo .item-meta h3 {
text-transform: uppercase;
}
.artigo .item-meta h3.setembro-amarelo,
.artigo .item-meta h3.setembro-amarelo a {
background-color: #fcd31c;
}
.artigo .item-meta h3.mulheres-e-seguranca-publica,
.artigo .item-meta h3.mulheres-e-seguranca-publica a {
background-color: #8849c6;
color: #fff;
}
.artigo p {
padding: 0 75px;
}
.blocoArtigos .btn {
margin: 40px 0;
}
.readMore {
color: var(--azulado);
text-decoration: underline;
}
.item-meta {
width: 100%;
margin-bottom: 32px;
float: left;
clear: left;
}
.item-meta span,
.item-meta h3 {
height: 52px;
line-height: 52px;
float: left;
padding: 0 16px;
}
.item-meta span {
font-size: 2.4rem;
font-weight: bold;
text-transform: uppercase;
color: var(--verde);
background-color: var(--azul);
}
.item-meta h3 {
font-size: 1.6rem;
color: var(--azul);
background-color: var(--verde);
margin: 0;
}
.item-meta h3 a {
display: block;
color: var(--azul);
background-color: var(--verde);
}
.item-meta h3 a:hover {
color: var(--branco);
}
.item-image {
width: 100%;
float: left;
clear: left;
position: relative;
margin-bottom: 40px;
}
.item-image img {
width: 100%;
height: auto;
float: left;
clear: left;
}
.item-image .item-meta {
position: absolute;
left: 0;
bottom: 0;
margin-bottom: 0;
}
.autoria {
margin-top: 15px;
}
.autoria h4 {
font-size: 2rem;
font-weight: bold;
color: var(--azul);
line-height: 1.2;
}
.autoria p {
font-size: 1.6rem;
font-weight: normal;
color: var(--azul);
margin-top: 10px;
}
.baixar_pdf {
font-size: 3rem;
} .anteriores {
padding: 80px 0;
background-color: var(--verde);
}
.anteriores h3 {
margin-bottom: 20px;
}
.anteriores h3 a {
color: var(--azul);
}
.edGrid-wrapper {
}
.edGrid {
justify-content: space-between;
align-items: center;
}
.edGrid a {
width: 23%;
font-size: 4rem;
line-height: 1;
font-weight: bold;
color: var(--azul);
background-color: var(--branco);
display: block;
padding: 24px;
border-radius: 8px;
}
.edGrid a span {
font-size: 1.6rem;
line-height: 1.2;
display: inline-block;
padding-top: 20px;
}
.edGrid a:hover {
color: var(--branco);
background-color: var(--azul);
}
.edGrid a.card__off {
background: none;
}
.edGrid a.card__off:hover {
background: none;
color: var(--branco);
} .blocoDoacao {
padding-bottom: 10px;
overflow: hidden;
}
.blocoDoacao a {
text-transform: uppercase;
}
.blocoDoacao a span {
font-size: 2.4rem;
text-transform: uppercase;
color: var(--azulado);
margin-top: -72px;
padding-left: 152px;
display: block;
}
.blocoDoacao a:hover,
.blocoDoacao a:hover span {
color: var(--verde);
}
.blocoNoMundo h2,
.blocoNoMundo h3,
.blocoDoacao span {
-webkit-transition: color 0.3s linear 0s;
-moz-transition: color 0.3s linear 0s;
-o-transition: color 0.3s linear 0s;
transition: color 0.3s linear 0s;
} .blocoCat {
padding: 60px 0;
} #pagenav {
padding: 60px 0;
}
.wp-pagenavi {
width: 100%;
float: left;
clear: left;
text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
font-size: 1.6rem;
font-weight: bold;
color: var(--azul);
background-color: var(--cinza);
text-decoration: none;
padding: 6px 10px;
margin: 0 6px 18px;
display: inline-block;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background-color: var(--verde);
color: var(--branco);
}  #single img {
max-width: 100%;
}
#single header {
padding: 50px 0 60px;
background-color: var(--gelo);
}
#single header h1 {
font-size: 4rem;
color: var(--azul);
line-height: 1.2;
margin-bottom: 24px;
}
#single header h2 {
font-size: 2.4rem;
color: var(--azulado);
line-height: 1.3;
}
#single header .post-cat {
font-size: 2rem;
font-weight: bold;
color: var(--verde);
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 24px;
display: inline-block;
}
#single header p {
font-size: 1.2rem;
margin: 0;
}
#single header .heateor_sss_sharing_container {
margin-top: 20px;
}
#single header .heateor_sss_sharing_title {
font-size: 1.6rem;
font-weight: 500;
color: var(--azul);
margin-bottom: 8px;
display: inline-block;
}
#single header .heateor_sss_sharing_ul a {
margin-right: 5px;
}
#single .autoria {
margin-bottom: 50px;
}
#single .autoria h3 {
margin: 0;
}
#single .autoria p {
font-size: 1.4rem;
color: var(--azulado);
margin: 10px 0 0 0;
}
.content {
padding: 60px 0;
border-bottom-width: 4px;
border-bottom-style: dotted;
border-bottom-color: #000;
border-image-source: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/dots.svg);
border-image-slice: 4;
border-image-repeat: round;
}
.content h1 {
font-size: 4rem;
color: var(--azul);
margin: 40px 0 70px 0;
display: inline-block;
}
.content h2 {
font-size: 3rem;
color: var(--verde);
margin-bottom: 40px;
}
.content h3 {
font-size: 2.4rem;
margin: 40px 0 20px 0;
display: inline-block;
}
.content h4,
.content h5,
.content h6 {
font-size: 2rem;
line-height: 1.3;
margin: 40px 0 20px 0;
display: inline-block;
}
.content h5 {
font-size: 1.6rem;
}
.content h6 {
font-size: 1.6rem;
margin-bottom: 10px;
}
.content p {
line-height: 1.6;
margin-bottom: 30px;
}
.content p a {
text-decoration: underline;
}
.content ul,
.content ol {
list-style: inside disc;
padding-left: 20px;
}
.content ol {
list-style: decimal;
}
.content li {
line-height: 1.57;
margin-bottom: 10px;
}
.content .wp-caption {
max-width: 100%;
}
.content img.alignnone,
.content .alignnone img {
width: 100%;
height: auto;
}
.content p.wp-caption-text {
font-size: 1.1rem;
font-weight: 300;
color: #333;
text-align: right;
margin-bottom: 0;
}
.content .alignright p.wp-caption-text {
text-align: left;
}
.content blockquote {
width: 50%;
border-left: 10px solid #000;
padding-left: 20px;
margin: 60px 0;
}
.content blockquote p {
font-size: 2.2rem;
font-weight: bold;
line-height: 1.3;
text-align: left;
display: inline-block;
margin: 0;
}
#maisArticles h2 {
margin-bottom: 50px;
}
#maisArticles article {
width: 48%;
min-height: 80px;
float: left;
margin-bottom: 40px;
display: table;
}
#maisArticles article h3 {
display: table-cell;
vertical-align: middle;
font-size: 3rem;
margin: 0;
}
#maisArticles article::before {
top: 3px;
}
.erro {
padding-bottom: 50px;
} #searchPage {
border-top: 11px solid var(--azulado);
}
#searchPage h2.pageTitle {
margin: 80px 0 -20px;
}
#searchPage .item {
width: calc(50% - 30px);
}
#searchPage .itemImage {
width: 100%;
margin-bottom: 10px;
}
#searchPage .itemInfo {
width: 100%;
height: auto;
padding-left: 30px;
border-bottom: 0;
background: none;
}
#searchPage .itemInfo h2 {
font-size: 2.5rem;
} #editorias {
padding: 55px 0;
}
#editorias h1 {
color: var(--verde);
}
.list-edicao.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(296px, 1fr));
column-gap: 20px;
}
.editoria {
color: var(--azul);
background-color: var(--cinza);
padding: 20px;
margin-top: 20px;
border-radius: 8px;
}
.editoria h2 {
font-size: 2rem;
line-height: 1.3;
font-weight: bold;
color: var(--azul);
text-transform: uppercase;
} #anteriores {
padding: 55px 0;
}
#anteriores h1 {
color: var(--verde);
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
column-gap: 20px;
}
.edBox {
width: 100%;
font-size: 3.7rem;
color: var(--azul);
background-color: var(--cinza);
padding: 20px;
margin-top: 20px;
border-radius: 8px;
}
.edBox h2 {
font-size: 4rem;
font-weight: bold;
color: var(--azul);
text-transform: uppercase;
margin-bottom: 20px;
}
.edBox p {
font-size: 1.4rem;
font-weight: bold;
color: var(--azulado);
text-transform: uppercase;
}
.edBox span {
font-size: 1.6rem;
font-weight: bold;
text-transform: uppercase;
color: var(--azul);
border: 1px solid var(--azul);
padding: 20px;
float: right;
}
.edBox:hover h2,
.edBox:hover p,
.edBox:hover span {
color: var(--verde);
}
.edBox:hover span {
border: 1px solid var(--verde);
} #expediente {
padding: 55px 0;
}
#expediente h2 {
font-size: 2.4rem;
color: var(--verde);
margin-bottom: 40px;
}
#expediente p {
text-transform: uppercase;
font-size: 1.6rem;
margin-bottom: 20px;
}
#expediente p strong {
color: var(--azulado);
font-weight: normal;
} #newsletter {
background-color: #e1e1e1;
padding: 50px 0;
position: relative;
}
#newsletter h3 {
font-size: 2.5rem;
color: var(--azul);
margin-bottom: 12px;
text-align: center;
}
#newsletter p {
font-size: 1.6rem;
color: var(--azul);
margin-bottom: 12px;
text-align: center;
}
#newsletter form {
max-width: 346px;
margin: 0 auto;
}
#newsletter ::-webkit-input-placeholder {
color: var(--azulado);
opacity: 1;
}
#newsletter :-moz-placeholder {
color: var(--azulado);
opacity: 1;
} #newsletter ::-moz-placeholder {
color: var(--azulado);
opacity: 1;
} #newsletter :-ms-input-placeholder {
color: var(--azulado);
opacity: 1;
}
#newsletter .block {
width: 100%;
float: left;
clear: left;
}
#newsletter .type_EMAIL {
width: 100%;
height: 40px;
line-height: 41px;
font-size: 1.9rem;
font-weight: 500;
color: var(--azul);
background-color: var(--branco);
padding: 3px 10px;
margin-bottom: 6px;
float: left;
border: 2px solid var(--branco);
}
#newsletter .field-error {
border-color: #cc0000 !important;
}
#newsletter .dinSubmit {
max-width: 180px;
-webkit-appearance: none;
}
#newsletter .dinSubmit {
width: 100%;
max-width: 218px;
font-size: 1.4rem;
font-weight: bold;
color: var(--branco);
text-transform: uppercase;
background-color: var(--azul);
padding: 15px;
margin-top: 15px;
cursor: pointer;
-webkit-transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
transition: all 0.1s linear 0s;
}
#newsletter .dinSubmit:hover {
color: var(--branco);
background-color: var(--verde);
} #newsletter .DinamizeDivMessageSuccess,
#newsletter .DinamizeDivMessageAlert,
#newsletter .DinamizeDivMessageError,
#newsletter .DinamizeDivCaptchaMessage {
font-size: 1.5rem;
font-weight: bold;
color: var(--branco);
padding: 15px;
margin: 0px 0px 10px;
display: none;
}
#newsletter .DinamizeDivMessageSuccess {
background-color: var(--verde);
}
#newsletter .DinamizeDivMessageAlert,
#newsletter .DinamizeDivMessageError,
#newsletter .DinamizeDivCaptchaMessage {
background-color: #ac0000;
}
#newsletter div.containerAllInline div.block {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
#newsletter div.containerAllInline div.horizontal.divinput {
width: 182px;
}
#newsletter .submit {
position: relative;
width: 100%;
}
#newsletter .submit.class1 {
text-align: left;
}
#newsletter .submit.class2 {
text-align: left;
width: 70%;
}
#newsletter .submit.class3 {
text-align: center;
}
#newsletter .submit.class4 {
text-align: right;
}
#newsletter .submit.class5 {
text-align: center;
}
#newsletter .submit.class5 input[type="submit"] {
width: 100%;
}
#newsletter .spinner {
display: none;
} #newsletter .spinner {
display: none;
bottom: 0;
height: 18px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
#newsletter .spinner > div {
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
#newsletter .spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
#newsletter .spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
} #newsletter .checkbox-container {
display: block;
position: absolute !important;
padding-left: 22px;
margin-bottom: 4px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#newsletter .checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
top: 0;
left: 0;
}
#newsletter .checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
background-color: #fff;
border: 2px solid #bbb;
border-radius: 3px;
}
#newsletter .checkbox-container:hover input ~ .checkmark {
border: 2px solid #777;
}
#newsletter .checkmark:after {
content: "";
position: absolute;
display: none;
}
#newsletter .checkbox-container input:checked ~ .checkmark:after {
display: block;
}
#newsletter .checkbox-container .checkmark:after {
left: 5px;
top: 0px;
width: 5px;
height: 12px;
border: solid #555;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} @-webkit-keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
} #footer {
height: 166px;
background-color: var(--azul);
text-align: center;
}
#footer .wrapper {
height: 100%;
padding: 35px 0 50px;
} #footer .logo {
width: 128px;
height: auto;
float: left;
margin-top: 28px;
}
#footer .logo_forumseg {
float: right;
} #footer .socialmedia {
width: 400px;
height: 32px;
position: absolute;
left: calc(50% - 200px);
top: calc(50% - 17px);
}
#footer .socialmedia a {
width: 32px;
height: 32px;
text-align: center;
color: var(--verde);
margin: 0 6px;
display: inline-block;
}
#footer .socialmedia a i {
display: inline-block;
font-size: 3.1rem;
}
#footer .socialmedia a:hover {
color: var(--branco);
} .form-container {
width: 100%;
margin-top: 20px;
}
.formRow {
position: relative;
}
.form-container .wpcf7 {
width: 100%;
float: left;
clear: left;
}
.form-container .wpcf7-form-control-wrap {
width: 100%;
float: left;
clear: left;
margin-bottom: 10px;
position: relative;
}
.form-container .wpcf7-text,
.form-container .wpcf7-textarea {
width: 100%;
height: 63px;
line-height: 63px;
padding: 0 10px;
border: 1px solid #000;
}
.form-container .wpcf7-textarea {
height: 200px;
line-height: 1.3;
padding: 10px;
}
.form-container .wpcf7-submit {
width: 100%;
max-width: 256px;
height: 62px;
line-height: 62px;
color: #000;
text-transform: uppercase;
border: 1px solid #000;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_arrow_black.svg) 16px 11px no-repeat;
display: block;
padding: 0 20px 0 56px;
text-align: left;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.form-container .wpcf7-submit:hover {
background-position: 22px 11px;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.2);
}
.ajax-loader {
margin: 4px 0 0 4px;
}
.form-container .wpcf7-not-valid {
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_form_error.png) right center no-repeat #f1f1f1;
}
.file-not-valid {
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_form_error.png) right center no-repeat
transparent;
}
.form-container .wpcf7-not-valid-tip {
display: none;
}
.wpcf7-response-output {
width: 81%;
font-size: 1.2rem;
font-weight: 600;
color: var(--branco);
line-height: 15px;
float: left;
clear: left;
display: none;
margin-top: 16px;
}
.wpcf7-mail-sent-ok {
color: #368f6f;
}
.wpcf7-validation-errors {
color: #c90101;
}
.screen-reader-response {
display: none;
}  iframe[name="google_conversion_frame"] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -13px;
float: left;
}
iframe[id^="oauth2relay"] {
position: fixed !important;
}
.stButton .stFb,
.stButton .stTwbutton,
.stButton .stMainServices,
.stButton .stButton_gradient,
.stButton .stArrow {
height: 23px !important;
}
#escondido {
display: none;
} .hidden {
display: none;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.underline {
text-decoration: underline;
}
.asLink {
cursor: pointer;
}
.fLeft {
float: left;
}
.fRight {
float: right;
}
.cLeft {
clear: left;
}
.cRight {
clear: right;
}
.aCenter {
text-align: center;
}
.alignnone,
.aligncenter,
.aligncenter img {
max-width: 100% !important;
height: auto;
margin: 70px 0;
}
.alignright {
height: auto;
float: right;
margin: 15px 0 15px 25px;
clear: right;
}
.alignleft {
height: auto;
float: left;
margin: 15px 25px 15px 0;
clear: left;
}
.alignnone {
margin: 10px 0 20px;
}
.aligncenter {
display: block;
margin: 15px auto;
}
.wp-caption img {
width: 100%;
height: auto;
}
.singleBody p.wp-caption-text {
font-size: 1.1rem;
text-align: right;
margin-top: 6px;
}
.invisible {
visibility: hidden;
}
.relative {
position: relative;
} .slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}  @media only screen and (max-width: 1200px) {
.alignnone,
.aligncenter,
.aligncenter img {
margin: 30px 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@media only screen and (max-width: 1050px) {
.sm_fixed a {
width: 36px;
height: auto;
padding: 10px 0;
}
.sm_fixed a:first-child {
padding-top: 15px;
}
.sm_fixed a:last-child {
padding-bottom: 15px;
}
.sm_fixed a i {
font-size: 2.3rem;
}
.hero_box {
max-width: 100%;
}
.edArticles h2 {
font-size: 2rem;
}
.outras h1 {
font-size: 5vw;
}
.quoted p::before {
left: -10px;
} #footer .logo {
margin-left: 40px;
}
#footer .logo_forumseg {
margin-right: 40px;
}
}
@media only screen and (max-width: 1024px) {
.hdr_edicao ul {
left: 17px;
}
.hero__caption {
top: calc(100% - 18px);
}
.wrapper {
max-width: 100%;
padding: 0 15px;
} #header {
height: auto;
padding: 20px 0;
}
#header .wrapper {
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
#header .logo {
width: 120px;
height: auto;
}
#header .logo_forumseg {
width: 120px;
height: auto;
}
.sm_fixed {
display: none;
}  #edicao .wrapper {
padding-left: 20px;
position: relative;
}
.hdr_edicao ul {
margin-bottom: 190px;
padding: 66px 14px 24px;
} .menuIcon {
position: absolute;
right: 70px;
top: 20px;
z-index: 999;
width: 30px;
height: 25px;
line-height: 25px;
background: url(//fontesegura.forumseguranca.org.br/wp-content/themes/fontesegura/images/ico_menu.svg) left top no-repeat;
background-size: 30px 25px;
cursor: pointer;
text-indent: -9999px;
padding-left: 35px;
display: block;
}
.menu {
width: 100%;
background-color: var(--verde);
position: absolute;
top: 58px;
left: 0;
z-index: 999;
text-align: left;
display: none;
text-align: right;
}
.menu ul {
width: 100%;
float: left;
clear: left;
list-style: none;
padding-bottom: 13px;
display: block;
}
.menu ul li {
width: 100%;
line-height: 34px;
float: left;
clear: left;
padding-right: 40px;
margin: 0;
}
.menu ul li a {
display: inline-block;
}
.menu ul li.current-menu-item a:before {
display: none;
} .searchIcon {
right: 10px;
}
.searchNav {
right: 15px;
} .hero__image {
height: auto;
background: none !important;
}
.hero__image img {
width: 100%;
height: auto;
float: left;
clear: left;
display: block;
}
.hero__text {
background: none;
}
.hero_box {
width: 100%;
padding: 20px;
position: relative;
top: auto;
left: auto;
bottom: auto;
float: left;
clear: left;
margin-top: -30px;
}
.hero_box:before {
left: 20px;
top: -25px;
}
.hero_box h2 {
font-size: 3rem;
} #banner {
height: auto;
background: none;
}
#banner img {
width: 100%;
height: 250px;
float: left;
clear: left;
display: block;
} .artigo {
padding: 50px 0;
}
.artigo h2 {
font-size: 3rem;
margin-bottom: 10px;
}
.item-meta span {
font-size: 2rem;
}
.item-meta h3 {
font-size: 1.4rem;
}
.pageTitle {
height: auto;
line-height: 1.2;
font-size: 3rem;
} .anteriores {
padding: 50px 0;
}
.anteriores h3 {
font-size: 3rem;
}
.edGrid a {
width: 47%;
margin-bottom: 20px;
} #footer .socialmedia {
width: 100%;
position: static;
left: auto;
top: auto;
float: left;
clear: left;
margin-bottom: 30px;
}
#footer .socialmedia a {
margin: 0 14px;
}
#footer .logo {
width: 110px;
margin: 10px 0 20px 20px;
}
#footer .logo_forumseg {
width: 120px;
margin: 0 20px 20px 0;
}
}
@media only screen and (max-width: 374px) {
.anteriores h3 {
font-size: 2rem;
}
.edGrid a {
font-size: 3rem;
}
}
@media print { .sm_fixed,
.menu,
#newsletter,
.anteriores,
.heateor_sss_sharing_container,
.socialmedia {
display: none !important;
}
#banner {
height: auto;
}
#banner img {
height: 300px;
}
#footer .logo {
margin-left: 50px;
}
#footer .logo_forumseg {
margin-right: 50px;
}
}.cookielawinfo-column-1 {width: 25%;}
.cookielawinfo-column-2 {width: 10%;}
.cookielawinfo-column-3 {width: 15%;}
.cookielawinfo-column-4 {width: 50%;} .cookielawinfo-simple thead {width: 100%;}
.cookielawinfo-simple td {padding: 5px 5px 5px 0;vertical-align: top;}
.cookielawinfo-simple thead th {padding-right: 10px;text-align: left;} .cookielawinfo-modern {border: 1px solid #e3e3e3;background-color: #f2f2f2;width: 100%;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.cookielawinfo-modern td, .cookielawinfo-modern th {padding: 5px;color: #333;}
.cookielawinfo-modern thead {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;padding: .2em 0 .2em .5em;text-align: left;color: #4B4B4B;background-color: #C8C8C8;background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);border-bottom: solid 1px #999;}
.cookielawinfo-modern th {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 17px;line-height: 20px;font-style: normal;font-weight: normal;text-align: left;text-shadow: white 1px 1px 1px;}
.cookielawinfo-modern td {line-height: 20px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 14px;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
.cookielawinfo-modern tr.cookielawinfo-row:hover {background-color: #fff;} .cookielawinfo-elegant {border: 1px solid #DFDFDF;background-color: #F9F9F9;width: 100%;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;color: #333;}
.cookielawinfo-elegant tr {border-top-color: white;border-bottom: 1px solid #DFDFDF;color: #555;}
.cookielawinfo-elegant th {text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-weight: normal;padding: 7px 7px 8px;text-align: left;line-height: 1.3em;font-size: 14px;}
.cookielawinfo-elegant td {font-size: 12px;padding: 4px 7px 2px;vertical-align: top;} .cookielawinfo-rounded {background-color: #f5f5f5;padding: 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #ebebeb;}
.cookielawinfo-rounded td, .rounded th {padding: 1px 5px;}
.cookielawinfo-rounded thead {text-shadow: 0 1px 0 white;color: #999;}
.cookielawinfo-rounded th {text-align: left;text-transform: uppercase;font-size: 11pt;border-bottom: 1px solid #fff;padding: 1px 5px;}
.cookielawinfo-rounded td {font-size: 10pt;padding: 5px;}
.cookielawinfo-rounded tr.cookielawinfo-row:hover {background-color: #fff;} table.cookielawinfo-classic {font-family: Verdana, Arial, Helvetica, sans-serif;border-collapse: collapse;border-left: 1px solid #ccc;border-top: 1px solid #ccc; color: #333;}
table.cookielawinfo-classic thead tr th {text-transform: uppercase;background: #e2e2e2;}
table.cookielawinfo-classic tfoot tr th, table.cookielawinfo-classic tfoot tr td {text-transform: uppercase;color: #000;font-weight: bold;}
table.cookielawinfo-classic tfoot tr th {width: 20%;}
table.cookielawinfo-classic tfoot tr td {width: 80%;}
table.cookielawinfo-classic td, table.cookielawinfo-classic th {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px;line-height: 1.8em;font-size: 0.8em;vertical-align: top;width: 20%;}
table.cookielawinfo-classic tr.odd th, table.cookielawinfo-classic tr.odd td {background: #efefef;} table.cookielawinfo-winter {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 10px 0 20px; border-collapse: collapse; color: #333; background: #F3F5F7;}
table.cookielawinfo-winter a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}
table.cookielawinfo-winter a:visited {color: #777;}
table.cookielawinfo-winter a:hover {color: #000;}
table.cookielawinfo-winter caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}
table.cookielawinfo-winter thead th {background: #3A4856; padding: 15px 10px; color: #fff; text-align: left; font-weight: normal;}
table.cookielawinfo-winter tbody {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}
table.cookielawinfo-winter tbody {border-bottom: 1px solid #EAECEE;}
table.cookielawinfo-winter tbody td, table.cookielawinfo-winter tbody th {padding: 10px; background: url(//fontesegura.forumseguranca.org.br/wp-content/plugins/cookie-law-info/legacy/images/td_back.gif) repeat-x; text-align: left;}
table.cookielawinfo-winter tbody tr {background: #F3F5F7;}
table.cookielawinfo-winter tbody tr.odd {background: #F0F2F4;}
table.cookielawinfo-winter tbody  tr:hover {background: #EAECEE; color: #111;}
table.cookielawinfo-winter tfoot td, table.cookielawinfo-winter tfoot th, table.cookielawinfo-winter tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;} @media(max-width:800px) {
table.cookielawinfo-row-cat-table td, table.cookielawinfo-row-cat-table th
{
width:23%;
font-size:12px;
word-wrap: break-word;
}
table.cookielawinfo-row-cat-table .cookielawinfo-column-4, table.cookielawinfo-row-cat-table .cookielawinfo-column-4
{
width:45%;
}
}
.cookielawinfo-row-cat-title{
border-bottom: 1px solid #eee;
text-align: center;
}
.cookielawinfo-row-cat-title-head{
text-align: center;
}
.cookielawinfo-row-cat-table{
width: 99%;
margin-left: 5px;
}