/* fonts */
@font-face { 
	font-family: "Aller";
	src: url("fonts/aller.woff2") format("woff2"), url("fonts/aller.woff") format("woff");
}

@font-face {
	font-family: "Aller Light";
	src: url("fonts/aller-light.woff2") format("woff2"), url("fonts/aller-light.woff") format("woff");
}

@font-face {
	font-family: "Fontello";
	src: url("fonts/fontello.woff2") format("woff2"), url("fonts/fontello.woff") format("woff");
}

/* icons */
.icon-search:before { content: '\e800'; } /* '' */
.icon-left-big:before { content: '\e801'; } /* '' */
.icon-up-open:before { content: '\e802'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */

/* fontello */
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
}

/* variables */
:root {
	--primary-color: #9a685f;
	--background-color: #fff;
	--secondary-color: #93cba9;
	--tertiary-color: #f5f5f2;
	--foreground-color: #000;
	--link-color: var(--primary-color);
	--subdued-color: #777;

	--menu-foreground-color: #808080;

	--full-width: 1920px;
	--header-acessibilidade-width: 1600px;
	--header-menu-width: 1520px;
	--banner-navegacao-width: 1440px;
	--content-width: 1200px;

	--extra-small-spacing: 5px;
	--small-spacing: 10px;
	--default-spacing: 20px;
	--large-spacing: 40px;
	--extra-large-spacing: 60px;
}

.contraste {
	--background-color: #000;
	--foreground-color: #fff;

	--primary-color: #333;
	--secondary-color: #93cba9;
	--tertiary-color: #000;
	
	--link-color: var(--secondary-color);
	--menu-foreground-color: var(--foreground-color);
	--subdued-color: var(--foreground-color);
}
.contraste .main-header-content-search h3 { color: var(--link-color) }
.contraste .joomla-article > header { border-color: var(--foreground-color) }
.contraste .cursos-em-destaque-curso { background: var(--primary-color) }
.contraste .default-ver-mais,
.contraste .curso-detalhes-inscrever .default-ver-mais { border-color: var(--secondary-color); color: var(--foreground-color) }
.contraste .acesso-rapido a { color: var(--foreground-color) }
.contraste .acontece-na-ejud-noticia-title > a { color: var(--foreground-color) }
.contraste .curso-detalhes-box { background: var(--primary-color) }
.contraste .curso-detalhes-atributo-name { color: var(--secondary-color) }

.contraste .main-header-content-logo,
.contraste .cursos-em-destaque-curso-data:before,
.contraste .cursos-em-destaque-curso-carga:before,
.contraste .cursos-em-destaque-curso-local:before { filter: brightness(0) invert(1) }

/* layout */
html { font-size: 62.5%; overflow-y: overlay; height: 100% }
body { font-family: 'Aller', 'Arial', 'sans-serif'; font-size: 1.6rem; line-height: 1.5; background: var(--background-color); color: var(--foreground-color); margin: 0; min-height: 100% }
a { color: var(--link-color); text-decoration: none }
a:hover { text-decoration: underline }
h1, h2, h3, h4, h5, p, ul, ol { margin: var(--default-spacing) 0 }
ul, ol { padding: 0 0 0 var(--default-spacing) }
h1, h2, h3, h4, h5 { line-height: 1.2 }
input { font-family: 'Aller', 'Arial', 'sans-serif'; font-size: 1.6rem; line-height: 1.5; box-sizing: border-box; outline: none }

@media only screen and (max-width: 640px) {
	html { overflow-y: scroll }
}

