/**
 * @file
 * Subtheme specific CSS.
 */


 /* helping resources
 https://flexbox.buildwithreact.com/
 https://tobiasahlin.com/blog/flexbox-break-to-new-row/
 https://css-tricks.com/almanac/properties/f/flex-wrap/
 */


 /* ---------- Color Module Styles ----------- */

 body {
    color: #3b3b3b;
    background: #292929;
  }

  #page,
  #main-wrapper,
  .region-primary-menu .menu-item a.is-active,
  .region-primary-menu .menu-item--active-trail a {
    background: #fff;
  }

  .tabs ul.primary li a.is-active {
    background-color: #fff;
  }

  .tabs ul.primary li.is-active a {
    background-color: #fff;
    border-bottom-color: #fff;
  }

  #navbar-top {
    background-color: #ffffff;
  }

  #navbar-main {
    /*background-color: #058e5a; /* verde */
    /*background-color: #291670; /* azul */
    background-color: #2e225c !important; /* azul escuro */
  }

  a,
  .link {
    color: #0071b3;
  }

  a:hover,
  a:focus,
  .link:hover,
  .link:focus {
    color: #018fe2;
  }

  a:active,
  .link:active {
    color: #23aeff;
  }

  .page-item.active .page-link {
    background-color: #00b371;
    border-color: #00b371;
  }

  .page-link,
  .page-link:hover {
    color: #0071b3;
  }

  .sidebar .block {
    background-color: #f6f6f2;
    border-color: #f9f9f9;
  }

  .btn-primary {
    background-color: #00ff7b;
    border-color: #00ff7b;
  }

  .btn-primary:hover,
  .btn-primary:focus {
    background-color: #02b156;
  }

  .site-footer {
    background: #292929;
  }

  .region-header,
  .region-header a,
  .region-header li a.is-active,
  .region-header .site-branding__text,
  .region-header .site-branding,
  .region-header .site-branding__text a,
  .region-header .site-branding a,
  .region-secondary-menu .menu-item a,
  .region-secondary-menu .menu-item a.is-active {
    color: #fffeff;
  }


  /* ---------- Color Form ----------- */

  [dir="rtl"] .color-form .color-palette {
    margin-left: 0;
    margin-right: 20px;
  }

  [dir="rtl"] .color-form .form-item label {
    float: right;
  }

  [dir="rtl"] .color-form .color-palette .lock {
    right: -20px;
    left: 0;
  }





  /*=============================================*/
  body {
    min-width: 420px;
  }
  @font-face {
    font-family: notosansdisplayregular;
    src: url(./NotoSansDisplay-Regular.ttf);
    font-display: swap;
  }
  @font-face {
    font-family: notosansdisplayitalic;
    src: url(./NotoSansDisplay-Italic.ttf);
    font-display: swap;
  }
  @font-face {
    font-family: notosansdisplaybold;
    src: url(./NotoSansDisplay-Bold.ttf);
    font-display: swap;
  }
  @font-face {
    font-family: notosansdisplaybolditalic;
    src: url(./NotoSansDisplay-BoldItalic.ttf);
    font-display: swap;
  }
  main.main-content {
    word-wrap: break-word;
    word-break: break-word;
  }




  /* ================ TOP HEADER ================ */
  
  .navbar .region-top-header {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    align-content: space-between;
  }
  nav#navbar-top {
    background-color: #80937b;
    background-image: url(../images/banner_smoked_croped.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 20% 50%;
  }
  .region-top-header {
    height: 140px;
  }
  /*------------------ Especifico para subsite - inicio */
  .region-top-header.header-subsite {
    height: 110px;
    justify-content: center;
  }
  .region-top-header.header-subsite div#block-logounicamp p {
    margin-bottom: 5px;
  }
  /*---Se tiver traducoes e precisar das bandeirinhas*/
  .region-top-header.header-subsite.multilanguage { 
    height: 120px;
    
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    align-content: space-between;
    
  }
  .region-top-header.header-subsite.multilanguage > * { 
    flex: 0 0 auto;
  }
  /*----------------- Especifico para subsite - fim */


  /* ================ BAIDEIRINHAS IDIOMAS ================ */
  #block-languageswitcher {
    margin-right: 80px;
  }
  a.language-link {
    line-height: 1;
  }
  div#block-languageswitcher span.nav-link {
    padding-top: 0px;
    padding-bottom: 0px;
  }


  /* ================ LOGO ================ */
  .region-top-header a.navbar-brand {
    padding: 0px;
  }
  .region-top-header img.img-fluid {
    height: 90px;
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
  }

