/** ----------------------------------------------------------------------------
 *                         Todos los derechos Reservados
 *                               Softipal S.A.S 2020
 *  ----------------------------------------------------------------------------
 *  Nombre:       news.css
 *  Ruta:         /public/css/home/
 *  Descripción:  Estilos Generales para la página de home
 *  Fecha:        24/02/2020
 *  Autor:        Jorge Luis Ordoñez
 *  Versión:      1.0
 *  OD:           22489479
 *  ----------------------------------------------------------------------------
 *	 			Histórico de cambios
 *  ----------------------------------------------------------------------------
 *	Fecha          OD        Autor        Descripción
 *  ----------------------------------------------------------------------------
 *     24/02/2020   22489479   jordonez   Creación de cabecera de documentación
 *  ----------------------------------------------------------------------------
 */

#newsSection
{
  height: 39em;
  background-size: 100% 100%;
  background-position-y: 100%;
  background-repeat: no-repeat;
  background-image: url('../../images/containers/contenedor2.png');
}

.hidenDestokp{
  visibility: hidden;
}

#newsSection2
{
  background-color: #FFFFFF;
  background-size: 100% 100%;
  background-position-y: 100%;
}

.textMontLight
{
  text-align: justify;
  font-size: 17px;
  font-family: Montserrat-Light;
}

.textMontLight-14
{
  font-size: 14px;
  font-family: Montserrat-Light;
  text-align: center;
}

.textMontBold
{
  font-size: 38px;
  font-family: Montserrat-Bold;
  color: #004187;
}

.textMontBold-17
{
  font-size: 17px;
  font-family: Montserrat-Bold;
}

.textMontBold-27
{
  font-size: 27px;
  font-family: Montserrat-Bold;
  line-height: 1.2;
}

.textMontBold-10
{
  font-size: 10px;
  font-family: Montserrat-Bold;
}

.textMontMedium
{
  font-size: 17px;
  font-family: Montserrat-Medium;
}

.color-FFBA00
{
  color: #FFBA00;
}

.margiTitle
{
  margin-top: 1em;
  margin-bottom: -1vw;
}
.card-img-top-news{
  width: 100%;
  height: 158px;
  object-fit: cover;
}

.notMargin
{
  margin: 0;
}

.lineH
{
  position: absolute;
  width: 39%;
  height: 2px;
  background-color: #FFFFFF;
}

.lineRight
{
  margin-top: -1vw;
  top: 1.5em;
}

.lineLeft
{
  margin-top: 0.9vw;
  margin-left: -32vw;
}

.color-053772
{
  color: #004187;
}

.width-text-slider{
  padding: 0;
  width: 100%
}

.contDate
{
  width: 100%;
  border-radius: 3px;
  background-color: #FFBA00;
}

.marginDate
{
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.5vw;
  margin-bottom: 0.5vw;
  position: absolute;
  top: 80%;
  left: 74%;
  background-color: #FFBA00;
  padding: 0.6rem;
  border-radius: 3px;
  width: 17%;
}

.marginContDate
{
  top: 30vh;
}

.newsDivider
{
  position: absolute;
  left: 34vw;
  width: 2px;
  height: 96%;
  background-color: #FFBA00;
}

.carousel-inner.carousel-News-header{
  padding: 0 3%;
  padding-top: 2%;
}

.carousel-control-prev-icon.header-News{
  border-radius: 50%;
  background-size: 1.0em;
  padding: 1em;
  position: absolute;
  transition: 0.5s;
  top: 32%;
  left: 4%;
}

.carousel-control-prev-icon.header-News:hover{
  background-color: #FFBA00;
}

.carousel-control-next-icon.header-News{
  border-radius: 50%;
  background-size: 1.0em;
  padding: 1em;
  position: absolute;
  transition: 0.5s;
  top: 32%;
  right: 1%;
}

.carousel-control-next-icon.header-News:hover {
  background-color: #FFBA00;
}

.btnNextHover
{
  width: 18%;
  height: 12%;
  background-image: url('../../images/icons/ICONOS-40.png');
}

.btnNextHover:hover
{
  width: 18%;
  height: 12%;
  background-image: url('../../images/icons/ICONOS-38.png');
}

.btnPrevHover
{
  width: 18%;
  height: 12%;
  background-image: url('../../images/icons/ICONOS-37.png');
}

.btnPrevHover:hover
{
  width: 18%;
  height: 12%;
  background-image: url('../../images/icons/ICONOS-39.png');
}

.btnNext
{
  margin-right: -8vw;
}

.btnPrev
{
  margin-left: -8vw;
}

.btnNextHover1
{
  width: 60px;
  position: absolute;
  right: 30%;
  height: 31px;
  background-image: url('../../images/icons/ICONOS-40.png');
}

.btnNextHover1:hover
{
  width: 60px;
  position: absolute;
  right: 30%;
  height: 31px;
  background-image: url('../../images/icons/ICONOS-38.png');
}

.btnPrevHover1
{
  width: 60px;
  position: absolute;
  left: 30%;
  height: 31px;
  background-image: url('../../images/icons/ICONOS-37.png');
}

.btnPrevHover1:hover
{
  width: 60px;
  position: absolute;
  left: 30%;
  height: 31px;
  background-image: url('../../images/icons/ICONOS-39.png');
}

.notBorder
{
  border: none !important;
}

.trasparent
{
  background-color: transparent;
}

#mnew_content
{
  height: 27px;
}

#nav-news-tab:hover , #nav-aboutUs-tab:hover , #nav-home-tab:hover,
#nav-home-tab.active, #nav-aboutUs-tab.active , #nav-news-tab.active
{
  color: #FFBA00;
}

@media (max-width: 781px)
{

  #newsSection
  {
    height: 265px;

  }

  .hidenDestokp
  {
    visibility: visible;
  }

  #scb_overFooter
  {
    display: none;
  }

  .disPlayNonePhone
  {
    display: none;
  }

  .contDate
  {
    width: 50%;
    margin: 0 auto;
  }

  .newsDivider
  {
    display: none;
  }

  .offset-lg-1
  {
    margin-bottom: 10px;
  }

  #newsSection2{
    height: auto;
  }

}

/** se usa la medida  992 ya que e sla medida que implementa boostrap para las tablets**/
@media(max-width: 992px)
{
  #scb_overFooter
  {
    display: none;
  }

  .disPlayNoneTablet
  {
    display: none;
  }

  .contDate
  {
    width: 50%;
    margin: 0 auto;
  }

  .newsDivider
  {
    display: none;
  }

  .offset-lg-1
  {
    margin-bottom: 10px;
  }

  .hidenDestokp
  {
    visibility: visible;
  }

  #newsSection2
  {
    height: auto;
  }
}