/*version movile first*/

.container_custom {
  padding: 3rem 2rem !important; //vertical - horizontal
}
.curso_recomendado{
  justify-content: space-between;
}
.curso_recomendado .cr_item .cr_i_footer .btn-inacex{
  width: 100%;
  border-color: #89b13b !important;
  background-color: white;
  color: #89b13b;
}
.curso_recomendado .cr_item .cr_i_footer .btn-inacex:hover{
  color: white;
  background-color: #89b13b;
}
.redes{
  display: flex;
}
.redes .red-item{
  font-size: 18px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #585656;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: .45rem;
}
/*seccion redes socilaes*/
.redes_sociales_container{
  height: 500px !important;
  background-color: #89b13b;
}
.redes_sociales_container .rsc_g_item{
  margin-top: -80px;
  margin-bottom: 80px;
}
.d-custom{
  display: none;
}
/* docente */
.borde-subtitle:after{
  content: '';
  display: block;
  margin: 8px 0;
  width: 20px;
  border-bottom: 5px solid #89b13b;
}
.borde-subtitle-white:after{
  content: '';
  display: block;
  margin: 8px 0;
  width: 70px;
  border-bottom: 5px solid #fff;
}
/* btn inacex 3 */
.btn-inacex3{
  padding: 10px 0;
  color: #89b13b;
  background-color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.btn-inacex4{
  font-weight: 400;
  color: white;
  margin: 0;
  background-color: #89B13B;
  border-radius: 0;
  /* padding: .7rem 4rem; */
  font-weight: bold;
}
.btn-inacex4:hover{
  color: white;
  background-color: rgba(137,177,59,.8);
}
/* --- navegacion --- */
.nav-custom{
  background-color: #585656;
  color: white;
  height: 80px;
  margin-top: -40px;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;;
}
.nav-custom a{
  color: white;
}
.nav-custom a i{
  margin-bottom: 8px;
}
.nav-custom .nav-link{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-radius: 0;
}
.nav-custom .nav-link.active, .nav-custom .nav-link:hover{
  background-color: #FF862C;
}
/* mejora boton inacex acordion */
#accordion .card .card-header .btn-container .btn-inacex4{
  margin-left: -1rem;
}
/* navegacion_container show only in lg */
.navegacion_container{
  display: none;
}
.franja_titulo{
  margin-top: 0 !important;
  height: auto !important;
}
.inacex_subtitle1{
  font-family: 'Montserrat';
  font-weight: 200;
  transform:scaleY(1.5);
  font-size: 18px;
}
/* bootstrap-multi-step-form-with-progress-bar */
.multi_step_form #msform{
  min-height: 1350px;
}
/* .container-padding{
  padding: 0;
} */
.horizontal-nav .sidebar-nav #sidebarnav>li>a{
  color: white;
}
.nav-pills.nav-modules .nav-link.active{
  background-color: white;
  color: #89b13b !important;
}

.nav-pills.nav-modules .list-group-item{
  border: 0;
}
.container-fluid.container-padding-2{
  padding: 3px;
}
.card_padding{
  padding: 1rem;
}
@media (min-width: 576px) {

}

/*Medium devices md (tablets, 768px and up)*/
@media (min-width: 768px) {
  /*seccion redes sociales*/
  .redes_sociales_container{
    height: 400px !important;
    background-color: #eee;
  }
  .redes_sociales_container .rsc_g_item{
    margin: auto;
  }
  .d-custom{
    display: block;
  }
  .container_custom .ce_item{
    height: 231px;
  }
  .container_custom .ce_item .ce_i_img img{
      height: 100%;
  }
  .container_custom{
    padding: 3rem 0 !important;
  }
  .section_about{
    margin-top: 0!important;
  }

  /* footer section about */
  .about{
    display: flex;
    justify-content: space-between !important;
  }
  .about .a_item{
    width: 23%;
    padding: 1rem;
  }
  /* footer section footer */
  /* franja titulo */
  .franja_titulo{
    margin-top: -1rem !important;
    height: 170px !important;
  }
  .container-padding{
    padding: 4rem 3.7rem;
  }
  .card_padding{
    padding: 2rem 4rem;
  }

}

/*Large devices lg (desktops, 992px and up)*/
@media (min-width: 992px) {

  .navegacion_container{
    display: flex;
  }
  .detail_module_menu{
    width: 18rem;
  }
  .container_custom .ce_item .ce_i_body{
    padding: 1rem !important;
  }
  .about{
    padding: 1rem 4rem;
  }
  .about .a_item:last-child{
    width: 18%;
  }
  .about .a_item p{
    text-align: justify;
  }
  /* mejora boton inacex acordion */
  #accordion .card .card-header .btn-container .btn-inacex4{
    margin-left: 0;
  }
  /* franja titulo */
  .franja_titulo{
    height: 270px !important;
  }
  .container-padding{
    padding: 5rem !important;
  }
  .modal-dialog{
    max-width: 800px;
  }
}

/*Extra large devices xl (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*colors*/
/*
verde
#89b13b
-----
#FF862C
naranja
-----
plomo
#585656
-----

*/