/* ================ NAVBAR MENU PRINCIPAL ================ */
  nav#navbar-main {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  nav#navbar-main section {
    align-items: flex-start;
  }


  /* ================ MENU PUBLICO INTERNO ================ */
  .navbar .region-top-header .menu--internal-user-redirection a.nav-link, .navbar .region-top-header .menu--internal-user-redirection a.nav-link:hover {
    font-size: 0.8rem;
    color: black;
    text-decoration: none;
  }
  #navbar__block-internaluserredirection-menu {
    text-shadow: 0px 0px 3px #ffffff, 0px 0px 4px white, 0px 0px 5px #ffffff,  0px 0px 3px #ffffff, 0px 0px 4px white, 0px 0px 5px #ffffff;
  }


  /* ================ MENU USUARIOS IB ================ */
  .navbar .region-top-header .menu--ib-users a.nav-link, .navbar .region-top-header .menu--ib-users a.nav-link:hover {
    font-size: 0.8rem;
    color: black;
    text-decoration: none;
  }
  nav#block-ibusers {
    width: 250px;    
    display: flex;
    flex-direction: row-reverse;
    justify-content: end;
  }
  ul#block-ibusers {
    /*width: 200px;*/
    margin-right: 5px;
    align-items: end;
  }
  #block-ibusers svg {
    float: right;
  }
  #navbar__block-ibusers-menu {
    text-shadow: 0px 0px 3px #ffffff, 0px 0px 4px white, 0px 0px 5px #ffffff,  0px 0px 3px #ffffff, 0px 0px 4px white, 0px 0px 5px #ffffff;
    /*justify-content: flex-end;*/
    float: right;
  }



  /* ================ BLOCO COMPARTILHAR ================ */
  #block-socialsharingblock {
    /* BS class "text-right" */
    text-align: right !important;
    /* BS class "mt-2"*/
    margin-top: 0.5rem;
  }
  div.social-media-sharing a.share img {
    width: 2rem;
    height: 2rem;
  }



  /* ================ GOOGLE ================ */
  .gsc-control-cse.gsc-control-cse-en, .gsc-control-cse.gsc-control-cse-en .gsc-input, .gsc-control-cse.gsc-control-cse-en .gsc-search-button, .gsc-control-cse.gsc-control-cse-en .gsib_a {
    padding: 0px;
  }
  .gsc-control-cse.gsc-control-cse-en .gsc-search-box.gsc-search-box-tools, .gsc-control-cse.gsc-control-cse-en .gsc-search-box, .gsc-control-cse.gsc-control-cse-en .gsc-search-box tr, .gsc-control-cse.gsc-control-cse-en .gstl_50.gsc-input {
    margin: 0px;
  }
  .gsc-control-cse.gsc-control-cse-en .gsib_b {
    display: none;
  }
  .gsc-control-cse.gsc-control-cse-en .gsc-search-button.gsc-search-button-v2 {
    padding: 6px 10px;
  }

  .gsc-control-cse.gsc-control-cse-pt-PT, .gsc-control-cse.gsc-control-cse-pt-PT .gsc-input, .gsc-control-cse.gsc-control-cse-pt-PT .gsc-search-button, .gsc-control-cse.gsc-control-cse-pt-PT .gsib_a {
    padding: 0px;
  }
  .gsc-control-cse.gsc-control-cse-pt-PT .gsc-search-box.gsc-search-box-tools, .gsc-control-cse.gsc-control-cse-pt-PT .gsc-search-box, .gsc-control-cse.gsc-control-cse-pt-PT .gsc-search-box tr, .gsc-control-cse.gsc-control-cse-pt-PT .gstl_50.gsc-input {
    margin: 0px;
  }
  #google-cse-search-box-form, .gsc-control-cse.gsc-control-cse-pt-PT .gsib_b {
    display: none;
  }
  .gsc-control-cse.gsc-control-cse-pt-PT .gsc-search-button.gsc-search-button-v2 {
    padding: 6px 10px;
  }


  /* ================ LOGO UNICAMP ================ */
  #block-logounicamp {
    margin-bottom: 2px;
  }
  #block-logounicamp div a img {
    width: auto;
    height: 96px;
  }





  /* ================ MENU PRINCIPAL ================ */
  div#navbar__block-ib-principal-main-menu-menu .nav-link:hover, div#navbar__block-ib-principal-main-menu-menu .nav-link:focus, 
  div#navbar__block-ib-principal-main-en-menu-menu .nav-link:hover, div#navbar__block-ib-principal-main-en-menu-menu .nav-link:focus, 
  div#navbar__block-ib-principal-main-es-menu-menu .nav-link:hover, div#navbar__block-ib-principal-main-es-menu-menu .nav-link:focus {
    color: #92b4e8;
  }
  div#navbar__block-ib-principal-main-menu-menu li.nav-item ul.dropdown-menu,
  div#navbar__block-ib-principal-main-en-menu-menu li.nav-item ul.dropdown-menu,
  div#navbar__block-ib-principal-main-es-menu-menu li.nav-item ul.dropdown-menu {
    /* subitem do menu principal */
    /*background-color: #5c9f8c;*/
    background-color: #384379;
  }
  div#navbar__block-ib-principal-main-menu-menu li.nav-item ul.dropdown-menu ul.dropdown-menu,
  div#navbar__block-ib-principal-main-en-menu-menu li.nav-item ul.dropdown-menu ul.dropdown-menu,
  div#navbar__block-ib-principal-main-es-menu-menu li.nav-item ul.dropdown-menu ul.dropdown-menu {
    /* sub-subitem do menu principal */
    /*background-color: #5c9f8c;*/
    background-color: #2f3e31;
    position: static; /* Faz os itens do 3o nivel expandirem entre os itens do 2o nivel, ao inves de por cima */
  }
  ul li.dropdown-item:hover, ul li.dropdown-item:focus, ul li.dropdown-item:active, ul li.dropdown-item.active {
    background-color: transparent;
  }
  #navbar__block-ib-principal-main-menu-menu a.nav-link,
  #navbar__block-ib-principal-main-en-menu-menu a.nav-link,
  #navbar__block-ib-principal-main-es-menu-menu a.nav-link {
    font-weight: bolder;
    text-decoration: none;
    color: #fffeff;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }



  /* ================ DIBA CAROUSEL ================ */
  div.highlighted aside.container.section.clearfix {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;
  }
  div#diba-carousel div.carousel-inner div.carousel-item img {
    width: 100%;
  }



  
  /*div#diba-carousel div.carousel-inner div.carousel-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
  }*/

  div#diba-carousel div.carousel-inner div.carousel-item:hover:before { 
    content: "";
  }







  div#diba-carousel div.carousel-inner div.carousel-item {
    /*max-height: 400px;*/
    overflow: hidden;
  }
  div#diba-carousel div.carousel-inner div.carousel-item div.carousel-caption{
    position: static;
    background-color: #000000;
  }
  div#diba-carousel div.carousel-inner div.carousel-item h2.caption-title a {
    color: white !important;
    font-weight: bold;
    text-shadow: 0.075em 0.075em 0.075em #111, -0.005rem -0.005rem 1px #666;
    font-family: notosansdisplayregular;
  }
  div#diba-carousel div.carousel-inner div.carousel-item div.caption-desc {
    font-size: 1rem;
    text-shadow: 0.075em 0.075em 0.075em #111, -0.005rem -0.005rem 1px #666;
  }
  div#block-vejamaisnoticias {
    margin-top: calc(-1.5em - 10px);
    position: relative;
    float: right;
    width: 200px;
    text-align: right;
    padding: 0.25em;
    z-index: 1001;
  }
  div#block-vejamaisnoticias a {
    font-size: 1em;
    color: white !important;
    font-weight: bold;
    text-shadow: 0.075em 0.075em 0.075em #111, -0.005rem -0.005rem 1px #666;
  }
  div#diba-carousel ol.carousel-indicators {
    margin-bottom: 0px;
  }
  div#diba-carousel ol.carousel-indicators li {
    border-width: 1px;
    border-color: black;
    border-style: solid;
    height: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 25px;
  }

  div#diba-carousel ol.carousel-indicators li {
    opacity: 0.2;
  }
  div#diba-carousel ol.carousel-indicators li.active {
    opacity: 1;
  }


  /* ================ FOOTER ================ */
  footer.site-footer {
    padding-top: 0px;
  }

    /* ================ FOOTER - Programas ================ */
  section.row.region.region-footer-third {
    margin-top: 1em;
    float: left;
    border: 1px solid #444;
    width: 30%;
  }
  nav#block-programas ul.navbar-nav {
    flex-direction: column;
  }
  nav#block-programas {
    margin-top: 1rem;
    margin-left: 1rem;
  }
  nav#block-programas ul li {
	  width: 100%;
  }
  nav#block-programas ul li span {
    border-bottom:  1px solid rgba(255, 255, 255, 0.75);
    padding-left: 0px;
    padding-right: 1rem;
    padding-top: 0.6rem;
  }
  nav#block-programas ul li span:hover {
    border-bottom: 1px solid rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.2);
  }
  nav#block-programas ul li a {
    text-decoration: underline;
  }
  nav#block-programas ul li a:hover {
    text-decoration: none;
  }
  h2#block-programas-menu {
    margin-right: 20px;
  }

  /* ================ FOOTER - SOCIAL MEDIA ================ */
  .site-footer__top .region.region-footer-fourth {
    float: right;
  }
  div.site-footer__top section.region-footer-fourth div.content li a {
    text-indent: -9px;
  }
  div#block-socialmedialinks {
    margin-right: 1rem;
    width: unset;
  }
  div#block-socialmedialinks ul.social-media-links--platforms {
    /* links paginas de media social */
    padding-left: 0px;
  }


  /* ================ FOOTER - DETALHES IB ================ */
  section.row.region.region-footer-first {
    float: left;
  }
  nav#block-ib-principal-footer ul.navbar-nav {
    flex-direction: column;
  }
  nav#block-ib-principal-footer {
    margin-top: 1rem;
    margin-left: 1rem;
  }
  nav#block-ib-principal-footer ul li span {
    border-bottom:  1px solid rgba(255, 255, 255, 0.75);
    padding-left: 0px;
    padding-right: 1rem;
    padding-top: 0.6rem;
  }
  nav#block-ib-principal-footer ul li span:hover {
    border-bottom: 1px solid rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.2);
  }
  nav#block-ib-principal-footer ul li a {
    text-decoration: underline;
  }
  nav#block-ib-principal-footer ul li a:hover {
    text-decoration: none;
  }
  



  /* ================ NOTICIA ================ */
  #block-views-block-noticias-view-block-1 {
