/***--ESTILOS PARA NO DAÑAR OTROS ASPECTOS IMPORTANTES EN LA PLATAFORMA--***/

/*Estilos para que la barra de admin y cualquier otro .card-body este bien*/
.card-body.p-3{
    display: block;
    padding: 0;
}

/***** ESTILOS NORMALES *****/



/*Estilos navbar azul de arriba*/
.theme-snap header#mr-nav div#snap-custom-menu-header nav.navbar{
    background-color: white;
    border: 1px solid #d9d9d9;
}

.theme-snap header#mr-nav #snap-custom-menu-header nav.navbar ul.snap-navbar-content li.nav-item a:hover{
    color: white!important;
}

header#mr-nav #snap-custom-menu-header nav.navbar ul.snap-navbar-content li.nav-item a{
    color: black!important;
    font-weight: 400;
}
/**Centrar items**/
.navbar-expand-lg .navbar-collapse li.nav-item{
    margin: 0 1.5em;
}

/*Estilos para el header*/
.theme-snap#page-site-index #page-header, .theme-snap#page-login-index #page, .theme-snap .news-article-image, .theme-snap .news-article-preview, .theme-snap #snap-footer-alert, .theme-snap #toc-mobile-menu-toggle{
  background-color: unset!important;
}

.theme-snap#page-site-index #page-header{
    min-height: 250px;
}
#page-site-index div#page-mast{
    background-color: unset;
    padding: 3.5em 4% 2em;
    margin: 2em auto 0;
    width: 100%;
    height: 32rem;
}
#page-mast h1{
    font-size: 2.8em;
    font-weight: 800
}
.snap-site-description{
    font-size: larger;
}
/*Estilos para titulos*/
/* #snap-feature-spots h2.snap-feature-spots-heading {
  color:#293a8f;
} */

/*Estilos para la seccion de ofertas*/

#snap-feature-spots .snap-feature{
    margin-bottom: 1rem;
    height: unset;

}
#snap-feature-spots .col-sm-4 .snap-feature {
  padding: 0;
}
.snap-feature-info {
    padding: .25em;  
}
.snap-feature-info h3 a {
  color: #293a8f!important;
}
#snap-feature-spots .snap-feature-text{
  color: black!important;
}





/*Estilos para centrar la seccion de html añadido dentro del flow*/
#page-site-index .sitetopic{
    margin: 0;
    max-width: 100%;
    padding: 0;
}


/*Eliminando seccion de 'Agrefgar seccion' por defecto del sandbox*/
.sitetopic ul.section.img-text{
    display: none;
}

/*Estilos para el call-to-action del final*/
div#moodle-blocks{
    padding: 0;
}
div#moodle-blocks aside#block-region-side-pre{
    column-count: 1;
    margin-top: 3%;
    border-top: 1px solid #d7d7d7;
}
div#moodle-blocks aside#block-region-side-pre section.block{
  max-width: 100%;
}
.card-body .p-3{
    display: block;
}
/* Estilos para el anchor como botón */
a.btn-below {
    font-size: 1.4em;
}

/******* --- ESTILOS PARA LOS TABS DEL PORTAL DEL ESTUDIANTE --- ********/
#student-portal{
    padding: 0 4%;
    background-color: #f1f0ee;
  }
 #snap-feature-spots{
  padding: 3rem 0;
 }
  
  .portal-card-body{
    padding: 0.5em 2em 4em 2.5em;
  }
  a.portal-link{
    display: block;
    margin: 1rem 0 0;
    font-size: 23px;
    font-weight: bold;
    color:#00329F!important;
    margin-bottom: 10px;
  }
  .portal-card-description{
    font-size: 1.2em;
    font-weight: 300;
    margin: 1rem 0 0;
  }
  /* .img-container-portal{
    display: flex;
    height: 7rem;
    justify-content: center;
  } */
  
  /******* --- ESTILOS PARA LOS TABS DE LOS CURSOS --- ********/
  /*Estilos para la seccion*/
  .courses-container{
    
    margin: 0;
    max-width: 100%;  
    padding: 4% 2em;
  }
  
  /**Estilo para  misma altura de cards*/
  div.sitetopic .row .col-sm-4{
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  /* Estilo para las tarjetas */
  .card {
      border-radius: 3px;
      width: 100%;
      margin-bottom: 20px;
  }

  #student-portal .row .col-sm-4 .card{
    margin-bottom: 4em;
  }
  #student-portal .courses-container .row .col-sm-4 .card{
    margin-bottom: 1.5em;
  }
  /* Estilo para el cuerpo de las tarjetas */
  .home-card-body {
      display: flex;
    }
  /*Estilos de los backgrounds dependiendo de la maestria*/
  .card-estudios-teologicos {
    background: linear-gradient(90deg, #DD2731 0%, #0f0f0faa 300%);  
  }
  .card-liderazgo {
    background: linear-gradient(90deg, #71BF44 0%, #0f0f0faa 300%);
  }
  .card-teologia-biblica {
    background: linear-gradient(90deg, #00C0E4 0%, #0f0f0faa 300%);
  }
  /* Estilo para el título de las tarjetas */
  .card-title {
      color: white;
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 0.85rem ;
  }
  .card-text{
    display: block;
  }
  .course-name{
    margin-bottom: 1.45em;
    font-size: medium;
  }
  .course-date{
    font-size: .75rem;
    opacity: .9;
  }
  /* Estilo para la información del curso */
  /* .info {
      width: 80%;
    } */
  /* .card-img-container{
    display: flex;
    align-items: center;
    width: 20%;
  } */
  /* Estilo para la imagen */
    /* .img-medium {
      border-radius: 50%;
    }
   */
  /* Estilo para el texto de las tarjetas */
  .info .card-text {
      color: white;
      font-size: 16px;
  }
  
  /* Estilo para el pie de las tarjetas */
  .card-footer {
      border-top: 1px solid white;
      background-color: #293A8F;
      padding: 0;
  }
  
  /* Estilo para el botón de las tarjetas */
  a.btn-view-courses {
      padding: 0 24px;
      font-size: 16px;
      margin: 4px 2px;
      background-color: inherit;
      
      color: white!important;
  }


/*Media queries para pantallas pequeñas, medianas, grandes y extragrandes*/
/* Extra small devices (phones, 600px and down) */
/* @media only screen and (max-width: 600px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) 
@media only screen and (min-width: 600px) {

} */


@media only screen and (max-width: 767px) {
  .snap-feature-image-wrap .snap-feature-image{
    border-radius: 0;
    height: 13vh;
    width: 23em;
  }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .snap-feature-image-wrap .snap-feature-image{
    border-radius: 0;
    height: 20vh;
    width: 15em;
  }

}

/* Extra large devices (large laptops and desktops, 1290px and up) */
@media only screen and (min-width: 1450px) {
  .snap-feature-image-wrap .snap-feature-image{
    border-radius: 0;
    height: 17vh;
    width: 21em;
  }
}