@charset "UTF-8";
/**
 *  Folha de estilos para o menu lateral
 *  Home / Lista / Interna
 *  
 *  @author Bruno Lima <brunothelima@gmail.com>
 */
/**
 *  Variáveis, mixins e configurções
 *
 *  @author     Bruno Lima <brunothelima@gmail.com>
 *  @link       assets/scss/configurations.scss
 */
/*  NTH da mais escura -> para a mais clara */
/* 				 nth(1)   nth(2)   nth(3)   nth(4)   nth(5)   nth(6)   nth(7) */
/* 				nth(1)  nth(2)    nth(3)   nth(4)   nth(5) */
/* 					  nth(1)   nth(2)    nth(3)   nth(4)   nth(5) */
/* 					     nth(1)   nth(2)   nth(3)   nth(4)   nth(5) */
/* 			   nth(1)   nth(2)   nth(3)   nth(4)   nth(5) */
/* 			 nth(1)   nth(2)   nth(3)   nth(4)   nth(5) */
/* 			      nth(1)   nth(2)   nth(3)   nth(4)   nth(5) */
/**
 *  Folha de estilos para configurações de texto
 *  @author Bruno Lima <brunothelima@gmail.com>
 */
h1 {
  font-size: 30px;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  h1 {
    font-size: 27px;
  }
}

h2 {
  font-size: 21px;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  h2 {
    font-size: 18px;
  }
}

h3 {
  font-size: 19px;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  h3 {
    font-size: 16px;
  }
}

h4 {
  font-size: 17px;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  h4 {
    font-size: 15px;
  }
}

p {
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  p {
    margin-bottom: 11px;
  }
}

.text {
  font-size: 15px;
  line-height: 200%;
}
@media screen and (max-width: 1200px) {
  .text {
    font-size: 14px;
  }
}