width: calc(70% - 5px);
display: block;
float: left;
padding: 10px;
  }
  
  img.image-style-noticia-image-style {
    width: 100%;
    height: auto;
  }
  div#block-views-block-noticias-view-block-1 div.card-group div.card {
    width: 16rem;
    min-width: 16rem;
    max-width: 16rem;
    margin: 10px 10px 10px 10px;
  }
  div.card-group div.card div.card-body{
    overflow: hidden;
  }
  div.view-id-noticias_view > div {
    justify-content: center;
  }

  div#block-views-block-noticias-view-block-1 div.card p {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
  }
  div.card-group div.card h5.card-title {
    /*height: 2.75rem;*/
  }
  div#block-views-block-noticias-view-block-1 div.card-group div.card p.card-text {
    max-height: 4.5rem;
  }
  div.card-group div.card {
    border-color: rgba(2, 2, 2, 0.16);
    background-color: rgba(2, 2, 2, 0.08);
  }
  div#block-views-block-noticias-view-block-1 div.card-group div.card  img{
    background-color: white;
    padding: 10px;
    border: 1px solid lightgray;
    border-radius: 8px;
  }
  div.card-body h5 a {
    color: rgb(69, 119, 46);
  }



  /* ================ ORGAOS COMPLEMENTARES ================ */
  img.image-style-estilo-imagem-orgao-complement {
    width: 100%;
    height: auto;
  }
  div.view-id-view_orgaos_complementares > div {
    justify-content: center;
    margin-left: calc( ( (100vw) - 100% - 12px) / -2);
    padding-left: calc( ( (100vw) - 100%) / 2);
    margin-right: calc( ( (100vw) - 100% - 13px) / -2);
    padding-right: calc( ( (100vw) - 100%) / 2);
    background-color: #058e5a; /* verde */
    /*background-color: #291670; /* azul */
    /*background-color: #2e225c; /* azul escuro */
    color: white;
  }
  div.view-id-view_orgaos_complementares div.card-group {
    width: unset;
  }
  div.view-id-view_orgaos_complementares div.card-group div.card {
    flex: unset;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 0.25rem;
    background-color: rgba(0, 0, 0, .1);
  }
  div#orgao_biblioteca {
    width: 150px;
    height: 100px;
    background-image: url(../images/orgaos_complementares/bibli0.png);
  }
  div#orgao_mdbio {
    width: 150px;
    height: 100px;
    background-image: url(../images/orgaos_complementares/mdbio.jpg);
    background-size: cover;
  }
