@font-face {
  font-family: 'CooperHewitt-Bold';
  src: url('../font/CooperHewitt-Bold/CooperHewitt-Bold.woff2') format('woff2'),
       url('../font/CooperHewitt-Bold/CooperHewitt-Bold.woff') format('woff'),
       url('../font/CooperHewitt-Bold/CooperHewitt-Bold.ttf')  format('truetype');
}

@font-face {
  font-family: 'CooperHewitt-Light';
  src: url('../font/CooperHewitt-Light/CooperHewitt-Light.woff2') format('woff2'),
       url('../font/CooperHewitt-Light/CooperHewitt-Light.woff') format('woff'),
       url('../font/CooperHewitt-Light/CooperHewitt-Light.ttf')  format('truetype');
}

@font-face {
  font-family: 'CooperHewitt-Heavy';
  src: url('../font/CooperHewitt-Heavy/CooperHewitt-Heavy.woff2') format('woff2'),
       url('../font/CooperHewitt-Heavy/CooperHewitt-Heavy.woff') format('woff'),
       url('../font/CooperHewitt-Heavy/CooperHewitt-Heavy.ttf')  format('truetype');
}

html, body {
  height: 100%;
}

body {
  font-family: 'CooperHewitt-Light';
}



body {
  padding-top: 0px;
}

