/* Global - Para centrados verticales */
body,html {
  height: 100%;
}

@media (max-width: 768px) {
h1, .h1 { font-size: 2.0rem; }
h2, .h2 { font-size: 1.75rem; }
h3, .h3 { font-size: 1.50rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1.0rem; }
}

ul {
  padding-left: 1rem;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

/* Global - Enlaces */
a {
    color: #004987;
}

/* Global - Eliminamos focus de los formularios */
textarea:focus, input:focus{
    outline: none;
}

/* Global - Primary color */
.bmd-btn-fab.btn-primary.custom-file-control:before, .btn-group-raised .btn-primary.custom-file-control:before, .btn-group-raised .btn.btn-primary, .btn-raised.btn-primary.custom-file-control:before, .btn.bmd-btn-fab.btn-primary, .btn.btn-raised.btn-primary {
    color: #fff;
    background-color: #42bdd1;
    border-color: #42bdd1;
}

/* Global - Colores */
.white {
  color: #FFFFFF;
}
.yellow {
  color: #FDC44E;
}
.turquoise {
  color: #42bdd1;
}

/* Global - Wrapper */
main, aside {
    padding: 30px 0;
}

/* Global - Borde de grupos con lista */
.list-group-item {
    border: 1px solid rgba(0,0,0,.125);
}

/* Navbar - Color del menu */
.bg-orange {
    background-color: #FF7200;
}

/* Navbar - Enlaces */
#main-menu {
  background: black;
  border-radius: 5px;
  padding: 5px 15px;
}
.navbar-light .navbar-nav .nav-link {
  color: #FFF;
  font-weight: bold;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: orange;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: orange;
}

/* Navbar */
#main-menu li:not(:last-child) {
  margin-right: 10px;
}

/* Navbar - Logo
@todo Crear una solución responsive */
.navbar img {
    max-width: 150px !important;
}

/* Portada - Bloque hero */
.wpchat-frontpage-hero {
  background-color: #f3f3f3;
  min-height: 300px;
}

.wpchat-frontpage-hero .container {
  padding-top:30px;
}
@media (min-width: 768px) {
  .wpchat-frontpage-hero .container {
    padding-top:70px;
  }
}

.wpchat-frontpage-subhero {
  background: #1ABCCD;
}

/* Portada - Formato input buscador */
.wpchat-frontpage-hero-input {
  width: 90%;
  max-width:600px;
  height: 50px;
  border-radius: 100px;
  font-size: 20px;
  padding: 10px 20px;
  border: 0;
}

.front-btn { width: 100%; font-size: 20px; background-color:#3d8b40; color: white;padding: 10px 20px; border-radius: 3px;}
.front-input { width: 100%; height:50px; font-size: 20px; padding: 10px 20px; border: 0; margin-bottom: 5px; }
@media (min-width: 768px) {
	.front-btn {  width: 20%; font-size: 20px; background-color:#3d8b40; color: white;padding: 10px 20px; margin-left: -3px; border-radius: 0; }
	.front-input { width: 80%; max-width:600px; height:50px; font-size: 20px; padding: 10px 20px; border: 0; }
}

/* Portada - Productos */
.card {
  height: 300px;
  margin-top:20px;
  margin-bottom:20px;
}
@media (min-width: 768px) {
  .card {
    height: 400px;
    margin-top:30px;
    margin-bottom:30px;
  }
}


.card-img-top {
  height: 100px;
}
@media (min-width: 768px) {
  .card-img-top {
    height: 170px;
  }
}

.panel {
  box-shadow: 0 1px 1px 0 rgba(192,192,192,.9), 0 3px 1px -2px rgba(0,0,0,.3), 0 1px 5px 0 rgba(0,0,0,.22);
  display: grid;}

.wpchat-chats .card {
  margin-top: 20px;
}

.wpchat-chats .card:hover {
  box-shadow: 0 5px 5px 0 rgba(0,0,0,.24), 0 3px 1px -2px rgba(0,0,0,.3), 0 1px 5px 0 rgba(0,0,0,.22);
}

.wpchat-chats .card img {
  filter: grayscale(0.10);
}
.wpchat-chats .card:hover img {
  filter: grayscale(0);
}

.wpchat-chats .card:hover a {
 text-decoration: none;
}

/* Tour - Título */
.wpchat-chat-titulo h1 {
  font-size: 35px;
}

/* Footer */
#wrapper-footer-full {
    background: #3a3a3a;
    color: #FFFFFF;
    padding: 30px 0px;
}
#wrapper-footer-full a {
  color: #FFFFFF;
}

#wrapper-footer-full .fa-inverse {
    color: #3a3a3a;
}

.btn.btn-secondary{background-color: #444;color: white;}
.btn.btn-secondary:hover{background-color: #444;color: white;}

/* Global - Panel de conexion al chat */
.panel-chat .card-header { background: #E9ECEF; }
.panel-chat .card-body { background: #FFFFFF; }

/* Global - Estilo img */
.img-chat {
	border: 1px solid #EEE;
	border-radius: 5px;
	padding: 5px;
	background: #FFF;
}

/* Global - Cards */
@media (max-width:768px) {
  .card h5.card-title {
    font-size: 1.0rem;
  }
  .card-body {
    overflow: auto;
    padding: 0.7rem;
  }
  .card-text {
    font-size: 0.75rem;
  }
}

/* Text */
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Blog */
.type-post  .wp-post-image {
	width: 100%;
	height: auto;
	border: 1px solid #EEEEEE;
	padding: 5px;
	background: white;
}
.entry-content {
	margin-top: 20px;
}
.entry-meta {
	margin-bottom: 20px;
}
.type-post .entry-title {
	border-left: 10px solid #FF7200;
	padding-left: 15px;
	text-transform: uppercase;
}
.post-navigation {
	margin: 15px 0 15px 0;
}
.comments-area {
	border-top: 5px solid #FF7200;
	padding-top: 20px;
}
.comment-list {
	padding-left: 0px;
}

@media (max-width: 768px) {
  .entry-meta { font-size: 0.75rem; }
}

/* Contact form 7 */
.wpcf7-form {
  border: 1px solid #b9b9b9;
  padding: 20px;
  background: #fff;
}

/* Footer - Lists */
#wrapper-footer-full .fa-ul {
    margin-left: 1.5em;
    color: #ff7200;
}

#wrapper-footer-full h4 {
  border-bottom: 2px solid #6b6b6b;
    padding-bottom: 5px;
}