/* ================ DOCENTES EN ================ */
  div.card-body h5 a, div#block-views-block-duplicado-de-view-docentes-en-block-1 span a {
    font-weight: bold;
    text-decoration: none;
  }
  #block-views-block-duplicado-de-view-docentes-en-block-1 {
   margin-bottom: -10px
  }
  div#block-views-block-duplicado-de-view-docentes-en-block-1 div.row > div {
    padding-top: 1.5rem;
  }
  div#block-views-block-duplicado-de-view-docentes-en-block-1 div.row > div  img{
    width: 100%;
    height: auto;
    border: 0px;
  }
  /*este seletor estava funcionando*/
  div#block-views-block-duplicado-de-view-docentes-en-block-1 div div div div.row {
    margin-left: calc( ( (100vw) - 100% - 12px) / -2);
    padding-left: calc( ( (100vw) - 100%) / 2);
    margin-right: calc( ( (100vw) - 100% - 13px) / -2);
    padding-right: calc( ( (100vw) - 100%) / 2);
    margin-top: 60px;
    /*background-color: #058e5a; /* verde */
    /*background-color: #291670; /* azul */
    background-color: #2e225c; /* azul escuro */
    color: white;
  }
  div#block-views-block-duplicado-de-view-docentes-en-block-1 a {
    color: lightgreen;
  }

 /* div#views-bootstrap-view-docentes-block-1 div.views-field.views-field-title {
    padding-top: 0.5rem;
    font-size: 120%;
  }*/

  div#block-views-block-duplicado-de-view-docentes-en-block-1 div.card {
    border-radius: unset;
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: rgba(0, 0, 30, .3);
  }
  
  
  
  
  /* ==== 2 ==== */
  
  div.card-body h5 a, div#block-views-block-duplicado-de-view-docentes-en-block-1--2 span a {
    font-weight: bold;
    text-decoration: none;
  }
  #block-views-block-duplicado-de-view-docentes-en-block-1--2 {
   margin-bottom: -10px
  }
  div#block-views-block-duplicado-de-view-docentes-en-block-1--2 div.row > div {
    padding-top: 1.5rem;
  }
  div#block-views-block-duplicado-de-view-docentes-en-block-1--2 div.row > div  img{
    width: 100%;
    height: auto;
    border: 0px;
  }
  /*este seletor estava funcionando*/
  div#block-views-block-duplicado-de-view-docentes-en-block-1--2 div div div div.row {
    margin-left: calc( ( (100vw) - 100% - 12px) / -2);
    padding-left: calc( ( (100vw) - 100%) / 2);
    margin-right: calc( ( (100vw) - 100% - 13px) / -2);
    padding-right: calc( ( (100vw) - 100%) / 2);
    margin-top: 60px;
    /*background-color: #058e5a; /* verde */
    /*background-color: #291670; /* azul */
    background-color: #2e225c; /* azul escuro */
    color: white;
  }
  div#block-views-block-duplicado-de-view-docentes-en-block-1--2 a {
    color: lightgreen;
  }

 /* div#views-bootstrap-view-docentes-block-1 div.views-field.views-field-title {
    padding-top: 0.5rem;
    font-size: 120%;
  }*/

  div#block-views-block-duplicado-de-view-docentes-en-block-1--2 div.card {
    border-radius: unset;
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: rgba(0, 0, 30, .3);
  }




  /* ================ DOCENTES ================ */
  /*div.card-body h5 a, div#views-bootstrap-view-docentes-block-1 span a {*/
  div.card-body h5 a, div#block-views-block-view-docentes-block-1 span a {
    font-weight: bold;
    text-decoration: none;
  }
  #block-views-block-view-docentes-block-1 {
   margin-bottom: -10px
  }
  /*div#views-bootstrap-view-docentes-block-1 div.row > div {*/
  div#block-views-block-view-docentes-block-1 div.row > div {
    padding-top: 1.5rem;
  }
  /*div#views-bootstrap-view-docentes-block-1 div.row > div  img{*/
  /*.view-view-docentes > div > div > div > div > img) {*/
  div#block-views-block-view-docentes-block-1 div.row > div  img{
    width: 100%;
    height: auto;
    border: 0px;
  }
  /*este seletor estava funcionando*/
  div#block-views-block-view-docentes-block-1 div div div div.row {
    margin-left: calc( ( (100vw) - 100% - 12px) / -2);
    padding-left: calc( ( (100vw) - 100%) / 2);
    margin-right: calc( ( (100vw) - 100% - 13px) / -2);
    padding-right: calc( ( (100vw) - 100%) / 2);
    margin-top: 60px;
    /*background-color: #058e5a; /* verde */
    /*background-color: #291670; /* azul */
    background-color: #2e225c; /* azul escuro */
    color: white;
  }
  /*div#views-bootstrap-view-docentes-block-1 span a {*/
  div#block-views-block-view-docentes-block-1 a {
    color: lightgreen;
  }
  /*div#views-bootstrap-view-docentes-block-1 div.views-field.views-field-title {*/
  div#views-bootstrap-view-docentes-block-1 div.views-field.views-field-title {
    padding-top: 0.5rem;
    font-size: 120%;
  }

  div#block-views-block-view-docentes-block-1 div.card {
    border-radius: unset;
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: rgba(0, 0, 30, .3);
  }
  
  
  
  /* ==== 2 ==== */
  div.card-body h5 a, div#block-views-block-view-docentes-block-1--2 span a {
    font-weight: bold;
    text-decoration: none;
  }
  #block-views-block-view-docentes-block-1--2 {
   margin-bottom: -10px
  }
  /*div#views-bootstrap-view-docentes-block-1 div.row > div {*/
  div#block-views-block-view-docentes-block-1--2 div.row > div {
    padding-top: 1.5rem;
  }
  /*div#views-bootstrap-view-docentes-block-1 div.row > div  img{*/
  /*.view-view-docentes > div > div > div > div > img) {*/
  div#block-views-block-view-docentes-block-1--2 div.row > div  img{
    width: 100%;
    height: auto;
    border: 0px;
  }
  /*este seletor estava funcionando*/
  div#block-views-block-view-docentes-block-1--2 div div div div.row {
    margin-left: calc( ( (100vw) - 100% - 12px) / -2);
    padding-left: calc( ( (100vw) - 100%) / 2);
    margin-right: calc( ( (100vw) - 100% - 13px) / -2);
    padding-right: calc( ( (100vw) - 100%) / 2);
    margin-top: 60px;
    /*background-color: #058e5a; /* verde */
    /*background-color: #291670; /* azul */
    background-color: #2e225c; /* azul escuro */
    color: white;
  }
  /*div#views-bootstrap-view-docentes-block-1 span a {*/
  div#block-views-block-view-docentes-block-1--2 a {
    color: lightgreen;
  }
  /*div#views-bootstrap-view-docentes-block-1 div.views-field.views-field-title {*/
  div#views-bootstrap-view-docentes-block-1--2 div.views-field.views-field-title {
    padding-top: 0.5rem;
    font-size: 120%;
  }

  div#block-views-block-view-docentes-block-1--2 div.card {
    border-radius: unset;
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: rgba(0, 0, 30, .3);
  }
  



  /* ============== ADMISSAO 2 =================== */
