/* CUSTOMIZE TOPO ------------------------------------- */
.topo{
  /*padding: 15px; */
  /*background-color: #EFEFEF; */

  border-top: 3px solid #2E3192;
  
  background-color: #FFFFFF;
  background-image: url("img/topo_background.png");
  background-repeat: repeat-x;
}

.title_index{
  font-weight: bold;
  color: #000040;
  border-bottom: solid 2px #d3d3d3;;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.title{
  background-color: #f16238;
  color: white;
  padding: 5px 5px 5px 10px;
  font-size: 1.5rem;
}

.custom-logo{
  height: 65px;
  width: 185px;
  height: 99px;
  width: 266px;
  /* margin-right: 20px; */
}

.logo{
  font-size: 15px;
  font-weight: bold;
  color: #F17535;
  padding: 5px;
}

/*
.btn-topo{
    background:  #EF4A37;
    border: 0px solid #EF4A37;
    background:   #EF4937;
    border: 0px solid #EF4937;
    border-radius: 0px;
    color: #ffffff;
}
.btn-topo a{
    background:  #EF4A37;
    border: 0px solid #EF4A37;
    background:   #EF4937;
    border: 0px solid #EF4937;
    border-radius: 0px;
    color: #ffffff;
}
*/

.nav-topo .nav-item a{
  background:  #EF4A37;
  color: #ffffff;
  padding: 2px 8px 2px 8px;
  font-size: 0.95rem;
}
.nav-topo .nav-item a:hover{
  background: #F26938;
  color: #ffffff;
}
.nav-topo .nav-item a:focus{
  background: #F26938;
  color: #ffffff;
}

// Base class
//
// Kickstart any navigation component with a set of style resets. Works with
// `<nav>`s or `<ul>`s.

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: $nav-link-padding-y $nav-link-padding-x;

  @include hover-focus {
    text-decoration: none;
  }

  // Disabled state lightens text
  &.disabled {
    color: $nav-link-disabled-color;
  }
}

//
// Tabs
//

.nav-tabs {
  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;

  .nav-item {
    margin-bottom: -$nav-tabs-border-width;
  }

  .nav-link {
    border: $nav-tabs-border-width solid transparent;
    @include border-top-radius($nav-tabs-border-radius);

    @include hover-focus {
      border-color: $nav-tabs-link-hover-border-color;
    }

    &.disabled {
      color: $nav-link-disabled-color;
      background-color: transparent;
      border-color: transparent;
    }
  }

  .nav-link.active,
  .nav-item.show .nav-link {
    color: $nav-tabs-link-active-color;
    background-color: $nav-tabs-link-active-bg;
    border-color: $nav-tabs-link-active-border-color;
  }

  .dropdown-menu {
    // Make dropdown border overlap tab border
    margin-top: -$nav-tabs-border-width;
    // Remove the top rounded corners here since there is a hard edge above the menu
    @include border-top-radius(0);
  }
}


//
// Pills
//

.nav-pills {
  .nav-link {
    @include border-radius($nav-pills-border-radius);
  }

  .nav-link.active,
  .show > .nav-link {
    color: $nav-pills-link-active-color;
    background-color: $nav-pills-link-active-bg;
  }
}


//
// Justified variants
//

.nav-fill {
  .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
}

.nav-justified {
  .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
  }
}


// Tabbable tabs
//
// Hide tabbable panes to start, show them when `.active`

.tab-content {
  > .tab-pane {
    display: none;
  }
  > .active {
    display: block;
  }
}



/* CUSTOMIZE CONTEƚDO -----------------------------------------------*/
.content{
  margin-top: 10px;
}

.breadcrumb{
  margin-bottom: 10px;
  padding: 1px;
  background-color: #ffffff;
}

.link-custom .link-custom:hover .link-custom:focus { 
  text-decoration:none; 
}

a:link { 
  text-decoration:none; 
}

.img{
  width: 100%;
  max-height: 400px;
}

/* PAGINAS -----------------------------------------------------*/
.wp-block-image > img{
  width: 100%;
}