aside.side-nav {
  position: fixed;
  display: block;
  z-index: 3;
  left: 0;
  top: 0;
  width: 200px;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  aside.side-nav {
    width: 163px;
  }
}
@media screen and (max-width: 980px) {
  aside.side-nav {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
aside.side-nav .channel-menu {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-bottom: 25vh;
  background-color: #2B373F;
}
aside.side-nav .channel-menu .logo {
  padding: 10px 0;
  height: 60px;
  background: #7C8184 url("../../img/menu/right-shadow.png") repeat-y right top;
}
aside.side-nav .channel-menu .logo img {
  display: block;
  margin: auto;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
aside.side-nav .channel-menu .logo:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
aside.side-nav .channel-menu .channel-icon {
  position: relative;
  overflow: visible;
  padding: 27px 0;
  height: 130px;
  background: #63676a url("../../img/menu/right-shadow.png") repeat-y right top;
  text-align: center;
}
aside.side-nav .channel-menu .channel-icon img {
  display: block;
  margin: 0 auto 5px;
}
aside.side-nav .channel-menu .channel-icon span {
  color: #FFFFFF;
  font-size: 15px;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .channel-icon span {
    font-size: 14px;
  }
}
aside.side-nav .channel-menu .channel-icon:after {
  display: block;
  position: absolute;
  content: '';
  bottom: -16px;
  left: 0;
  height: 18px;
  width: 100%;
  background: url("../../img/menu/top-shadow.png") repeat-x center;
}
aside.side-nav .channel-menu .current-category {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 15px;
  background-color: rgba(255, 255, 255, 0.1);
  white-space: nowrap;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .current-category {
    padding: 0 11px;
  }
}
aside.side-nav .channel-menu .current-category:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 1px;
  height: 100%;
  margin-left: -1px;
}
aside.side-nav .channel-menu .current-category span {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 13px;
  line-height: normal;
  color: #92989C;
  white-space: normal;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .current-category span {
    font-size: 12px;
  }
}
aside.side-nav .channel-menu .categories {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(75vh - 190px);
}
aside.side-nav .channel-menu .categories .mCSB_scrollTools {
  margin-right: -5px;
}
aside.side-nav .channel-menu .categories .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
aside.side-nav .channel-menu .categories li {
  height: 60px;
  width: 100%;
  border-bottom: 1px solid rgba(43, 55, 63, 0.4);
}
aside.side-nav .channel-menu .categories li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  white-space: nowrap;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .categories li a {
    padding: 0 0 0 11px;
  }
}
aside.side-nav .channel-menu .categories li a:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 1px;
  height: 100%;
  margin-left: -1px;
}
aside.side-nav .channel-menu .categories li span {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 13px;
  line-height: normal;
  color: #92989C;
  white-space: normal;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .categories li span {
    font-size: 12px;
  }
}
aside.side-nav .channel-menu .categories li.title {
  border-bottom-color: transparent;
  padding: 0 15px;
  font-size: 13px;
  line-height: normal;
  color: #FFFFFF;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .categories li.title {
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .categories li.title {
    padding: 0 0 0 11px;
  }
}
aside.side-nav .channel-menu .categories li.title:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 1px;
  height: 100%;
  margin-left: -1px;
}
aside.side-nav .channel-menu .categories li.columnist a span {
  text-transform: none;
}
aside.side-nav .channel-menu .categories li:hover a, aside.side-nav .channel-menu .categories li.active a {
  background-color: rgba(255, 255, 255, 0.1);
}
aside.side-nav .channel-menu .current-category ~ .categories {
  height: calc(75vh - 250px);
}
aside.side-nav .channel-menu .options {
  position: relative;
  border-bottom: 1px solid #2B373F;
}
aside.side-nav .channel-menu .options .category {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 15px;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
aside.side-nav .channel-menu .options .category:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 1px;
  height: 100%;
  margin-left: -1px;
}
aside.side-nav .channel-menu .options .category span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: normal;
  text-transform: uppercase;
  color: #92989C;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .options .category span {
    font-size: 12px;
  }
}
aside.side-nav .channel-menu .options .category:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .options .category {
    padding: 0 11px;
    background-position: calc(100% - 11px) center;
  }
}
aside.side-nav .channel-menu .options .dropdown-button {
  position: absolute;
  display: block;
  width: 30px;
  height: 22px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
aside.side-nav .channel-menu .options .dropdown-button:hover {
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
aside.side-nav .channel-menu .options .dropdown-content {
  left: auto !important;
  right: 0 !important;
  width: 100% !important;
  height: calc(75vh - 190px);
}
aside.side-nav .channel-menu .see-also {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(75vh - 250px);
  padding: 0 0 0 15px;
}
aside.side-nav .channel-menu .see-also .mCSB_scrollTools {
  margin-right: -5px;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .see-also {
    padding: 0 0 0 11px;
  }
}
aside.side-nav .channel-menu .see-also li {
  padding: 15px 15px 15px 0;
  border-top: 1px solid #2B373F;
  list-style: none;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .see-also li {
    padding: 11px 11px 11px 0;
  }
}
aside.side-nav .channel-menu .see-also li:first-child {
  border-top: none;
}
aside.side-nav .channel-menu .see-also li a {
  display: block;
}
aside.side-nav .channel-menu .see-also li a p {
  margin-bottom: 0;
  color: #92989C;
  font-size: 11px;
  line-height: normal;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .see-also li a p {
    font-size: 10px;
  }
}
aside.side-nav .channel-menu .see-also li a p:first-child {
  margin-bottom: 15px;
  color: #FFF;
  font-size: 13px;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .see-also li a p:first-child {
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
  aside.side-nav .channel-menu .see-also li a p:first-child {
    margin-bottom: 11px;
  }
}
aside.side-nav .channel-menu .see-also li a:hover p {
  color: #FFFFFF;
}
aside.side-nav .channel-menu .see-also li a:hover p:first-child {
  color: #92989C;
}
aside.side-nav .main-menu {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  background: #2B373F url("../../img/menu/aside-bg.png") repeat-y left top;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .main-menu {
    padding: 10px 11px;
  }
}
aside.side-nav .main-menu .logo {
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
}
aside.side-nav .main-menu .logo img {
  display: block;
  margin: auto;
}
aside.side-nav .main-menu:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  height: 100%;
  width: 1px;
  margin-left: -1px;
}
aside.side-nav .main-menu .center {
  display: inline-block;
  vertical-align: middle;
}
aside.side-nav .main-menu nav {
  display: block;
  white-space: normal;
}
aside.side-nav .main-menu nav.channels ul {
  list-style: none;
}
aside.side-nav .main-menu nav.channels ul li {
  margin-bottom: 15px;
}
aside.side-nav .main-menu nav.channels ul li a {
  display: block;
}
aside.side-nav .main-menu nav.channels ul li a svg, aside.side-nav .main-menu nav.channels ul li a img {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 16px;
  margin-right: 15px;
}
aside.side-nav .main-menu nav.channels ul li a svg path, aside.side-nav .main-menu nav.channels ul li a svg rect, aside.side-nav .main-menu nav.channels ul li a img path, aside.side-nav .main-menu nav.channels ul li a img rect {
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .main-menu nav.channels ul li a svg, aside.side-nav .main-menu nav.channels ul li a img {
    margin-right: 11px;
  }
}
aside.side-nav .main-menu nav.channels ul li a span {
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 15px;
  line-height: normal;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .main-menu nav.channels ul li a span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  aside.side-nav .main-menu nav.channels ul li a span {
    font-size: 13px;
    line-height: normal;
  }
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  aside.side-nav .main-menu nav.channels ul li a span {
    font-size: 12px;
  }
}

aside.side-nav .main-menu nav.channels ul li:hover a svg path,
aside.side-nav .main-menu nav.channels ul li:hover a svg rect, aside.side-nav .main-menu nav.channels ul li.active a svg path,
aside.side-nav .main-menu nav.channels ul li.active a svg rect {
  fill: #00C0FF;
}
aside.side-nav .main-menu nav.channels ul li:hover a span, aside.side-nav .main-menu nav.channels ul li.active a span {
  color: #00C0FF;
}
aside.side-nav .main-menu nav.pages {
  padding-top: 90px;
}
aside.side-nav .main-menu nav.pages ul {
  margin-left: 20px;
}
aside.side-nav .main-menu nav.pages ul li {
  margin-bottom: 15px;
}
aside.side-nav .main-menu nav.pages ul li a {
  font-size: 13px;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .main-menu nav.pages ul li a {
    font-size: 12px;
  }
}
aside.side-nav .main-menu nav.pages ul li:hover a, aside.side-nav .main-menu nav.pages ul li.active a {
  color: #00C0FF;
}
aside.side-nav .main-menu > span {
  position: absolute;
  display: block;
  bottom: 20px;
  left: 20px;
  font-size: 11px;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  aside.side-nav .main-menu > span {
    font-size: 10px;
  }
}
aside.side-nav.channel-active .main-menu {
  -moz-transform: translateY(75vh);
  -ms-transform: translateY(75vh);
  -webkit-transform: translateY(75vh);
  transform: translateY(75vh);
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
}
aside.side-nav.channel-active .main-menu:before {
  display: block;
  position: absolute;
  content: '';
  top: -16px;
  left: 0;
  height: 18px;
  width: 100%;
  background: url("../../img/menu/bottom-shadow.png") repeat-x center;
}
aside.side-nav.channel-active .main-menu:hover {
  -moz-transform: translateY(190px);
  -ms-transform: translateY(190px);
  -webkit-transform: translateY(190px);
  transform: translateY(190px);
}
aside.side-nav.channel-active .main-menu .logo {
  display: none;
}
aside.side-nav.channel-active .main-menu:before, aside.side-nav.channel-active .main-menu .center {
  vertical-align: top;
}
aside.side-nav.channel-active .main-menu nav.channels {
  padding-top: 30px;
}
aside.side-nav.channel-active .main-menu nav.pages {
  padding-top: 30px;
}

body.notices aside .channel-menu {
  background-color: #122B37;
}
body.notices aside .channel-menu .logo {
  background-color: #007EBC;
}
body.notices aside .channel-menu .channel-icon {
  background-color: #0071A8;
}
body.notices aside .channel-menu .current-category span {
  color: #00C0FF;
}
body.notices aside .channel-menu .categories li a span {
  color: #00C0FF;
}
body.notices aside .channel-menu .categories li a:hover span {
  color: rgba(0, 192, 255, 0.8);
}
body.notices aside .channel-menu .options {
  border-color: #122B37;
}
body.notices aside .channel-menu .options .category span {
  color: #00C0FF;
}
body.notices aside .channel-menu .see-also li a:hover p:first-child {
  color: #00C0FF;
}

body.articles aside .channel-menu {
  background-color: #202828;
}
body.articles aside .channel-menu .logo {
  background-color: #279DAC;
}
body.articles aside .channel-menu .channel-icon {
  background-color: #238C9A;
}
body.articles aside .channel-menu .current-category span {
  color: #26DFD6;
}
body.articles aside .channel-menu .categories li a span {
  color: #26DFD6;
}
body.articles aside .channel-menu .categories li a:hover span {
  color: rgba(38, 223, 214, 0.8);
}
body.articles aside .channel-menu .options {
  border-color: #202828;
}
body.articles aside .channel-menu .options .category span {
  color: #26DFD6;
}
body.articles aside .channel-menu .see-also li a:hover p:first-child {
  color: #26DFD6;
}

body.service-guide aside .channel-menu {
  background-color: #212C29;
}
body.service-guide aside .channel-menu .logo {
  background-color: #449E85;
}
body.service-guide aside .channel-menu .channel-icon {
  background-color: #3D8D77;
}
body.service-guide aside .channel-menu .current-category span {
  color: #86DFC6;
}
body.service-guide aside .channel-menu .categories li a span {
  color: #86DFC6;
}
body.service-guide aside .channel-menu .categories li a:hover span {
  color: rgba(134, 223, 198, 0.8);
}
body.service-guide aside .channel-menu .options {
  border-color: #212C29;
}
body.service-guide aside .channel-menu .options .category span {
  color: #86DFC6;
}
body.service-guide aside .channel-menu .see-also li a:hover p:first-child {
  color: #86DFC6;
}

body.events aside .channel-menu {
  background-color: #26232B;
}
body.events aside .channel-menu .logo {
  background-color: #57486F;
}
body.events aside .channel-menu .channel-icon {
  background-color: #4E4063;
}
body.events aside .channel-menu .current-category span {
  color: #9B8AB5;
}
body.events aside .channel-menu .categories li a span {
  color: #9B8AB5;
}
body.events aside .channel-menu .categories li a:hover span {
  color: rgba(155, 138, 181, 0.8);
}
body.events aside .channel-menu .options {
  border-color: #26232B;
}
body.events aside .channel-menu .options .category span {
  color: #9B8AB5;
}
body.events aside .channel-menu .see-also li a:hover p:first-child {
  color: #9B8AB5;
}

body.jobs aside .channel-menu {
  background-color: #232933;
}
body.jobs aside .channel-menu .logo {
  background-color: #425E8A;
}
body.jobs aside .channel-menu .channel-icon {
  background-color: #3B547B;
}
body.jobs aside .channel-menu .current-category span {
  color: #78A9F5;
}
body.jobs aside .channel-menu .categories li a span {
  color: #78A9F5;
}
body.jobs aside .channel-menu .categories li a:hover span {
  color: rgba(120, 169, 245, 0.8);
}
body.jobs aside .channel-menu .options {
  border-color: #232933;
}
body.jobs aside .channel-menu .options .category span {
  color: #78A9F5;
}
body.jobs aside .channel-menu .see-also li a:hover p:first-child {
  color: #78A9F5;
}

body.utilities aside .channel-menu {
  background-color: #232933;
}
body.utilities aside .channel-menu .logo {
  background-color: #425E8A;
}
body.utilities aside .channel-menu .channel-icon {
  background-color: #3B547B;
}
body.utilities aside .channel-menu .current-category span {
  color: #78A9F5;
}
body.utilities aside .channel-menu .categories li a span {
  color: #78A9F5;
}
body.utilities aside .channel-menu .categories li a:hover span {
  color: rgba(120, 169, 245, 0.8);
}
body.utilities aside .channel-menu .options {
  border-color: #232933;
}
body.utilities aside .channel-menu .options .category span {
  color: #78A9F5;
}
body.utilities aside .channel-menu .see-also li a:hover p:first-child {
  color: #78A9F5;
}