.jep-dots-left{float: left;}
.jep-dots-right{float: right;}
.jep-logo{text-align: center;  margin: 8px;padding: 31px;
  border-left: 1px solid #007e32;}
.jep-logo img{width: 100%; height: auto;}
.jep-logo-1{text-align: center; margin: 20px;}
.jep-logo-1 img{width: 105px;height: auto;}
.jep-separador{height: 20px;}
.col-md-8 img{max-width: 100%;}
.jep-hero{text-align: center;  margin: 0 auto}
.jep-hero .banner{float: left; padding: 5px;}
.jep-hero .banner img{max-width: 100%;}
.jep-hero .boletines {float:left; padding: 5px;}
.jep-hero .boletines .boton{background: #000; text-align: center; color: #fff; padding: 5px; margin-top: 9px; font-family: 'CooperHewitt-Bold', sans-serif;}
.jep-hero .boletines .boton a{color: white; text-decoration: none}
.jep-home-h1{text-align: center; font-size: 21px; color: #007a45; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; font-family: 'CooperHewitt-Bold';}
.jep-home-iconos{text-align: center}
.jep-home-iconos img{max-width: 100%}
.jep-home-bloque-requisitos{background: #fbebce; padding-top: 30px; padding-left: 20px; text-align: justify;}
.jep-home-bloque-requisitos h2{color: #ebaf35; font-family: 'CooperHewitt-Bold'; font-size: 29px;}
.jep-home-bloque-requisitos h4{color: #8a613e; font-family: 'CooperHewitt-Heavy'; font-size: 14px; }
.jep-home-bloque-requisitos p{font-size: 15px;}
.jep-home-bloque-requisitos li{font-size: 15px; }
.jep-home-bloque-prohibiciones{background: #f3f6f2; padding-top: 30px; padding-left: 20px; text-align: justify;}
.jep-home-bloque-prohibiciones h2{color: #ab2c2b; font-family: 'CooperHewitt-Bold'; font-size: 29px;}
.jep-home-bloque-prohibiciones h4{color: #007a45; font-family: 'CooperHewitt-Heavy'; font-size: 14px; }
.jep-home-bloque-prohibiciones p{font-size: 15px;}
.jep-home-bloque-prohibiciones i, 
#requisitos i{font-family: 'CooperHewitt-Bold'; font-style: normal;}
.col-md-4{text-align: justify !important}
.jep-footer{background:#1d1d1b; padding-bottom: 5px; text-align: center;}
.jep-footer img {max-width: 100%;}
.jep-fi-header{background: url(../images/fi-header.jpg) repeat-x; min-height: 180px;}
.jep-fi-h1, .jep-h1-boletin, .jep-h1-boletin-titulo, .h1-conoce-participante,jep-h1-boletines{text-align: center; font-size: 21px; color: #ab2c2b; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; font-family: 'CooperHewitt-Bold';}
hr{margin: 0px;}
.jep-fi-contenido img{max-width: 75% !important}
.jep-fi-contenido .bloque1{float: left; text-align: center; padding-left: 40px; padding-right: 40px; padding-bottom: 40px;}
.jep-fi-contenido .bloque2{float: left; text-align: justify; margin-top: 20px;}
.jep-fi-contenido h2{color: #007a45; font-size: 21px;}
.jep-fi-contenido p{font-size: 15px;}
.jep-fi-contenido h5{font-size: 15px; color: #007a45; font-weight:bold; padding-bottom: 10px;}
.jep-fi-contenido a{color: #007a45}


@media (max-width: 960px) {  
  .jep-dots-left{display: none}
  .jep-dots-right {display: none}
  .col-md-8{text-align: center}
  .col-md-4{text-align: center}
  .jep-hero .boletines{ float: none}
  .jep-hero .boletines img{ width: 33.33333%}
  .jep-hero .boletines .boton{margin-bottom: 10px;}
  .jep-home-iconos img{width: 30%}
  .jep-fi-contenido .bloque1{float: none;}
}



.jep-body {
  min-height: calc(100vh - 40px);
}

.jep-h1-boletin { 
  color: #000000 !important;
  border-bottom: 2px solid #cccdce;
}

.jep-h1-boletin-titulo {
  color: #007a45 !important;
}

.boletines a:hover img{
  opacity: 0.7;
}

.btn-dark {
  background-color: #000000;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
.btn-dark:hover {
  background-color: rgba(0,0,0,0.6);
}

.btn-dark,
#contenidoBoletin strong {
  font-family: 'CooperHewitt-Bold';
}

#contenidoBoletin ul {
  list-style: none;
  padding: 0;
}
#contenidoBoletin li {
  padding-left: 1.3em;
  margin-bottom: 10px
}
#contenidoBoletin li:before {
  content: "-"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

#contenidoBoletin p {
  text-align: justify;
}

.h1-conoce-participante {
  color: #f8ad00ff;
}

#tabRegiones .nav-link.active,#tabRegiones .show>.nav-link {
  background-color: transparent !important;
}

#tabRegiones li a {
  color: #ffffff;
  font-family: 'CooperHewitt-Bold';
}
#tabRegiones li a hr {
  opacity: 0; 
  height: 0px;
}
#tabRegiones li a.active hr{
  border: 1px solid #ffffff;
  opacity: 1;
  height: 1px; 
}



#tabRegionesContent .container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
#tabRegionesContent .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

hr.linea-boletines {
  border-top: 2px solid #000000;
  border-bottom: 2px solid #d8e5d6ff;
}

#contenidoListaBoletines .card {
  border: none;
}

#contenidoListaBoletines .card-titulo-boletin {
  color: #007a45 !important;
  text-align: center;
  font-size: 21px;
  text-transform: uppercase;
  font-family: 'CooperHewitt-Bold';
}

#contenidoListaBoletines .card-text{
  text-align: justify;
}

#contenidoListaBoletines .linea-card-img {
  border-bottom: 1px solid #000000;
  margin-top: 1rem;
}

#contenidoListaBoletines .ref-boletin-titulo {
  text-decoration: none;
}

#contenidoListaBoletines .ref-boletin-vermas {
  color: #38a936ff;
  text-decoration: none;
}

p a {
  color: initial;
  text-decoration: none;
}

.h2-candidato {
  font-family: 'CooperHewitt-Bold';
  font-size: 29px;
}

.h4-candidato {
  font-family: 'CooperHewitt-Heavy';
    font-size: 14px;
}
.opciones{margin-right: 10px;margin-left: 10px; }

.opciones img {width: 140px; height: auto;}
.img-footer{margin-top: 1rem; margin-bottom: 1rem;}
.img-footer img{width: 338px ; height: auto;}

.banner-jep{margin-top: 10px; margin-bottom: 10px;}

.banner-jep img{width: 100%; height: auto;}
.text-banner{margin-top: 2rem; align-items: center;}
.text-requisitos{font-size: 65px; font-family: 'CooperHewitt-Bold';color: #e39532; width: 100%; text-align: center;}
.text-requisitos-2{font-size: 24px; font-family: 'CooperHewitt-Light';color: #1f763c; width: 100%; text-align: center;}

.text-requisitos-2 strong{font-family: 'CooperHewitt-Bold';}
.footer-list{display: flex; margin: 15px;}
.text-footer{color: #ffffff;margin-top: 10px; margin-left: 30px;}
.text-footer a{color: #ffffff;height: 30px; align-items: center; text-decoration: none;}
.icon-footer img{width: 41px; height: auto;}
.social-icon{border-top: 3px solid #faaf3b; padding: 2rem;}
.social-icon img{width: 30%;}
.spacing-header{margin-top: 20px;}


@media (max-width: 768px) {
  .jep-logo{
    border-left: 0px}
    .jep-logo-1 {
      margin: 15px;
    }
    .jep-logo-1 img{width: 88px;}
    .text-requisitos {
      font-size: 40px;}
      .text-requisitos-2 {
        font-size: 20px;}
        .social-icon img {
          width: 100%;
        }
        .opciones img {
          width: 130px;
          margin: 10px;
        }
}