/* CUSTOMIZE SIDEBAR -------------------------------------------*/
div.widget > ul > li{
  text-decoration: none;
  list-style-type:none;
}
.widget img{
  /*min-width: 100%;*/
  height: 728px;
  width: 190px;
  float: right;
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
li {
    display: list-item;
    text-align: -webkit-match-parent;
}

user agent stylesheet
ul {
    list-style-type: disc;
}

/* CUSTOMIZE INDEX --------------------------------------------*/
/* CUSTOMIZE CURSOS BUTTON ----------------------------------- */
/* tab color */
.custom-nav-pills .nav-pills .nav-link {
    /*
    background-color: #f26938;
    border-color: #f26938;
    */
    /* background-color: #f3804e;*/
    /*border-color: #ef4937;*/
    border-radius: 0px;
    color:#fff;
    padding: 20px;
    padding: 0px;
    border: 0px;
    /* width: 396px;*/
}

.custom-nav-pills .nav-pills a:hover {
    color:#fff;
    border-color: #ef4937;
    background-color: #ef4937;
    border-radius: 0px;
    border: 0px;
}

.custom-nav-pills .nav-pills a:focus {
    color:#fff;
    border-color: #ef4937;
    background-color:#ef4937;
    background-color: white;
    border-radius: 0px;
    border: 0px;
}

/*
.btn_graduacao:focus{
  background-color:ffffff;
  background: url("img/graduacao_hover.png") no-repeat;
  height: 110px;
  width: 396px;
}
*/

.btn_graduacao {
    /*
    background: #eb01a5;
    background-image: url("img/teste.png"), linear-gradient(#eb01a5, #d13531);
    */
    background: url("img/graduacao.png") no-repeat;
    height: 108px;
    width: 100%;
    /* background-size: 100%; */
}

.btn_graduacao:hover{
    /*background-size: 350px;*/
    background: url("img/graduacao_hover.png") no-repeat;
    height: 108px;
    width: 100%;
    /* background-size: 100%; */
}

.btn_posgraduacao{
    /*
    background: #eb01a5;
    background-image: url("img/teste.png"), linear-gradient(#eb01a5, #d13531);
    */
    background: url("img/posgraduacao.png") no-repeat;
    /*
    height: 110px;
    width: 396px;
    */
    height: 108px;
    width: 100%;
    /*background-size: 100%;*/
}
.btn_posgraduacao:hover{
    /*
    background: url("img/posgraduacao.png") no-repeat;
    opacity: 0.8;
    */
    background: url("img/posgraduacao_hover.png") no-repeat;
    /*
    height: 110px;
    width: 396px;
    */
    height: 108px;
    width: 100%;
    /*background-size: 100%;*/
}

.btn_extensao{
    /*
    background: #eb01a5;
    background-image: url("img/teste.png"), linear-gradient(#eb01a5, #d13531);*/
    background: url("img/extensao.png") no-repeat;
    /*
    height: 110px;
    width: 396px;
    */
    height: 108px;
    width: 100%;
    /*background-size: 100%;*/
}
.btn_extensao:hover {
    background: url("img/extensao_hover.png") no-repeat;
    /*
    height: 110px;
    width: 396px;
    */
    height: 108px;
    width: 100%;
    /*background-size: 100%;*/
}


.btn_background_active {
  background-color: #F26938;
  height: 108px;
  width: 100%;
}
.btn_background {
  background-color: #F3804E;
  height: 108px;
  width: 100%;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.text-right {
    /* text-align: right!important; */
}

@media (min-width: 768px)
.col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 576px)
.col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
*, ::after, ::before {
    box-sizing: border-box;
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

}



/*
.btn-index{
  background: #EF4937;
  color: white;
}
.btn-index:active{
  background: #F26938;
  color: white;
}
.btn-index:hover{
  background: #F26938;
  color: white;
}
.btn-index:focus{
  background: #F26938;
  color: white;
}
.nav-tabs>li>a {
  background-color: #333333; 
  border-color: #777777;
  color:#fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff;
  background-color: #666;
  border: 1px solid #888888;
}
.nav-tabs>li>a:hover {
  border-color: #000000;
  background-color: #111111;
}
*/

.cursos > li{
  list-style-type: none;
  padding: 2px;
}
.cursos > li > a{
  color: black;
}

/* CUSTOMIZE PƁGINA PAI */

.list-group .active{
  background-color: #F16238;
  border-color: #F16238;
}

/* CUSTOMIZE NOTICIAS POSTS
-------------------------------- */

.noticias .box-index{
  /*min-height: 520px;*/
  /*border: solid 1px grey;*/
}

/*
.noticias .button_footer{  
  width: 100%;
  position:absolute;
  bottom:5px; 
}
*/

/*
.noticias .box-index h5{
  padding: 0;
  margin: 0;
}
*/

.noticias .box-index h5 b a {
  font-size:  1.2rem;
  /*
  line-height: 1.2rem;
  text-align: justify;
  margin-bottom: 1px;
  font-weight: bold;
  */
  color: #002040;
  color: #335C8E;
}

.noticias .box-index p {
  padding: 0px;
  padding-bottom: 5px;

  margin: 0px;
}

.warper{
    width:100%;
}
.warper img{
    display: inline-blcok;
    width:40%;
    margin:2%;
    vertical-align:top;
}
.warper p{
    display: inline-block;
    width: 100%;
    margin:2%;
    vertical-align:top;
}

.img-posts{
  width: 100%;
}



/* CUSTOMIZE BUTTON NOTICIAS -------------------------------- */
.btn-index{
  border: 0px #F26938;
  background: #EF4937;
  color: white;
}
.btn-index a{
  border: 0px #F26938;
  color: white;
}
.btn-index:active{
  border: 0px #F26938;
  background: #F26938;
  color: white;
}
.btn-index:hover{
  border: 0px #F26938;
  background: #F26938;
  color: white;
}
.btn-index:focus{
  border: 0px #F26938;
  background: #F26938;
  color: white;
}



.seta{
  width: 0;
  height: 0;
  border: 15px solid transparent;
  display:block;
  border-left-color: #EF4937;
}



/* CUSTOMIZE FOOTER ---------------------------------- */
.footer{
  margin-top: 30px;
  padding: 30px;
  background: #007BFF;
  color: #ffffff;
  /*
  background-image: linear-gradient(to top,#0F3963,#007BFF);
  background-image: linear-gradient(to top,#2D4366,#396196);
  */
  background-image: linear-gradient(to top,#002040,#3b659a);

  background-color: #303C60;
  background-color: #385f91;
  border-bottom: solid 10px #002040;
}

.social{
  color: #ffffff;
  margin-left: 5px;
}