@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700');
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');

body {font-family: 'Droid Sans', sans-serif; position: relative; min-height: 100vh}

header {min-height:120px;font-family: 'Droid Serif', serif; vertical-align: middle; padding-top: 15px}
#nsbv img {max-width: 90%;}

.content.home {background-image: url('../images/homebg.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 0px; min-height: 80vh}
.content {font-family: 'Droid Serif', serif; line-height: 2; margin-bottom: 120px; text-align: justify; min-height: 60vh}
/* .content > div:last-child {padding-bottom: 300px;} */
/* .content p:first-letter {font-weight:700; font-size: 150%;} */
#actividades .content img {max-width: 100%}
.page-header {border-bottom: 1.5px solid #39F;}

.navbar {margin-bottom: 0px}

ul.dropdown-menu li ul {list-style: none; padding: 3px 0px 3px 0px; line-height: 1.42857143; margin: -3px 0px 0px 0px;}
ul.dropdown-menu li ul li a {text-decoration: none; color: #333; padding: 3px 0px 3px 25px; display: block; clear: both;}
ul.dropdown-menu li ul li:hover a, ul.dropdown-menu li ul li.active a {text-decoration: none; color: #262626; padding: 3px 0px 3px 30px; background-color: #f5f5f5}

.panel-body ul {padding-left: 20px}

.evento {margin:20px 5%; position: relative; }
.evento:after {content:""; position: absolute; width: 1px; background: #1e5b99; height:140%; left:6%; top: 0; z-index: -1}
.evento.last:after {content:""; position: absolute; width: 1px; background: none; height:0px; left:6%; top: 0; z-index: -1}
.evento img {display: block; border: 5px solid #fff}
.anio {min-height: 30px; text-align: center; position: relative; background: #39f; border-radius: 3px; color: #fff; font-family: 'Droid Sans', sans-serif; font-weight: 700; line-height: 30px; box-shadow:0 3px 0 #1e5b99}
.detalle {border-radius: 3px; background: #eee; padding: 10px; border: 1px solid #ccc; vertical-align: top}

.no-gutters {padding: 0 !important;}

.menu-fixed{margin-top: 50px}

/* ---------- Sticky footer styles ---------- */

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
  border-top: 1px solid #e7e7e7;
  padding-top: 10px;
}

/* ---------- Scroll to top button ---------- */

.subir {
  position: fixed;
  right: 15px;
  bottom: 15px;
  background: rgba(0,0,0,0.8);
  text-decoration: none;
  color:#fff;
  z-index: 999;
  text-align: center;
  padding: 15px;
  box-shadow: 10px 10px 50px rgba(0,0,0,0.2);
}

.subir:hover {text-decoration: none; color:#fff}

/* ---------- Media Queries ---------- */

@media (max-width: 992px ) {
	header {text-align: center;}
}

a.inscripcion {
  display: block;
}

.inscripcion, .inscripcion:hover {
  text-decoration: none;
}

.inscripcion h3 {
  color: #fff;
  padding: 2.5% 5%;
  margin: 0 auto;
}

.inscripcion.matematica h3 {
  background: #db1f26;
}

.inscripcion.primaria h3 {
  background: #f58a1f
}

.inscripcion.inicial h3 {
  background: #82c9ef
}

.text-matematica {
  color: #db1f26;
}

.text-primaria {
  color: #f58a1f
}

.text-inicial {
  color: #82c9ef
}

.whatsapp {
  position: fixed;
  bottom: 10%;
  right: 5%;
  z-index: 9999;
}

.whatsapp a:hover{
  text-decoration: none;
}

.inscripcion .encabezado {
  width: 100%;
  height: 150px;
  background-size: cover !important;
  background-position: center 30% !important;
  background-repeat: no-repeat !important;
}

.inscripcion.matematica .encabezado {
  background: url("../images/encabezado-matematica.jpg");
}

.inscripcion.inicial .encabezado {
  background: url("../images/encabezado-inicial.jpg");
}

.inscripcion.primaria .encabezado {
  background-position: center center !important;
  background: url("../images/encabezado-primaria.jpg");
}

.inscripcion .descripcion {
  text-align: justify;
  line-height: 1.8;
  font-size: 1.6rem;
  margin: 2rem auto;
}

.inscripcion .detalles h2 {
  margin-bottom: 20px;
}

.icon {
  line-height: 1.2 !important;
}

.inscripcion .detalles p{
  margin: 0 !important;
}

.whatsapp p{
  color: #000;
  text-decoration: none;
  text-align: center;
  margin-bottom: 0;
  font-size: 2rem;
}

@media (max-width:768px){
  .checkbox-inline {
    display: block !important;
    margin: 0 !important;
  }

  .whatsapp {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    background: rgba(0,0,0,.85);
    color: #fff;
    display: block;
    min-height: 10vh;
    text-align: center;
    margin: 0 auto;
  }

  .whatsapp p{
    display: block;
    width: 100%;
    background: #25D366;
    color: #000;
    font-size: 2.5rem;
    text-align: center;
  }

  .whatsapp img{
    text-align: right;
    margin: 1rem 0;
  }

  .inscripcion .detalles {
    margin-bottom: 5rem;
  }

  .modal {
    bottom: 18vh !important;
  }
}

.swal-footer {
  text-align: center;
}

.swal-button {
  padding: 10px 16px;
  border-radius: 6px;
  background-color: #337ab7;
  font-size: 18px;
  border: 1px solid #2e6da4;
  text-shadow: none;
}

.swal-button:hover, .swal-button:active {
  background-color: #286090 !important;
  border: 1px solid #204d74 !important;
}