.storybox .image{font-size:1.0rem;line-height:0;}
.storybox .text{padding:18px 10px 28px 30px;}
.storybox .text h2{font-size:1.6rem;font-weight:normal;line-height:2.2rem;color:#000000;margin-bottom:0.8rem;}
.storybox .text h3{font-size:1.2rem;font-weight:bold;line-height:2.2rem;color:#000000;margin-bottom:0;}
.storybox .text p{font-size:1.2rem;font-weight:normal;line-height:2.2rem;color:#000000;}
.storybox a .text p::after{content:url(/sites/all/themes/shasshome/img/rightarrow_red_on_xp_12x12.png);padding-left:10px; }
.storybox a { color:#000000; }
.storybox a:hover {color:#058e5a;}
.storybox a:focus h2, .storybox a:hover h2, .storybox a:focus h3, .storybox a:hover h3, .storybox a:focus p, .storybox a:hover p{color:#058e5a;}
.storybox{background-color:transparent;overflow:hidden;}
.storybox.colors-ltgray{background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#ffffff 100%);background:-webkit-linear-gradient(top,#ececec 0%,#ffffff 100%);background:linear-gradient(to bottom,#ececec 0%,#ffffff 100%);}
.storybox.colors-medgray{background:#d9d9d9;background:-moz-linear-gradient(top,#d9d9d9 0%,#ececec 100%);background:-webkit-linear-gradient(top,#d9d9d9 0%,#ececec 100%);background:linear-gradient(to bottom,#d9d9d9 0%,#ececec 100%);}
@media (min-width:751px){
.storybox.layout-left43 .image{float:left;margin:0 -100% 0 0;width:43%;}
.storybox.layout-left43 .text{float:left;margin:0 -100% 0 45%;width:55%;padding:26px 10px 10px 0;}
.storybox.layout-left57 .image{float:left;margin:0 -100% 0 0;width:57%;}
.storybox.layout-left57 .text{float:left;margin:0 -100% 0 59%;width:41%;padding:26px 10px 10px 0;}
.storybox.layout-right43 .image{float:right;margin:0 0 0 -100%;width:43%;}
.storybox.layout-right43 .text{float:left;margin:0 -100% 0 4%;width:50%;padding:2% 0 10px 0;}
.storybox.layout-right57 .image{float:right;margin:0 0 0 -100%;width:57%;}
.storybox.layout-right57 .text{float:left;margin:0 -100% 0 4%;width:37%;padding:2% 0 10px 0;}
}

@media (min-width:901px){
.storybox .text h2{font-size:1.6rem;line-height:2.6rem;}
.storybox .text p{font-size:1.2rem;line-height:2.4rem;}
.storybox.layout-left43 .text{margin:0 -100% 0 47%;width:48%;padding:3% 0 10px 0;}
.storybox.layout-left57 .text{margin:0 -100% 0 61%;width:34%;padding:3% 0 10px 0;}
}
#block-admissao2 {
	display: block;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 10px;
}


  /* ================ ADMISSAO IB (site principal) e FRONT-PAGE CPG ================ */
  #block-admissao, #block-frontpagecpg {
    display: block;
    width: calc(70% - 5px);
    margin: 0px;
    padding: 10px;
    float: left;
  }
  #admissao {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    font-family: notosansdisplayitalic;
    font-size: 1.45rem;
  }
  #admissao > div + div { /* divs dentro da admissao que tenham um irmao div imediatamente previo  ex: div + span: span com irmao div imediatamente previo */
    margin-top: 20px;
  }

  #admissao > div:nth-child(odd) {
    background: rgb(231,231,231); background: linear-gradient(270deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
    padding: 30px 30px 0px 30px;
  }
  #admissao > div:nth-child(even) {
    background: rgb(231,231,231); background: linear-gradient(90deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
    padding: 30px 30px 0px 30px;
  }
  #admissao > div:nth-child(odd) > ul {
    list-style-position: inside; padding-left: calc(40% + 14px + 10px); text-indent: -14px;
  }
  #admissao > div:nth-child(even) > ul {
    list-style-position: inside; padding-left: calc(14px + 10px); text-indent: -14px;
  }
  #admissao > div:nth-child(odd) > div { /* div em que a imagem vai dentro */
    float: left;
    margin: -30px 20px 0px -30px;
  }
  #admissao > div:nth-child(even) > div { /* div em que a imagem vai dentro */
    float: right;
    margin: -30px -30px 0px 20px;
  }
  
  #admissao > div > div {
    width: 100%;
    background: #000000;
  }
  #admissao span { /* texto dentro das imagens */
    background-color: rgba(255, 255, 255, 0.875);
    font-weight: bold;
    padding: 10px;
    font-family: notosansdisplayregular;
  }
  #admissao > div > div > a { /* blocos com imagem */
    flex-basis: 100%;

    color: #0071b3;
    display: flex; 
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
    justify-content: flex-start;
  }
  #admissao a:hover {
    opacity: 0.85;
  }
  #admissao > div > div {
    width: 40%;
    height: 230px;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
  }
  
  #admissao #graduacao a {
    background-image: url(/themes/custom/ib_principal/images/admission/graduacao_2.webp);
    background-size: cover;
  }
  #admissao #posgraduacao a {
    background-image: url(/themes/custom/ib_principal/images/admission/graduate.webp);
    background-size: cover;
  }
  #admissao #pesquisa a {
    background-image: url(/themes/custom/ib_principal/images/admission/research.webp);
    background-size: cover;
  }
  #admissao #extensao a {
    background-image: url(/themes/custom/ib_principal/images/admission/extension.webp);
    background-size: cover;
  }
  /*/themes/custom/ib_principal/images/admission/graduate.jpeg*/



