@import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700&display=swap');

/* COLORES */

/* rojo: #D4002A */
/* gris claro (fondos): #E1DED9 */
/* gris oscuro (texto): #65615D */

html,
body {
  height: 100vh;
}

body {
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  /* color: #65615D; */
}

h1,
h3,
h4 {
  text-transform: uppercase;
}

h1,
h2 {
  font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
}

h3,
h4 {
  font-family: 'Lato', Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 2.5rem;
  color: #D4002A;
  line-height: 3.5rem;
  letter-spacing: 0.3rem;
}

a,
a:link,
a:hover,
a:visited,
a:active {
  color: #D4002A;
  text-decoration: none;
}

a:hover {
  color: #b40024;
  text-decoration: none;
}

a.btn,
a.btn:hover {
  color: #fff;
  text-decoration: none;
}

.btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #b40024;
  transition: background-color 0.5s ease-in-out;
}

.btn {
  border-radius: 4px !important;
  color: #fff;
  margin: 15px 0 0 0;
  padding: 8px 26px;
  border: 0;
  transition: background-color 0.5s ease-in-out;
}

.badge-avis {
  color: #fff !important;
  background-color: #d4002a;
  padding: .5em;
  border-radius: 2px;
}
a.badge-avis:focus, a.badge-avis:hover {
color: #fff;
background-color: #333333;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #d4002a;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(212, 0, 42, .25);
}

.rojo {
  color: #D4002A;
}

.container {
  margin-top: 2em;
}


table {
  width: 100%;
  margin: 0 0 2em 0;
}

th {
  background-color: #E1DED9;
  color: #65615D;
}

th {
  padding: 15px;
}

td {
  padding: 5px 15px;
}

footer {
  background: #E1DED9;
  padding: 2em 0;
  /* height:100vh; */
  width: 100%;
  margin-top: 2em;
}

.navbar {
  background-color: #333333;
  margin-bottom: 0;
  border-bottom: 1px solid transparent;
  z-index: 999;

}

.navbar-light .navbar-brand {
  /* color: rgba(255, 255, 255, .95); */
  color: #d4002A;
}

.navbar-light .navbar-nav .nav-link {
  /* color: rgba(255, 255, 255, .95); */
  color: #d4002A;
}

.navbar-light .navbar-toggler {
  /* color: rgba(0,0,0,.5); */
  /* border-color: rgba(0,0,0,.1); */
  /* color:rgb(212, 0, 42); */
  /* border-color: rgb(212, 0, 42); */
  color: #E1DED9;
  border-color: rgb(225, 222, 217);
  /* color:rgb(101, 97, 93); */
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(212, 0, 42, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.item {
  margin-bottom: 2em;
}


#hero {
  position: relative;
}


.yamm-content img {
  width: 25%;
}

img {
  vertical-align: middle;
}

img {
  border: 0;
}

.text_red_avis {
  color: #D4002A;
}

.btn-link.focus,
.btn-link:focus {
  text-decoration: none;
  box-shadow: none;
}