:root{
	--white: #ffffff;
	--black: #000000;
	--primaria: #005E48;
	--secundaria:#F9761F;
    --terciaria: #efe6bd;
}


::-webkit-scrollbar {width: 6px}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);-webkit-border-radius: 10px;border-radius: 10px}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #999;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)}
::-webkit-scrollbar-thumb:window-inactive {background: #999;}

html { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline; margin: 0; padding: 0;}
:focus { outline: 0; }
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
i, em {font-style: italic;}
b, strong {font-weight: bold;}
small {font-size: 12px;}
big {font-size: 16px;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
h1, h2, h3, h4, h5, h6 { display: block; margin: 0; font-weight: 700;}
.cky-btn-revisit-wrapper{display: none !important;}
a {display: inline-block;}
a{text-decoration: none; color:var(--black);}
a:hover{text-decoration: none; color:var(--black-h);}
.link-text {color: var(--secundaria); font-weight: bold;}
h1 {font-size: 34px;}
.modal ul {    list-style-type: disc;  margin-left: 20px;  }
.modal ul li { margin-bottom: 5px; }

.clear { clear: both;}
body {margin: 0; padding: 0; font-size:16px; font-family: "Roboto", sans-serif !important; font-optical-sizing: auto; font-weight:400; overflow-x: hidden !important; line-height: 150%; color:var(--black);}

.navbar { background-color: var(--primaria); }
.navbar-brand { color: var(--white); }
.navbar-nav .nav-link { color: var(--white); margin-left: 50px !important; font-weight: bold; padding-bottom: 4px; border-bottom: 2px solid var(--primaria);}
.navbar-nav .nav-link:hover {opacity: 0.8; border-bottom: 2px solid var(--secundaria);}
.container {max-width: 1200px !important;}
.navbar-toggler:hover {border: none !important; }
.navbar-toggler:focus { box-shadow: none;}
.highlight { background-color: var(--secundaria); padding: 40px; text-align: start; color: var(--white); }
.highlight h2 { font-size: 2rem; }
.highlight p { font-size: 1rem; margin: 20px 0; }
.highlight .btn { background-color: var(--primaria);  color: var(--white); font-weight: bold;}

.text-slide {margin-bottom: 10px;}
.text-slide h2{font-size: 20px;}
.text-slide p{margin-top: 5px; color: var(--black); font-weight: bold;}
.text-local a{ color: white; font-size: 18px;}
.text-local{    background-color: #005e48db; padding: 20px;}
.text-tema p{margin: 0; color: white;}
#feature { background: url('../img/bg-araucaria.svg') center bottom no-repeat, var(--terciaria); background-repeat: no-repeat; background-size: contain, cover; padding-top: 250px;}
.feature-box {  padding: 15px; margin-bottom: 15px; color: var(--black); text-align: start;}
.feature-box p, .feature-box h5 {padding: 0px 20px;}

.feature-box a:hover {filter: brightness(1.1); transition: all .3s ease-in-out;}
.feature-box a {background-image: url('../img/bg-icone.svg'); filter: brightness(0.8); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 75px 0px; width: 100%; border-radius: 10px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; transition: all .3s ease-in-out;     min-height: 240px;}
.feature-box a  {color: var(--white); font-weight: 800; font-size: 26px; line-height: 32px;}


footer { background-color: var(--white); padding: 50px 20px; }
footer .copy {color: var(--primaria);}	
footer img { margin: 10px; max-width: 100px; }
.text-sobre p{ font-size: 17px; padding-bottom: 20px;}

.modal-content{ background-color: #fff5e2 !important;}
.btn-close {position: absolute; top: 0; right: 0; margin-right: 8px; margin-top: 6px; }

table { width: 100%; border-collapse: collapse; margin: 60px 0; }
table, th, td { border: 1px solid #383838; }
th, td { padding: 12px; text-align: left; }
tr:nth-child(odd){background-color: #efe6bd;}
tr:nth-child(even){background-color: #efd5a6;}
th { background-color: var(--primaria); color: var(--white); }
.center { text-align: center }
.spaced { margin-bottom: 40px; }
.subtitle { font-size: 1.2em; font-weight: bold; margin: 20px 0 10px; }

@media only screen and (max-device-width: 860px), screen and (max-width: 860px	) {
	h1 {font-size: 28px;}
	.container {padding: 0px 30px !important}
	.navbar-nav .nav-link { margin-left: 0px !important; display: inline-block; font-weight: bold; }
	#feature { background: url('../img/bg-araucaria.svg') center top no-repeat, var(--terciaria); background-repeat: no-repeat; background-size: contain, cover; padding-top: 150px;}
	.navbar-brand img {width: 200px;}
	.feature-box a {font-size: 20px; min-height: 200px;}
	.highlight {padding: 30px 0px;}
	.feature-box p, .feature-box h5 {padding: 0px;}
}