/*   ==================== Oportunidades ===================== */
#block-oportunidades {
	display: inline-block;
	margin-top: 15px;
	width: 30%;
}
#block-oportunidades button {
	background-color:rgb(46, 34, 92);
}

#block-oportunidades > div {
	display: flex;
	align-items: flex-start;
	justify-content:center;
	width: 100%;
}

  /* ================ EVENTOS e NOTICIAS CPG ================ */
  #block-views-block-view-eventos-block-1, #block-views-block-view-noticias-cpg-block-1 {
    width: 30%;
    margin: 0px;
    display: inline-block;
    font-family: notosansdisplayregular;
    padding-top: 15px;
  }

  div.view-view-eventos > div, div.view-noticias-view > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }
  div.evento, div.noticia_cpg {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    flex-wrap: nowrap;
    background-color: #d0d0d0;
    padding: 10px;
    margin: 5px;
    border-radius: 8px;
  }  
  div.evento div.data_evento{
    width: 50px;
    text-align: center;
    font-weight: bold;
    color: white;
    background-color: #455545;
    padding: 3px 0px;
  }
  div.evento div.data_evento p { 
    line-height: 110%;
    margin: 0px;
  }
  div.evento div.titulo_evento, div.noticia_cpg div.titulo_noticia_cpg {
    font-weight: bold;
  }
  div.noticia_cpg div.titulo_noticia_cpg {
    width: 100%;
  }
  div.noticia_cpg div.titulo_c_imagem_noticia_cpg {
    width: calc(100% - 82px);
  }
  div.noticia_cpg div.imagem_noticia_cpg {
    width: 72px;
    height: 72px;
    overflow: hidden;
    margin-right: 10px;
  }
  div.noticia_cpg div.imagem_noticia_cpg img {
    width: 72px;
    height: 72px;
    object-fit: cover;
  }
  
  div.evento div.titulo_evento {
    margin-left: 10px;
    width: calc(100% - 60px); /*50px da data do evento, 10px do margin*/
  }
  div.evento a, div.noticia_cpg a {
    color: #000000;
  }






  /* ================ ACCORDION CPG ================ */
  .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    width: 100%;
    font-weight: bold;
  }

  .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }

  .accordion.active, .accordion:hover {
    background-color: #ccc; 
  }

  .accordion~.panel {
    padding: 9px 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    border: 1px solid #ccc !important;
  }








  @media (min-width: 992px) {
    /*.region-top-header {
      height: 150px;
    }
    .region-top-header img.img-fluid {
      height: 121px;
      width: 221px;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    */
    #navbar__block-ib-principal-main-menu-menu a.nav-link,
    #navbar__block-ib-principal-main-en-menu-menu a.nav-link,
    #navbar__block-ib-principal-main-es-menu-menu a.nav-link {
      padding-left: 0.8rem;
      padding-right: 0.8rem;
    }
  }


 



  @media (min-width: 1000px) {
    /*Mostrando a parte central da imagem em telas muito largas*/
    div#diba-carousel div.carousel-inner div.carousel-item img {
      /*margin-top: calc( ( (100vw * 4 / 10) - 400px) / -2);*/
    }
  }

  @media (max-width: 992px) {
  #block-admissao, #block-frontpagecpg {
      width: 100%;
    }
    #block-views-block-view-eventos-block-1, #block-views-block-view-noticias-cpg-block-1 {
      width: 100%;
    }
  }



  @media (max-width: 768px) {
    /*Diminuir fonte do carrossel*/
    div#diba-carousel div.carousel-inner div.carousel-item h2.caption-title {
      font-size: 1.6rem;
    }
    div#diba-carousel div.carousel-inner div.carousel-item div.caption-desc {
      font-size: 0.8rem;
    }
    div.card-group {
      display: flex;
      flex-flow: row wrap;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
    div.card-group div.card {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }




  @media (max-width: 576px) {
    /* Mimicking col-12 class */
    img.image-style-noticia-image-style {
      width: 100%;
      height: 50vw;
      object-fit: cover; /* Encosta a imagem nas bordas mais afastadas (proporcionalmente) e corta a imagem das bordas mais proximas */
    }
    div#block-views-block-view-orgaos-complementares-block-1 div.card-group {
      justify-content: center;
    }
    div#block-views-block-view-orgaos-complementares-block-1 div.card-group div.card {
      flex: initial;
      max-width: 100%;
    }

    div#diba-carousel ol.carousel-indicators {
      position: absolute;
      top: calc(140vw * 0.345 - 30px); /* A imagem do diba eh proporcao 10:3.45 */
      bottom: initial;
      margin-bottom: 0px;
    }


    /*Quebrando o texto do carrossel para baixo da imagem*/
    div#diba-carousel div.carousel-inner div.carousel-item div.carousel-caption {
      width: 100%;
      position: relative;
      height: 150px;
      z-index: 1000;
      right: initial;
      left: initial;
      bottom: initial;
      padding-top: 10px;
      background-color: rgb(63, 63, 63);
    }
    /*Arrumando a sombra sobre a imagem do item do diba*/
    div#diba-carousel div.carousel-inner div.carousel-item::before {
      background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(0, 0, 0, .7) 100%);
    }
    div#diba-carousel div.carousel-inner div.carousel-item img {
      max-width: 140%;
      width: 140%;
      margin-left: -20%;
      margin-right: -20%;
    }
  }