/* form */
input:not(*[type=radio], *[type=checkbox]), select, textarea { border: 1px solid var(--menu-foreground-color); padding: var(--small-spacing); box-sizing: border-box; font-family: 'Aller', 'Arial', 'sans-serif'; font-size: 1.6rem; line-height: 1.5; outline: none }
input:not(*[type=radio], *[type=checkbox]):hover { border-color: var(--primary-color) }
button, .button { border: 1px solid transparent; color: #fff; cursor: pointer; background: var(--primary-color); padding: var(--small-spacing); box-sizing: border-box; font-family: 'Aller', 'Arial', 'sans-serif'; font-size: 1.6rem; line-height: 1.5 }
.button:hover { text-decoration: none }

/* page */
.page { min-height: 100vh; display: flex; flex-flow: column }

/* header */
.main-header-acessibilidade { background: var(--primary-color); min-width: var(--content-width); padding: 0.0625px var(--default-spacing) }
.main-header-acessibilidade-inner { max-width: var(--header-acessibilidade-width); margin: 0 auto; display: flex; align-items: center }
.main-header-acessibilidade-logo { margin: 0; flex-grow: 1 }
.main-header-acessibilidade-logo > a { background: url('images/logo-trt20.png'); background-size: 100% 100%; display: block; margin: 13.5px auto 13.5px 0; width: 132px; height: 23px }
.main-header-acessibilidade-menu { display: none }
.main-header-acessibilidade-search { display: none }
.main-header-acessibilidade-icones { display: flex; flex-direction: column; gap: var(--small-spacing) }
.main-header-acessibilidade-icones > * { margin: 0 }
.main-header-acessibilidade-icones > ul { display: flex; gap: var(--small-spacing); align-items: center; list-style: none; padding: 0 }
.main-header-acessibilidade-icones > ul > li > a { display: block }
.main-header-acessibilidade-icones > ul > li > a > .image { display: block; background-size: 100% 100%; width: 20px; height: 20px }

.main-header-content { background: var(--background-color); min-width: var(--content-width); padding: 0.0625px var(--default-spacing) }
.main-header-content-inner { max-width: var(--content-width); margin: 0 auto; display: flex; max-width: var(--header-menu-width); flex-wrap: wrap; column-gap: var(--extra-large-spacing); box-sizing: border-box; padding-right: 20px; }

.main-header-content-logo { margin: 0 }
.main-header-content-logo > a { background: url('images/logo-ejud.svg'); background-size: 100% 100%; display: block; margin: 13.5px 0; width: 224px; height: 68px }

.main-header-content-menu { flex-grow: 1; margin: 34px 0 0 17px; }
.main-header-content-menu > ul { display: flex; align-items: center; gap: var(--extra-large-spacing); list-style: none; margin: 0; padding: 0 }
.main-header-content-menu > ul > li { position: relative }
.main-header-content-menu > ul > li:hover > .menu-popup { display: block }
.main-header-content-menu > ul > li:hover > a,
.main-header-content-menu > ul > li:hover > span { color: var(--secondary-color) }
.main-header-content-menu > ul > li:has(> .menu-popup) > span:after { content: '\e802'; font-family: 'Fontello'; transform: rotate(180deg); display: inline-block; vertical-align: middle; margin-left: var(--small-spacing); font-size: 12px }
.main-header-content-menu > ul > li > a,
.main-header-content-menu > ul > li > span { color: var(--menu-foreground-color); display: block; font-weight: bold; font-size: 1.9rem; line-height: 32px }
.main-header-content-menu > ul > li > a:hover { text-decoration: none }
.main-header-content-menu > ul > li > .menu-popup { display: none; background: var(--tertiary-color); box-shadow: 0 2px 8px rgba(0,0,0,0.2); border-radius: var(--extra-small-spacing); padding: 0.0625px var(--default-spacing); position: absolute; left: 0; top: calc(100% + var(--small-spacing)); min-width: 250px; z-index: 100 }
.main-header-content-menu > ul > li > .menu-popup:before { content: ''; position: absolute; left: 0; right: 0; top: calc(-1 * var(--default-spacing)); height: var(--default-spacing) }
.main-header-content-menu > ul > li > .menu-popup > ul { list-style: none; padding: 0; margin: var(--small-spacing) calc(-1 * var(--default-spacing)) }
.main-header-content-menu > ul > li > .menu-popup > ul > li > a { color: var(--menu-foreground-color); font-family: 'Aller Light' ;font-size: 1.7rem; line-height: 40px; font-weight: bold; display: block; padding: 0 var(--default-spacing); white-space: nowrap }
.main-header-content-menu > ul > li > .menu-popup > ul > li > a:hover { color: var(--secondary-color); text-decoration: none }

.main-header-content-user { margin: var(--default-spacing) 0; display: flex; flex-direction: column; align-items: flex-start }
.main-header-content-user-entrar { display: flex; align-items: center; background: transparent; font-size: 2.0rem; font-weight: bold; border: 1px solid var(--primary-color); border-radius: 10px 0 10px 0; color: var(--secondary-color); gap: var(--small-spacing); padding: 0 20px; line-height: 35px }
.main-header-content-user-entrar:hover { text-decoration: none }
.main-header-content-user-entrar:before { content: ''; background: url('images/icon-cadeado.png') no-repeat; background-size: 100% 100%; width: 20px; height: 25px }
.main-header-content-user-cadastrar { color: var(--menu-foreground-color); position: absolute; margin: 40px 0 0 25px; white-space: nowrap; font-size: 1.4rem }

.main-header-content-search { margin: var(--default-spacing) 0; position: relative }
.main-header-content-search-button { background: transparent; border: 0; padding: var(--small-spacing); position: relative }
.main-header-content-search-button:before { content: ''; display: block; background: url('images/icon-search.png') no-repeat; background-size: 100% 100%; width: 25px; height: 25px; margin-top: 8px; }
.main-header-content-search-button:after { content: ''; display: none; position: absolute; left: 0; right: 0; bottom: -5px; height: 10px; background: var(--tertiary-color); z-index: 101 }
.main-header-content-search-popup { display: none; background: var(--tertiary-color); box-shadow: 0 2px 8px rgba(0,0,0,0.2); border-radius: var(--extra-small-spacing); padding: 0.0625px var(--default-spacing); position: absolute; right: 0; top: calc(100%); min-width: 250px; z-index: 100 }
.main-header-content-search:hover > .main-header-content-search-button { background: var(--tertiary-color); box-shadow: 0 2px 8px rgba(0,0,0,0.2) }
.main-header-content-search:hover > .main-header-content-search-button:after { display: block }
.main-header-content-search:hover > .main-header-content-search-popup { display: block }
.main-header-content-search:hover > .main-header-content-search-popup:before { content: ''; position: absolute; left: 0; right: 0; top: -40px; height: 40px }
.main-header-content-search:hover > .main-header-content-search-popup:after { content: ''; position: absolute; left: 0; right: 0; bottom: -40px; height: 40px }
.main-header-content-search form { margin: var(--default-spacing) 0 }
.main-header-content-search h3 { color: var(--primary-color) }

.main-header-content-search .cluster { display: flex; align-items: center; background: #fff; border: 1px solid var(--primary-color); padding: 5px 10px 5px 15px; gap: var(--small-spacing); border-radius: 18px }
select.main-header-content-search-select { border: 0; padding: 0; background: transparent; color: #888; height: 24px }
input.main-header-content-search-input { border: 0; padding: 0; background: transparent }
input.main-header-content-search-input::placeholder { color: #888 }
button.main-header-content-search-submit { background: #fff url('images/icon-search.png'); background-size: 100% 100%; border: 0; width: 20px; height: 20px }

@media only screen and (max-width: 640px) {
	body.menu-open .main-header-content-menu { display: block }
	body.search-open .main-header-content-search { display: flex; align-items: center; gap: var(--small-spacing) }

	.main-header-content-inner { flex-wrap: nowrap; column-gap: var(--default-spacing) }

	.main-header-acessibilidade { min-width: initial; padding: 0 }
	.main-header-acessibilidade-inner { justify-content: center; align-items: stretch }
	.main-header-acessibilidade-menu { display: block; background: transparent; border: 0; padding: 0 var(--small-spacing) }
	.main-header-acessibilidade-menu:before { content: '\f0c9'; color: #fff; font-family: 'Fontello'; font-size: 2.6rem; font-weight: normal }
	.main-header-acessibilidade-logo { flex-grow: 1 }
	.main-header-acessibilidade-search { display: block; background: transparent; border: 0; padding: 0 var(--small-spacing) }
	.main-header-acessibilidade-search:before { content: '\e800'; color: #fff; font-family: 'Fontello'; font-size: 2.6rem; font-weight: normal }

	.main-header-content { min-width: initial }
	.main-header-content-logo { flex-grow: 1 }
	.main-header-content-logo > a { width: 148px; height: 54px }
	.main-header-content-menu { display: none; position: fixed; overflow-y: auto; left: 0; top: 0; bottom: 0; width: 80%; background: #fff; z-index: 10; padding: 0.0625px 0; box-shadow: 0 0 10px rgba(0,0,0,0.3); margin: 0 }
	.main-header-content-menu > ul { display: block }
	.main-header-content-menu > ul > li { margin: 0 }
	.main-header-content-menu > ul > li > a,
	.main-header-content-menu > ul > li > span { padding: 0 var(--default-spacing); line-height: 50px }
	.main-header-content-menu > ul > li:has(> .menu-popup) > a:after,
	.main-header-content-menu > ul > li:has(> .menu-popup) > span:after { display: none }
	.main-header-content-menu > ul > li > .menu-popup { background: var(--tertiary-color); padding: 0; display: block; position: relative; box-shadow: none }
	.main-header-content-menu > ul > li > .menu-popup:before { display: none }
	.main-header-content-menu > ul > li > .menu-popup > ul { margin: 0 }
	.main-header-content-menu > ul > li > .menu-popup > ul > li > span,
	.main-header-content-menu > ul > li > .menu-popup > ul > li > a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

	.main-header-content-search { display: none; border-bottom: 1px solid var(--primary-color); border-top: 1px solid transparent; position: absolute; left: 0; right: 0; top: 0; background: #fff; height: 48px; margin: 0 }
	.main-header-content-search > form { display: flex; align-items: stretch; height: 100%; box-sizing: border-box; padding: var(--extra-small-spacing) 0 }

	.main-header-content-search-back { display: block; background: transparent; border-color: transparent; padding: 0 var(--small-spacing) }
	.main-header-content-search-back:before { content: '\e801'; color: var(--primary-color); font-family: 'Fontello'; font-size: 2.2rem; font-weight: normal }
	.main-header-content-search-popup { position: initial; background: transparent; flex-grow: 1; padding: 0; display: block; box-shadow: none }
	.main-header-content-search-popup h3 { display: none }
	button.main-header-content-search-submit { z-index: 1; position: absolute; right: 0; top: 0; padding: 0 var(--small-spacing); box-sizing: border-box; width: 40.52px; height: 48px }
	button.main-header-content-search-submit { background: #fff; margin: 0; padding: 0 }
	button.main-header-content-search-submit:before { background: none; content: '\e800'; color: var(--primary-color); font-family: 'Fontello'; font-size: 2.6rem; font-weight: bold; width: auto; height: auto }
	input.main-header-content-search-input { flex-grow: 1 }

	.main-header-content-search-popup .cluster { border: 0; padding: 0 }
	.main-header-content-search-button { background: none; position: initial; margin: 0; width: auto; height: initial; padding: 0 var(--small-spacing) }
	.main-header-content-search-button:before { background: none; content: '\e800'; color: var(--primary-color); font-family: 'Fontello'; font-size: 2.6rem; font-weight: bold; width: auto; height: auto }
	.main-header-content-search-button:after { display: none !important }

	.main-header-content-search:hover > .main-header-content-search-button { background: none; box-shadow: none }
	.main-header-content-search:hover > .main-header-content-search-popup:before { display: none }
	.main-header-content-search:hover > .main-header-content-search-popup:after { display: none }
}

/* content */
.main-content { background: var(--tertiary-color); flex-grow: 1 }
.main-content:before { display: none; content: ''; background: var(--primary-color); height: 5px; position: absolute; left: 0; right: 0 }

.main-content-article { padding: 0 var(--default-spacing) }
.main-content-article-inner { max-width: var(--content-width); margin: 0 auto; position: relative }

/* joomla */
.joomla-article { margin: var(--extra-large-spacing) 0 }
.joomla-article .default-title { line-height: 1.2 }
.joomla-article > header { border-bottom: 3px solid var(--primary-color) }
.joomla-article > header > * { margin: var(--small-spacing) 0 }
.joomla-article > header > *:first-child { margin-top: var(--default-spacing) }
.joomla-article > header > *:last-child { margin-bottom: var(--default-spacing) }
.joomla-article > main { margin-top: var(--large-spacing) }
.joomla-article img { max-width: 100%; vertical-align: top }

.joomla-article-cursos > main > * { margin: var(--large-spacing) 0 }

/* footer */
.main-footer { color: #f5f5f2; font-family: 'Aller Light' }
.main-footer a { color: #f5f5f2 }
.main-footer h1, .main-footer h2, .main-footer h3, .main-footer h4, .main-footer h5 { color: var(--secondary-color); font-family: 'Aller'; font-weight: normal }

.main-footer-info { background: var(--primary-color); min-width: var(--content-width); padding: var(--extra-large-spacing) var(--default-spacing) }
.main-footer-info-inner { max-width: var(--content-width); margin: 0 auto; display: grid; grid-template-columns: 1fr max(200px) max(200px) max(200px); grid-template-rows: auto auto 1fr; align-items: flex-start; column-gap: var(--large-spacing); row-gap: var(--default-spacing) }

.main-footer-info-logo { grid-row: 1; grid-column: 1; background: url('images/logo-ejud-cinza.svg'); background-size: 100% 100%; display: block; width: 224px; height: 68px }

.main-footer-info-endereco { grid-row: 2 / span 2; grid-column: 1 }
.main-footer-info-endereco > * { margin: var(--small-spacing) 0 }
.main-footer-info-endereco > *:first-child { margin-top: 0 }
.main-footer-info-endereco > *:last-child { margin-bottom: 0 }
.main-footer-info-endereco > ul { font-size: 1.4rem; list-style: none; margin: 20px 0; padding: 0; display: flex; flex-direction: column; gap: var(--default-spacing) }
.main-footer-info-endereco > ul > li { background-repeat: no-repeat; background-position: left 5px; background-size: 35px 35px; padding-left: 45px }
.main-footer-info-endereco > ul > li.main-footer-info-localizacao { background-image: url('images/icon-localizacao.png') }
.main-footer-info-endereco > ul > li.main-footer-info-horario { background-image: url('images/icon-horario.png') }
.main-footer-info-endereco > ul > li.main-footer-info-telefone { background-image: url('images/icon-telefone.png') }
.main-footer-info-endereco > ul > li > p { margin: 0 }

.main-footer-info-menu { display: contents }
.main-footer-info-menu > * { display: none; flex-direction: column; gap: var(--small-spacing) }
.main-footer-info-menu > * > * { margin: 0 }
.main-footer-info-menu > * > ul { list-style: none; padding: 0 }

.main-footer-info-institucional { display: flex; grid-row: 2; grid-column: 2 }
.main-footer-info-cursos { display: flex; grid-row: 3; grid-column: 2 }
.main-footer-info-biblioteca { display: flex; grid-row: 2 / span 2; grid-column: 3 }

.main-footer-info-redes-sociais { grid-row: 2; grid-column: 4; display: flex; flex-direction: column; gap: var(--small-spacing) }
.main-footer-info-redes-sociais > * { margin: 0 }
.main-footer-info-redes-sociais > ul { display: flex; gap: var(--small-spacing); align-items: center; list-style: none; padding: 0 }
.main-footer-info-redes-sociais > ul > li > a { display: block }
.main-footer-info-redes-sociais > ul > li > a > .image { display: block; background-size: 100% 100%; width: 35px; height: 35px }

.main-footer-back { background: var(--primary-color); min-width: var(--content-width); padding: 25px var(--default-spacing); box-shadow: 0 0 10px rgba(0,0,0,0.5); position: relative; z-index: 1 }
.main-footer-back-inner { display: flex; align-items: center; justify-content: center }
.main-footer-back-button { background: url('images/up.png'); background-size: 100% 100%; cursor: pointer; border: 0; width: 34px; height: 20px }

@media only screen and (max-width: 640px) {
	.main-footer-info { min-width: initial; padding: var(--default-spacing) }
	.main-footer-info-inner { display: block; text-align: left }
	.main-footer-info-inner > * { margin: var(--default-spacing) 0 }
	.main-footer-info-menu > * { margin: var(--default-spacing) 0 }
	.main-footer-info-endereco > ul { text-align: left }
	.main-footer-info-redes-sociais > ul { justify-content: flex-start }
	.main-footer-info-logo { margin: var(--small-spacing) auto }
	.main-footer-back { min-width: initial }
}

/* classes */
.default-title { color: var(--foreground-color); font-size: 4.8rem; line-height: 1.0 }
.default-title a { color: var(--foreground-color) }
.default-title em { color: var(--secondary-color); font-family: 'Aller Light'; font-weight: normal; font-style: normal }

@media only screen and (max-width: 640px) {
	.default-title { font-size: 3.2rem }
}

.default-anchors { display: flex; align-items: center; justify-content: right; gap: 0; list-style: none; padding: 0; margin: 0 }
.default-anchors > li { cursor: pointer; padding: var(--extra-small-spacing) }
.default-anchors > li > a { background: #e3a287; display: block; width: 20px; height: 20px; border-radius: 10px }
.default-anchors > li.active > a { background: var(--secondary-color) }
.default-anchors > li:hover > a { background: var(--secondary-color) }

.default-ver-mais { border: 2px solid var(--secondary-color); color: var(--primary-color); font-size: 2.0rem; line-height: 41px; padding: 0 40px; display: inline-block; border-radius: 0 20px 0 20px }
.default-ver-mais:hover { text-decoration: none }

.box { border: 1px solid var(--menu-foreground-color); /* background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); */ margin: var(--default-spacing) 0; padding: 0.0625px var(--default-spacing) }

.inline-fields { display: flex; margin: var(--default-spacing) 0; gap: var(--default-spacing); flex-wrap: wrap }
.inline-fields .field { display: flex; align-items: center; gap: var(--small-spacing) }

@media only screen and (max-width: 640px) {
	.inline-fields .field { width: 100%; flex-wrap: wrap; gap: var(--default-spacing) }
	.inline-fields .field > * { width: 100% }
}

/* banner navegacao */
.banner-navegacao { background: var(--primary-color); min-width: calc(var(--content-width) + 2 * var(--default-spacing)); position: relative }

.banner-navegacao-images { max-width: var(--full-width); margin: 0 auto; position: relative; max-height: 560px; overflow: hidden }
.banner-navegacao-images:after { padding-top: 56.25%; /* padding-top: 29.25%; */ display: block; content: ''; width: 100% }

.banner-navegacao-images > ul { margin: 0; list-style: none; padding: 0 }
.banner-navegacao-images > ul > li { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: opacity 0.25s ease }
.banner-navegacao-images > ul > li.active { opacity: 1; z-index: 1 }
.banner-navegacao-images-text { pointer-events: none; position: relative; left: 0; top: var(--large-spacing); z-index: 1; padding: var(--default-spacing); min-width: var(--content-width); box-sizing: border-box; max-width: var(--banner-navegacao-width); margin: 0 auto }
.banner-navegacao-images-text > * { max-width: 360px }
.banner-navegacao-images-text > *:first-child { margin-top: 0 }
.banner-navegacao-images-text > *:last-child { margin-bottom: 0 }
.banner-navegacao-images-text > h3 { font-family: 'Aller Light'; font-size: 4.8rem; font-weight: normal; color: #fff }
.banner-navegacao-images-image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; display: flex }
.banner-navegacao-images-image > a { display: flex; overflow: hidden }
.banner-navegacao-images-image > a > img { width: 100%; height: 100% }

.banner-navegacao-anchors { max-width: var(--banner-navegacao-width); margin: 0 auto; padding: 0 var(--default-spacing); position: relative; top: -40px; height: 0; z-index: 1 }

@media only screen and (max-width: 640px) {
	.banner-navegacao { min-width: initial }

	.banner-navegacao-images-text { position: absolute; bottom: 0; top: initial; left: 0; right: 0; max-width: initial; min-width: initial }
	.banner-navegacao-images-text > * { max-width: auto }
	.banner-navegacao-images-text > h3 { font-size: 2.8rem }

	.banner-navegacao-anchors { position: absolute; height: initial; right: 0; top: var(--default-spacing) }
}

/* cursos em destaque */
.cursos-em-destaque { background: var(--tertiary-color); min-width: var(--content-width); padding: 0.0625px var(--default-spacing) }
.cursos-em-destaque-inner { max-width: var(--content-width); margin: 0 auto }
.cursos-em-destaque-inner > * { margin: 40px 0 }
.cursos-em-destaque-anchors { display: none }
.cursos-em-destaque-cursos { position: relative }
.cursos-em-destaque-cursos-previous { position: absolute; top: 50%; left: -60px; width: 60px; z-index: 1; transform: translateY(-50%); cursor: pointer; text-align: center }
.cursos-em-destaque-cursos-previous:after { content: '\e802'; color: var(--menu-foreground-color); font-family: 'Fontello'; transform: rotate(270deg); font-size: 6.0rem; display: inline-block }
.cursos-em-destaque-cursos-next { position: absolute; top: 50%; right: -60px; width: 60px; z-index: 1; transform: translateY(-50%); cursor: pointer; text-align: center }
.cursos-em-destaque-cursos-next:after { content: '\e802'; color: var(--menu-foreground-color); font-family: 'Fontello'; transform: rotate(90deg); font-size: 6.0rem; display: inline-block }
.cursos-em-destaque-cursos-viewport { overflow: hidden; margin: -10px }
.cursos-em-destaque-cursos-viewport > ul { position: relative; transition: transform 0.50s ease; display: flex; align-items: stretch; gap: var(--large-spacing); list-style: none; margin: 10px; padding: 0 }
.cursos-em-destaque-cursos-viewport > ul > li { min-width: calc((100% / 3) - ((2 / 3) * var(--large-spacing))); width: calc((100% / 3) - ((2 / 3) * var(--large-spacing))) }

.cursos-em-destaque-cursos-list {  }
.cursos-em-destaque-cursos-list > ul { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--large-spacing); list-style: none; padding: 0 }
.cursos-em-destaque-cursos-list > ul > li { min-width: calc((100% / 3) - ((2 / 3) * var(--large-spacing))); width: calc((100% / 3) - ((2 / 3) * var(--large-spacing))) }

.cursos-em-destaque-curso { background: var(--background-color); box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 80px 0 80px 0; color: var(--menu-foreground-color); padding: 95px var(--large-spacing) var(--large-spacing); position: relative; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--default-spacing) }
.cursos-em-destaque-curso > * { margin: 0 }
.cursos-em-destaque-curso a { color: var(--menu-foreground-color) }
.cursos-em-destaque-curso-novo { position: absolute; top: 35px; right: -5px; background: #970575; color: #fff; line-height: 40px; padding: 0 40px; border-radius: 20px 0 0 20px }
.cursos-em-destaque-curso-novo:before { content: ''; position: absolute; right: 0; top: 100%; width: 0; height: 0; border-style: solid; border-color: #67034e transparent transparent transparent; border-width: 5px 5px 0 0 }
.cursos-em-destaque-curso-title a { font-family: 'Aller Light'; font-size: 2.4rem }

.jurisprudencia-table-onde-encontrou { box-sizing: border-box; padding-bottom: var(--large-spacing); padding-left: var(--small-spacing); text-align: left; font-size: var(--extra-small-font); height: calc(100% - 2 * var(--default-spacing)); overflow: auto; position: relative; margin: var(--default-spacing) 0; -webkit-mask-image: linear-gradient(to top, transparent 0, white var(--large-spacing), white 100%) }

.cursos-em-destaque-curso-description { max-height: 200px; box-sizing: border-box; overflow-y: auto }
.cursos-em-destaque-curso-description::-webkit-scrollbar { width: 30px }
.cursos-em-destaque-curso-description::-webkit-scrollbar-thumb { border-left: 20px solid #FFF; background-clip: padding-box; background-color: #aaa }

.cursos-em-destaque-curso-description > *:first-child { margin-top: 0 }
.cursos-em-destaque-curso-description > *:last-child { margin-bottom: 0 }
.cursos-em-destaque-curso-info { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end }
.cursos-em-destaque-curso-info > ul { list-style: none; margin: 0; padding: 0 }
.cursos-em-destaque-curso-info > ul > li { display: flex; align-items: center; gap: 10px; margin: 5px 0 }
.cursos-em-destaque-curso-info > ul > li:before { content: ''; background-size: 30px 30px; background-repeat: no-repeat; width: 30px; height: 30px }
.cursos-em-destaque-curso-data:before { background-image: url('images/icon-curso-data.png') }
.cursos-em-destaque-curso-carga:before { background-image: url('images/icon-curso-carga.png')  }
.cursos-em-destaque-curso-local:before { background-image: url('images/icon-curso-local.png')  }

.cursos-em-destaque-footer { display: flex; justify-content: center }

@media only screen and (max-width: 640px) {
	.cursos-em-destaque { min-width: initial }
	.cursos-em-destaque-cursos-viewport > ul { display: block }
	.cursos-em-destaque-cursos-viewport > ul > li { width: auto; margin: var(--large-spacing) 0 }
	.cursos-em-destaque-cursos-previous { display: none }
	.cursos-em-destaque-cursos-next { display: none }
}

/* acontece-na-ejud */
.acontece-na-ejud { background: var(--background-color); min-width: var(--content-width); padding: 0.0625px var(--default-spacing) }
.acontece-na-ejud-inner { max-width: var(--content-width); margin: 0 auto }
.acontece-na-ejud-inner > * { margin: 40px 0 }

.acontece-na-ejud-noticias { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--large-spacing); list-style: none; padding: 0 }
.acontece-na-ejud-noticias > li { width: calc((100% / 3) - ((2 / 3) * var(--large-spacing))) }

.acontece-na-ejud-noticia > * { margin: 20px 0 }
.acontece-na-ejud-noticia > *:first-child { margin-top: 0 }
.acontece-na-ejud-noticia > *:last-child { margin-bottom: 0 }
.acontece-na-ejud-noticia-image { height: 245px }
.acontece-na-ejud-noticia-image img { display: block; width: 100%; height: 100%; border-radius: 12px; }
.acontece-na-ejud-noticia-image > a { display: block; height: 100% }
.acontece-na-ejud-noticia-title { font-family: 'Aller Light'; font-size: 2.0rem }
.acontece-na-ejud-noticia-title > a { color: #62646b; display: block }

.acontece-na-ejud-footer { display: flex; justify-content: center }

@media only screen and (max-width: 640px) {
	.acontece-na-ejud { min-width: initial }
	.acontece-na-ejud-noticias { display: block }
	.acontece-na-ejud-noticias > li { width: 100%; margin: var(--default-spacing) 0 }
	.acontece-na-ejud-noticia-image { height: initial }
}

/* noticias-list */
.noticias-list > ul { list-style: none; margin: var(--large-spacing) 0; padding: 0 }
.noticias-list > ul > li { margin: var(--large-spacing) 0 }

.noticias-list-noticia { display: grid; grid-template-areas: 'image title' 'image published' 'image content'; grid-template-columns: 373px auto; grid-template-rows: auto auto 1fr; align-items: flex-start; column-gap: var(--large-spacing) }
.noticias-list-noticia > * > *:first-child { margin-top: 0 }
.noticias-list-noticia > * > *:last-child { margin-bottom: 0 }
.noticias-list-noticia-image { grid-area: image; margin: 0; height: 245px }
.noticias-list-noticia-image img { display: block; width: 100%; height: 100%; border-radius: 12px; }
.noticias-list-noticia-image > a { display: block; height: 100% }
.noticias-list-noticia-title { grid-area: title; font-family: 'Aller Light'; font-size: 2.6rem }
.noticias-list-noticia-title > a { color: var(--link-color); display: block }
.noticias-list-noticia-published { grid-area: published; margin-bottom: 20px }
.noticias-list-noticia-content { grid-area: content; color: var(--subdued-color) }

@media only screen and (max-width: 640px) {
	.noticias-list-noticia { display: block }
	.noticias-list-noticia-image { margin: var(--default-spacing) 0; height: inherit }
	.noticias-list-noticia-title { margin: var(--extra-small-spacing) 0 }
	.noticias-list-noticia-published { margin: var(--extra-small-spacing) 0 }
	.noticias-list-noticia-content { margin: var(--default-spacing) 0 }
}

/* acesso-rapido */
.acesso-rapido { background: var(--tertiary-color); min-width: var(--content-width); color: #696d72; padding: 0.0625px var(--default-spacing) }
.acesso-rapido a { color: #696d72 }
.acesso-rapido-inner { max-width: var(--content-width); margin: 0 auto }
.acesso-rapido-inner > * { margin: 40px 0 }

.acesso-rapido-links { display: flex; flex-wrap: wrap; font-size: 2.4rem; align-items: center; justify-content: space-around; gap: var(--default-spacing); list-style: none; padding: 0 }
.acesso-rapido-links > li > a { display: flex; align-items: center; gap: 20px }
.acesso-rapido-links > li > a > .image { display: block; background-size: 100% 100%; width: 70px; height: 70px }

@media only screen and (max-width: 640px) {
	.acesso-rapido { min-width: initial }
	.acesso-rapido-links { display: block}
	.acesso-rapido-links > li { margin: var(--default-spacing) 0 }
}

/* pagination */
.pagination__wrapper { margin: var(--default-spacing) 0 }
.pagination__wrapper > ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; justify-content: center; gap: var(--default-spacing) }
.pagination__wrapper > ul > li > * { border: 1px solid var(--menu-foreground-color); display: block; text-align: center; min-width: 40px; padding: 0 var(--small-spacing); box-sizing: border-box; line-height: 40px }
.pagination__wrapper > ul > li > a { color: var(--primary-color) }
.pagination__wrapper > ul > li > a:hover { text-decoration: none }
.pagination__wrapper > ul > li > a[aria-current=true],
.pagination__wrapper > ul > li.disabled > span { cursor: default; opacity: 0.3 }
.pagination__wrapper .icon-angle-left:before { content: '‹'; font-size: 22px }
.pagination__wrapper .icon-angle-double-left:before { content: '«'; font-size: 22px }
.pagination__wrapper .icon-angle-right:before { content: '›'; font-size: 22px }
.pagination__wrapper .icon-angle-double-right:before { content: '»'; font-size: 22px }

.search-pages-counter { margin: var(--default-spacing) 0; text-align: center }

/* galeria-ex-diretors */
.galeria-ex-diretores { margin: var(--large-spacing) 0 }
.galeria-ex-diretores > ul { list-style: none; padding: 0 }
.galeria-ex-diretores > ul > li { margin: var(--large-spacing) 0 }

.galeria-ex-diretores > ul > li:nth-child(even) .ex-diretor { text-align: right }
.galeria-ex-diretores > ul > li:nth-child(even) .ex-diretor-imagem { order: 2 }
.galeria-ex-diretores > ul > li:nth-child(even) .ex-diretor-content { order: 1 }
.galeria-ex-diretores > ul > li:nth-child(even) .ex-diretor-bienio > span { border-radius: var(--default-spacing) 0 0 var(--default-spacing) }
.galeria-ex-diretores > ul > li:nth-child(even) .ex-diretor-cargo { margin-left: 0; margin-right: calc(-1 * var(--large-spacing)) }

.ex-diretor { display: flex; align-items: flex-start; gap: var(--large-spacing) }
.ex-diretor-imagem { background: #fff; border: 1px solid #e09f84; width: 300px; height: 385px; margin: 0; border-radius: var(--small-spacing) }
.ex-diretor-imagem > img { display: block; width: 100%; height: 100% }
.ex-diretor-content { flex-grow: 1 }
.ex-diretor-content > * { margin: var(--default-spacing) 0 }

.ex-diretor-bienio { margin: var(--large-spacing) calc(-1 * var(--large-spacing)) }
.ex-diretor-bienio > span { background: #e09f84; display: inline-block; color: #fff; line-height: 40px; padding: 0 var(--large-spacing); border-radius: 0 var(--default-spacing) var(--default-spacing) 0 }
.ex-diretor-cargo { border-bottom: 1px solid #e09f84; margin-left: calc(-1 * var(--large-spacing)); padding: 0 var(--large-spacing); font-size: 2.4rem; font-weight: bold; font-family: 'Aller Light' }
.ex-diretor-nome { }
.ex-diretor-nome > * { display: inline-block; vertical-align: baseline }
.ex-diretor-nome-completo { font-size: 2.4rem; font-weight: bold; font-family: 'Aller Light' }

.ex-diretor-atributos { list-style: none; padding: 0 }
.ex-diretor-atributos > li { margin: var(--default-spacing) 0 }


@media only screen and (max-width: 640px) {
	.ex-diretor { display: block }
	.ex-diretor-imagem { margin: 0 auto }
	.ex-diretor-bienio { margin: var(--default-spacing) 0; text-align: center }
	.ex-diretor-bienio > span { border-radius: var(--default-spacing) }
	.ex-diretor-cargo { margin: var(--default-spacing) 0; padding: 0 }
	.galeria-ex-diretores > ul > li:nth-child(even) .ex-diretor { text-align: left }
	.galeria-ex-diretores > ul > li:nth-child(even) .ex-diretor-bienio { margin: var(--default-spacing) 0 }
	.galeria-ex-diretores > ul > li:nth-child(even) .ex-diretor-bienio > span { border-radius: var(--default-spacing) }
	.galeria-ex-diretores > ul > li:nth-child(even) .ex-diretor-cargo { margin: var(--default-spacing) 0 }
	
}

/* curso-detalhes */
.curso-detalhes > * { margin: var(--large-spacing) 0 }
.curso-detalhes > *:first-child { margin-top: 0 }
.curso-detalhes > *:last-child { margin-bottom: 0 }

.curso-detalhes-header { background: var(--primary-color); color: #fff; padding: 0.0625px 0; width: 100vw; min-width: var(--content-width); position: relative; left: calc(-50vw + 50%) }
.curso-detalhes-header-inner { max-width: var(--content-width); margin: var(--extra-large-spacing) auto; display: grid; grid-template-areas: 'titulo imagem' 'descricao imagem'; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; align-items: flex-start; justify-content: center; column-gap: var(--large-spacing); row-gap: var(--default-spacing) }
.curso-detalhes-header-inner > * > *:first-child { margin-top: 0 }
.curso-detalhes-header-inner > * > *:last-child { margin-bottom: 0 }
.curso-detalhes-title { grid-area: titulo }
.curso-detalhes-title > h1 { font-size: 3.6rem }
.curso-detalhes-description { grid-area: descricao }
.curso-detalhes-imagem { grid-area: imagem; background: #7a5b54; margin: 0; width: 338px; height: 300px; display: flex }
.curso-detalhes-imagem img { object-fit: cover; width: 100%; height: 100%; will-change: transform }

.curso-detalhes-main-inner { max-width: var(--content-width); margin: var(--extra-large-spacing) auto; padding: 0.0625px 0 }

.curso-detalhes-box { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); color: var(--menu-foreground-color); padding: 0.0625px var(--large-spacing); box-sizing: border-box }
.curso-detalhes-box > * { margin: var(--large-spacing) 0 }

.curso-detalhes .cursos-em-destaque-curso { padding: 0.0625px var(--extra-large-spacing); border-radius: 0 }
.curso-detalhes .cursos-em-destaque-curso > * { margin: var(--large-spacing) 0 }

.curso-detalhes-atributos { display: flex; flex-wrap: nowrap; gap: var(--large-spacing); align-items: flex-start; list-style: none; padding: 0; justify-content: space-around }
.curso-detalhes-atributos > * { flex-grow: 1; min-width: 150px; /*flex: 1 1 0px*/ }
.curso-detalhes-atributo-name { text-transform: uppercase; font-family: 'Aller Light'; font-weight: bold; color: var(--primary-color); font-size: 1.8rem }

.curso-detalhes-inscrever { text-align: center }
.curso-detalhes-inscrever .default-ver-mais { color: var(--primary-color) }
@media only screen and (max-width: 640px) {
	.curso-detalhes-main { margin: var(--default-spacing) 0 }
	.curso-detalhes-main-inner { margin: var(--default-spacing) 0 }
	.curso-detalhes-header { min-width: inherit; left: initial; width: auto; margin: 0 calc(-1 * var(--default-spacing)); padding: 0.0625px var(--default-spacing) }
	.curso-detalhes-header-inner { margin: var(--large-spacing) 0; display: block }
	.curso-detalhes-header-inner > * { margin: var(--default-spacing) 0 }
	.curso-detalhes-imagem { width: 100%; height: auto }
	.curso-detalhes-imagem:after { padding-top: 56.25%; display: block; content: ''; width: 100% }
	.curso-detalhes-atributos { display: block }
	.curso-detalhes-atributos > * { margin: var(--default-spacing) 0 }
	.curso-detalhes-atributo { margin: var(--default-spacing) 0 }

	.curso-detalhes .cursos-em-destaque-curso { padding: var(--default-spacing) var(--large-spacing) }
	.curso-detalhes .cursos-em-destaque-curso > * { margin: var(--default-spacing) 0 }
}

/* joomla */
#search-result-empty { margin: var(--large-spacing) 0 }

/* gallery */
.gallery { border: 1px solid var(--menu-foreground-color); overflow-y: hidden; margin: 20px 0 }

.gallery .slider > ul { transition: transform 0.5s ease }

.gallery-images { padding: 20px }
.gallery-images .slider { margin-top: 0; margin-bottom: 0; font-size: 0; white-space: nowrap; overflow: hidden }
.gallery-images .slider > * { font-size: 0; text-align: left; margin: 0 0 0 0; list-style: none; padding: 0 }
.gallery-images .slider > * > * { box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; display: inline-block; font-size: initial; padding: 0 0 0 0; text-align: left; vertical-align: middle }
.gallery-images .slider > ul > li { text-align: center }
.gallery-images .slider a { display: inline-block; vertical-align: top }
.gallery-images .slider img { display: block; max-width: 100%; max-height: 500px }

.gallery-thumbnails { padding: 20px 60px; position: relative }
.gallery-thumbnails .slider { margin-top: 0; margin-bottom: 0; font-size: 0; white-space: nowrap; overflow: hidden }
.gallery-thumbnails .slider > * { font-size: 0; text-align: left; margin: -20px 0 0 -20px; list-style: none; padding: 0 }
.gallery-thumbnails .slider > * > * { box-sizing: border-box; -moz-box-sizing: border-box; width: 20%; display: inline-block; font-size: initial; padding: 20px 0 0 20px; text-align: left; vertical-align: middle }
.gallery-thumbnails .slider > ul > li { position: relative; cursor: pointer }
.gallery-thumbnails .slider > ul > li:hover:after, 
.gallery-thumbnails .slider > ul > li.active:after { position: absolute; top: 20px; right: 0; bottom: 0; left: 20px; border: 3px solid var(--primary-color); content: "" }

.gallery-thumbnails img { cursor: pointer; display: block; width: 100%; max-height: 124px }

.gallery-thumbnails-previous { display: flex; cursor: pointer; width: 60px; position: absolute; top: 0; bottom: 0; left: 0 }
.gallery-thumbnails-previous:after { color: #666; font-weight: bold; font-size: 60px; margin: auto; position: relative; top: -4px }
.gallery-thumbnails-previous:hover:after { color: var(--primary-color) }
.gallery-thumbnails-previous.inactive { opacity: 0.25 }
.gallery-thumbnails-previous.inactive:hover:after { color: #666 }
.gallery-thumbnails-previous:after { content: "‹" }
.gallery-thumbnails-next { display: flex; cursor: pointer; width: 60px; position: absolute; top: 0; right: 0; bottom: 0 }
.gallery-thumbnails-next:after { color: #666; font-weight: bold; font-size: 60px; margin: auto; position: relative; top: -4px }
.gallery-thumbnails-next:hover:after { color: var(--primary-color) }
.gallery-thumbnails-next.inactive { opacity: 0.25 }
.gallery-thumbnails-next.inactive:hover:after { color: #666 }
.gallery-thumbnails-next:after { content: "›" }

.td-com-destaque th {
	background: #9a685f;
	color: #f5f5f2;
	font-weight: inherit;
	padding: 30px;
}

.td-com-destaque td {
	background: #fff;
}