/*
Tema: Ediciones del Jinete Insomne
Autoría: Ediciones del Jinete Insomne
Descripción: Una pequeña página a medida
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
a, a:hover {text-decoration:none!important; color:#000;}

b, strong {
  font-weight: bold;}

header {
  padding: 156px 0 100px;}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Condensed', sans-serif;
}

body {
  font-family: Roboto, sans-serif;
}

.navbar {
  background-color: #197af4!important;
}

/* DESTACADO */

#hero {
  background-color:#197af4;
  padding:4rem;
  margin-top:2rem;
  color:#fff;
  text-align: left!important;
}

#hero h1 {
  font-size:4rem;
}

#hero .lead {
  font-size: 1.5rem;
  max-width: 60%;}

#hero .btn-light {
  border-radius: 0;
  border:2px solid #fff;
  margin-right:10px;
  color:#197af4;}

#hero .btn-secondary {
  background-color: transparent;
  border:2px solid #fff;
  border-radius: 0;}


/* RECURSOS */

#repositorio {
  padding:3rem 0;
  background-color:#e6f3ff;
}

#repositorio h2 {
  color: #197af4;
}

.row,
.row > .column {
  margin: 1rem;
}

.column {
  float: left;
  width: 25%;
  display: none; /* Hide columns by default */
  margin:1rem 0!important;
}

#repositorio .card {
  border:0!important;
}

#repositorio .card-body {
  background-color: #fff;
  color: #197af4;
}

/* Clear floats after rows */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#myBtnContainer {
text-align:center;
margin-bottom: 2rem;
}

.show {
  display: block;
}

#myBtnContainer .btn {
  text-transform:uppercase;
  border: none;
  outline: none;
  cursor: pointer;
  color:#197af4;
}

#myBtnContainer .btn:hover {
 color:#fff;
 background-color:#197af4;
 border-radius:0!important;
}

#myBtnContainer .btn.active {
 font-weight: 600;
 color:#fff;
 background-color:#197af4;
 border-radius: 0!important;
}


#repositorio .card {
background-color: #b18ee4;
border: 1px solid #b18ee4;
}

#repositorio.card-body {
background-color:#fff;
border-radius: 0 0 3px 3px;
}

footer {
  background-color: #003373 !important;
}


/* Responsive layout */
.flex-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}
/* Create four equal columns that sits next to each other */
 .flex-container a {
   -ms-flex: 25%; /* IE10 */
   flex: 25%;
   max-width: 25%;
   padding: 0 4px;
 }

 .flex-container img {
   margin-top: 8px;
   vertical-align: middle;
   width: 100%;
 }

/* Responsive layout - makes a two column-layout instead of four columns */
 @media screen and (max-width: 800px) {
   .flex-container a {
     -ms-flex: 50%;
     flex: 50%;
     max-width: 50%;
   }

   .column {
       width: 42%;
     }
 }

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
   @media screen and (max-width: 600px) {
     .flex-container a {
       -ms-flex: 100%;
       flex: 100%;
       max-width: 100%;
     }

     .column {
       width: 100%;
     }

   }