@charset "utf-8";

/*
Theme Name: ACATS - Canal de Confiança
Theme URI: 
Version: 1.0
Author: Tiago Freire 
Author URI: mailto:tfreirenascimento@gmail.com

General comments (optional).
*/

/* =Css Reset
-------------------------------------------------------------- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article, aside, figure, footer, header, hgroup, nav, section {display:block;}
img, object, embed {max-width:100%;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%;}
th {font-weight:bold; vertical-align:bottom;}
td {font-weight:normal; vertical-align:middle;}
hr {display:block; height:1px; border:0; border-top:1px solid #CCC; margin:10px 0; padding:0;}
input, select {vertical-align:middle; -webkit-font-smoothing:antialiased;}
pre {white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word;}
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:bottom; *vertical-align:baseline;}
input:focus, textarea:focus{outline:0;}
a:hover, a:active {outline:0;}
small {font-size:85%;}
strong, th {font-weight:bold;}
td, td img {vertical-align:top;}
sub, sup {font-size:75%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable, label, input[type=button], input[type=submit], button {cursor:pointer;}
body, select, input, textarea {color:#808080; -webkit-font-smoothing:antialiased;}
button, input, select, textarea {margin:0; resize:none;}
button {width:auto; overflow:visible;} 
ins {background:#FCD700; color:#000; text-decoration:none;}
mark {background:#FCD700; color:#000; font-style:italic; font-weight:bold;}
*{-moz-box-sizing: border-box; box-sizing: border-box;  -webkit-box-sizing: border-box; box-sizing: border-box;}
object { display: none; }

body, html { background:#fff; font-family: "Inter", sans-serif;}
.main { position: relative; min-height: 100%; }
.content { position: relative; }
.transition{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.cf:before, .cf:after {content:''; display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}
.section { padding: 0 0 40px 0; }
.title-default { position: relative; text-transform: uppercase; display: block; color:#235ba7; margin: 0 0 35px 0; font-family: "Inter", sans-serif; font-size: 42px; line-height: 42px; }
.sub-title-default { color:#999999; font-size: 16px; margin: 0 0 40px 0; display: block; }

#header { border-top: 10px #235ba7 solid; display: block; background:#fff; width: 100%; position: relative; padding: 15px; }
#header .container { padding: 0; }
#header .content { position: relative; display: flex; align-items: center; justify-content: space-between;}
#header .logo { display: block; }
#header .logo img { display: block; }
#header nav li { display: inline-block; margin: 0 18px; }
#header nav li.first { margin-left: 0px; }
#header nav li.last { margin-right: 0px; }
#header nav li a { border-top: 5px solid #fff; text-transform: uppercase; font-size: 14px; color:#5c5851; text-decoration: none; font-family: "Inter", sans-serif; padding: 7px 0 11px 0; display: inline-block; }
#header nav li a:hover { color: #235ba7; border-top: 5px solid #235ba7; }

#rodape { background:#235ba7; color:#fff; padding: 15px 0; text-align: center; }
#rodape p { font-size: 16px; margin: 15px; text-transform: uppercase; }

.modal .close { outline: none; }
.modal .modal-title {text-transform: uppercase; font-size: 30px; font-family: "Inter", sans-serif; color: #000; font-weight: normal; line-height: 34px; padding-right: 20px; }
.modal .modal-header {padding: 15px 15px 20px 15px;}
.modal .wp-editor { padding: 10px 15px 0 15px; font-size: 18px; color:#000; line-height: 26px; }
.modal .wp-editor p { font-size: 18px; color:#000; line-height: 26px; padding-bottom: 20px; }
.modal .wp-editor a { text-decoration: underline; color:#000; }
.modal .modal-body { padding: 20px 15px 10px 15px; }

/*
.html-editor
*/
.html-editor p { margin:0 0 20px; }
.html-editor p:last-child { margin: 0; }
.html-editor ul {  margin: 0 0 0 20px; list-style: circle; list-style-position: outside; }
.html-editor ul li { font-size: 18px; margin:0 0 10px; }
.html-editor ul li::marker { margin: 0!important }
.html-editor ul li:last-child { margin: 0; }
.html-editor h1, .html-editor h2, .html-editor h3, .html-editor h4, .html-editor h5, .html-editor h6 { color:#235ba7; font-family: "Inter", sans-serif; margin:0 0 20px; }
.html-editor h3 { font-size: 24px; line-height: 32px; }
.html-editor a { color:#e30613; }

/*
.page-header
*/
.page-header { padding: 60px 0; text-align: center; background: #235ba7; margin: 0; border: 0; }
.page-header h1 { font-family: "Inter", sans-serif; color:#fff; font-size: 48px; line-height: 48px; font-weight: 700; position: relative; }
.page-header h3 { text-transform: uppercase; color:#fff; font-family: "Inter", sans-serif; font-size: 24px; font-weight: 500; position: relative; margin: 0 0 10px 0; }
@media (max-width: 567px) { 
	.page-header h1 { font-size: 28px; line-height: 32px; }
}

.page-content { padding: 60px 0; }

/*
.form
*/
.form .form-group { margin-bottom: 20px; position: relative; }
.form .form-group .icon { position: absolute; top: 20px; left: 15px; color: #235ba7; }
.form .form-control { font-family: "Inter", sans-serif; border-color:#ebebeb; padding: 6px 12px 6px 40px; line-height:100%; color:#aaafb2; outline: none; resize: none; height: 50px; font-size: 16px; }
.form .form-control.no-icon { padding: 6px 12px; }
.form textarea.form-control { padding: 16px 40px 16px 40px; min-height: 200px; overflow: hidden; }
.form textarea.form-control.no-icon { padding: 16px; }
.form .form-control.file { line-height: 30px; }
.form .form-control:focus { border-color: #235ba7; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(161,29,41,.075), 0 0 8px rgba(161,29,41, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(161,29,41, 0.6);} 
.form ::-webkit-input-placeholder { color: #aaafb2; }
.form :-moz-placeholder { color:#aaafb2; opacity:1; }
.form ::-moz-placeholder { color:#aaafb2; opacity: 1; }
.form :-ms-input-placeholder { color:#aaafb2; }
.form ::-ms-input-placeholder { color:#aaafb2; } 
.form .field-validation-error { color: red; text-align: left; font-size: 13px; display: block; margin-left: 10px; margin-top: 5px; }
.form ::-webkit-input-placeholder { line-height: normal; }
.form .btn { font-family: "Inter", sans-serif; font-weight: 700; display: inline-block; text-align: center; padding: 10px 0; width: 225px; font-size: 20px; color:#fff; background:#235ba7; border: solid 3px #235ba7; }

/*
canal de confiança
*/
.page-id-423 .divisor { margin: 40px auto 0 auto; display: block; }
.page-id-423 .html-editor p { font-size: 18px; }
.page-id-423 .block ~ .block { margin-top: 60px; }
.page-id-423 .form-wrapper { background: #235ba7; padding: 60px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.page-id-423 .block-4 { background:#f1f1f1; padding: 60px 0; position: relative; }
.page-id-423 .block-4 h5 { color: #343434; font-family: "Inter", sans-serif; font-weight: 700; text-align: center; margin: 0 auto 20px auto; font-size: 32px; }
.page-id-423 .block-5 { text-align: center; }
.page-id-423 .block-5 h5 { font-weight: 700; font-size: 32px; color: #fff; margin: 0 0 20px 0; }
.page-id-423 .block-5 .form { display: flex; align-items: center; justify-content: center; }
.page-id-423 .block-5 .form .form-control { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; box-shadow: none; height: 56px; border: 3px solid #fff; }
.page-id-423 .block-5 .form .btn { -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; color: #fff; border: solid 3px #fff; }
.page-id-423 .block-5 .form .btn:hover { background:#279c38; }
.page-id-423 .block-5 .form .form-group { margin-bottom: 0px; }
.page-id-423 .block-4 #form-result { text-align: center; } 
.page-id-423 .block-4 #form-result h3 { color: #343434; margin: 0 0 10px 0; font-family: "Inter", sans-serif; font-size: 24px; font-weight: 700 ; }
.page-id-423 .block-4 #form-result p { margin: 0 0 20px 0; font-size: 21px; }
.page-id-423 .block-4 #form-result p span { font-weight: bold; }
.page-id-423 .block-4 #form-result .far { font-size: 50px; color:#235ba7; margin: 0 0 20px 0; }
.page-id-423 .box { padding: 30px; background: #f1f1f1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.page-id-423 .box .image { max-width: 100%; height: auto; margin: 0 auto; display: block; }
.page-id-423 .box h4 { color: #235ba7; font-family: "Inter", sans-serif; margin: 0 0 10px 0; font-size: 24px; }
.page-id-423 .box h5 { color: #343434; font-family: "Inter", sans-serif; margin: 0 0 20px 0; font-size: 32px; font-weight: 700; }
.page-id-423 .box p { margin: 0 0 20px 0; }
.page-id-423 .box .row { align-items: center; display: flex; }
.page-id-423 #form-relato { max-width: 600px; margin: 0 auto; }
@media (max-width: 993px) { 
	.page-id-423 .box { text-align: center; }
	.page-id-423 .box .row { display: block; }
	.page-id-423 .box .row .image { margin-top: 30px; }
}
@media (max-width: 767px) { 
	.page-id-423 .block-5 .form { display: block; text-align: center; }
	.page-id-423 .block-5 .form .btn { margin-left: 0px; margin-top: 15px; width: 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
	.page-id-423 .block-5 .form .form-control {-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
	.page-id-423 .block-4 .form .btn { width: 100%; }
}

#consulta-processo .modal-header { padding: 15px; background: #235ba7; }
#consulta-processo .modal-title { text-transform: inherit; color:#fff; width: 100%; font-size: 21px; }
#consulta-processo .modal-body { background: #fff; padding: 30px; }
#consulta-processo .modal-body .btn { margin-top: 30px; }
#consulta-processo .modal-body .fields .field { border: solid 1px #ebebeb; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#consulta-processo .modal-body .fields .field .name { margin: 0 0 5px 0; text-align: left; display: block; font-weight: bold; }
#consulta-processo .modal-body .fields .field .value { text-align: left; display: block; }
#consulta-processo .modal-body .fields .field ~ .field { margin-top: 10px; }
#consulta-processo .modal-body .fields .field-inline { display: flex; justify-content: space-between; }
#consulta-processo .modal-body .fields .field-inline .name { margin: 0; }
#consulta-processo .modal-body .fields .field-inline .anexo { text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#EBEBEB; color:#6D6D6D; padding: 5px 10px; font-size: 12px; }
#consulta-processo .modal-body .fields .field-inline .anexo:hover { background:#618671; color:#fff; }

.btn-primary { text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: none; background: #235ba7; color: #fff; border:0; outline: none; text-decoration: none; } 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { outline: none; background:#279c38; border-color:#279c38; color:#fff; text-decoration: none; }
.btn-primary:not(:disabled):not(.disabled):active { outline: none; background:#279c38; border-color:#279c38; color:#fff; text-decoration: none; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(21,115,35,.5); background:#279c38; border-color:#279c38; color:#fff; outline: none; text-decoration: none; }

@media (max-width: 993px) { 
	#rodape { text-align: center; }
}

@media (max-width: 567px) { 
	.page-content { padding: 30px 0; }
	#header .logo img { width: 150px; }
	.page-id-423 .divisor { margin: 20px auto 0 auto; }
	.page-id-423 .block ~ .block { margin-top: 30px; }
}